import client from '@/api/loginAPI.js';
import organisationAPI from '@/api/organisationsAPI.js';
import usergroupsAPI from '@/api/usergroupsAPI.js';

import { ErrorService } from '@/services/error-service.js';

const state = {
  form: {
    first_name: null,
    last_name: null,
    email: null,
    phone_number: null,
    comments: null,
    username: null,
    password1: null,
    password2: null
  },
  organisationThumbnail: null,
  organisationSpheres: [],
  signed: false,
  error: null,
};

const getters = {
  getForm: state => state.form,
  getSigned: state => state.signed,
  getError: state => state.error,
};

export const POST_SIGNUP = 'POST_SIGNUP';

const actions = {
  [POST_SIGNUP]: async ({ state, commit }) => {
    await client.signUp(state.form)
      .then(
        async (resp) => {
          if (state.organisationThumbnail) {
            await organisationAPI.setOrganisationThumbnail(resp.usergroup_roles[0].organisation.id, state.organisationThumbnail)
            .then(() => {
              commit('SET_ERROR', undefined);
            })
            .catch((error) => {
              commit(
                'SET_ERROR',
                error.response
                || 'Une erreur est survenue',
              );
              commit('SET_SIGNED', false);
            });
          }
          if (state.organisationSpheres && state.organisationSpheres.length > 0) {
            const data = {
              ...resp.usergroup_roles[0].usergroup,
              usergroup_type: {
                id: resp.usergroup_roles[0].usergroup.usergroup_type,
                codename: 'organisation',
                description: 'Organisation',
                display_name: 'Organisation',
                display_name_plural: 'Organisations',
              },
              parents: state.organisationSpheres.map((el) => { return el.id; })
            };
            await usergroupsAPI.updateUsergroup(resp.usergroup_roles[0].usergroup.id, data)
            .then(() => {
              commit('SET_ERROR', undefined);
            })
            .catch((error) => {
              commit(
                'SET_ERROR',
                error.response
                || 'Une erreur est survenue',
              );
              commit('SET_SIGNED', false);
            });
          }
          commit('SET_ERROR', undefined);
          commit('SET_SIGNED', true);
        },
      )
      .catch(
        (error) => {
          commit(
            'SET_ERROR',
            error.response
            || 'Une erreur est survenue',
          );
          commit('SET_SIGNED', false);
        },
      );
  },
};

export const SET_FORM = 'SET_FORM';
export const SET_SIGNED = 'SET_SIGNED';
export const SET_ERROR = 'SET_ERROR';

const mutations = {
  [SET_FORM]: (state, data) => {
    state.form = data.form;
    state.organisationThumbnail = data.thumbnail;
    state.organisationSpheres = data.spheres;
  },
  [SET_SIGNED]: (state, value) => {
    if (value === true) {
      state.signed = true;
    } else {
      state.signed = false;
    }
  },
  [SET_ERROR]: (state, value) => {
    ErrorService.onError(value);
    state.error = value && value.data ? value.data : value;
  },
};

export default {
  namespaced: true,
  state,
  getters,
  actions,
  mutations,
};