import Vue from 'vue'

import NamespaceService from '../../services/namespace'
import {setLoading} from '@/store/helper'

export default {
	namespaced: true,
	state: () => ({
		namespaces: [],
	}),
	mutations: {
		namespaces(state, namespaces) {
			state.namespaces = namespaces
		},
		setNamespaceById(state, namespace) {
			for (const n in state.namespaces) {
				if (state.namespaces[n].id === namespace.id) {
					namespace.lists = state.namespaces[n].lists
					Vue.set(state.namespaces, n, namespace)
					return
				}
			}
		},
		setListInNamespaceById(state, list) {
			for (const n in state.namespaces) {
				// We don't have the namespace id on the list which means we need to loop over all lists until we find it.
				// FIXME: Not ideal at all - we should fix that at the api level.
				if (state.namespaces[n].id === list.namespaceId) {
					for (const l in state.namespaces[n].lists) {
						if (state.namespaces[n].lists[l].id === list.id) {
							const namespace = state.namespaces[n]
							namespace.lists[l] = list
							Vue.set(state.namespaces, n, namespace)
							return
						}
					}
				}
			}
		},
		addNamespace(state, namespace) {
			state.namespaces.push(namespace)
		},
		removeNamespaceById(state, namespaceId) {
			for (const n in state.namespaces) {
				if (state.namespaces[n].id === namespaceId) {
					state.namespaces.splice(n, 1)
					return
				}
			}
		},
		addListToNamespace(state, list) {
			for (const n in state.namespaces) {
				if (state.namespaces[n].id === list.namespaceId) {
					state.namespaces[n].lists.push(list)
					return
				}
			}
		},
		removeListFromNamespaceById(state, list) {
			for (const n in state.namespaces) {
				// We don't have the namespace id on the list which means we need to loop over all lists until we find it.
				// FIXME: Not ideal at all - we should fix that at the api level.
				if (state.namespaces[n].id === list.namespaceId) {
					for (const l in state.namespaces[n].lists) {
						if (state.namespaces[n].lists[l].id === list.id) {
							state.namespaces[n].lists.splice(l, 1)
							return
						}
					}
				}
			}
		},
	},
	getters: {
		getListAndNamespaceById: state => listId => {
			for (const n in state.namespaces) {
				for (const l in state.namespaces[n].lists) {
					if (state.namespaces[n].lists[l].id === listId) {
						return {
							list: state.namespaces[n].lists[l],
							namespace: state.namespaces[n],
						}
					}
				}
			}
			return null
		},
		getNamespaceById: state => namespaceId => {
			for (const n in state.namespaces) {
				if (state.namespaces[n].id === namespaceId) {
					return state.namespaces[n]
				}
			}
			return null
		},
	},
	actions: {
		loadNamespaces(ctx) {
			const cancel = setLoading(ctx, 'namespaces')

			const namespaceService = new NamespaceService()
			// We always load all namespaces and filter them on the frontend
			return namespaceService.getAll({}, {is_archived: true})
				.then(r => {
					ctx.commit('namespaces', r)

					// Put all lists in the list state
					const lists = []
					r.forEach(n => {
						n.lists.forEach(l => {
							lists.push(l)
						})
					})

					ctx.commit('lists/setLists', lists, {root: true})

					return Promise.resolve(r)
				})
				.catch(e => {
					return Promise.reject(e)
				})
				.finally(() => {
					cancel()
				})
		},
		loadNamespacesIfFavoritesDontExist(ctx) {
			// The first namespace should be the one holding all favorites
			if (ctx.state.namespaces[0].id !== -2) {
				return ctx.dispatch('loadNamespaces')
			}
		},
		removeFavoritesNamespaceIfEmpty(ctx) {
			if (ctx.state.namespaces[0].id === -2 && ctx.state.namespaces[0].lists.length === 0) {
				ctx.state.namespaces.splice(0, 1)
				return Promise.resolve()
			}
		},
	},
}