const state = {
    users: {},
    user: {},
    lang: {},
    roles: {},
    about : {},
    notify: {},
    export: {},
    permissions :{},
    permission_table: {},
    image:{},
    previewImage : {'data' :"/image/profile.png"},
    user_permissions : [],
    has_changed: 0,
}

const mutations = {

    SET_PREVIEWIMAGE(state , data){
        state.previewImage = data;
    },

    DESTROY_PREVIEW(state){
        state.previewImage = {'data' :"/image/profile.png"};
    },

    SET_USER(state, data) {
        if(data.is_photo == 1){
            if(data.images) {
                state.previewImage.data = '/' + data.images.image_path;
            }
        }
        state.user = data;
    },



    SET_ABOUT(state, data){
        state.about = data.about;
    },

    SET_USER_PERMISSIONS(state , data){
        state.user_permissions = data;
    },

    SET_EXPORT(state , data){
        state.export = data.export;
    },


    INC_CHANGED(state , data){
        state.has_changed += 1;
    },
    NULL_CHANGED(state){
        state.has_changed = 0;
        state.errors = [];
    },

    SET_LANG(state, data) {
        state.lang = data;
    },

    SET_PERMISSIONTABLE(state , data){
        state.permission_table = data;
    },

    UPDATE_PERMISSIONTABLE(state , data){
        state.permission_table[data.role].permissions =  data.data;
    },

    SET_PERMISSION(state , data){
        state.permissions = data;
    },

    SET_USERS(state, data) {
        state.users = data;
    },


    SET_ROLES(state, data) {
        state.roles = data;
    },

    SET_PROFILE(state , data ){
        state.user = data.user;
        state.roles = data.roles;
    },

    UPDATE_USER(state , data){
        let name = data.target.id;
        let value = data.target.value;
        state.user[name] = value;
    },

    UPDATE_USER_DP(state, data){
        state.user[data.name] = data.value;
    },

    UPDATE_ABOUT(state , data){
        state.about[data.lang][data.field] = data.value ;
    },

    UPDATE_LANG(state, data) {
        state.user.langspoken = data;

    }

}

const actions = {

    loadUsers({commit}) {

        axios.get('/api/users')
            .then(r => r.data)
            .then(resp => {
                commit("SET_USERS", resp);
            })
    },

    loadUsersList({commit}){

        axios.get('/api2/users_list')
            .then(r => r.data)
            .then(resp => {
                commit("SET_USERS", resp);
            })
    },


    getAbout({commit} , id){

        axios.get('/api/user/about/' + id)
            .then(r => r.data)
            .then(resp => {
                commit("SET_ABOUT", resp);
            })
    },


    updateAbout({commit} , about){
        commit("INC_CHANGED");
        commit("UPDATE_ABOUT" , about);
    },


    updateLang({commit}, lang){
        commit("INC_CHANGED");
        commit("UPDATE_LANG" , lang);
    },

    update_previewimage({commit} , data){
        commit("INC_CHANGED");
        commit('SET_PREVIEWIMAGE', data );
    },

    updateUser({commit} ,data) {
        commit("INC_CHANGED");
        commit("UPDATE_USER", data);
    },

    updateUserDP({commit},data){
        commit("INC_CHANGED");
        commit('UPDATE_USER_DP', data)
    },


    getExport({commit} , id){

        axios.get('/api/user/export/' + id)
            .then(r => r.data)
            .then(resp => {
                commit("SET_EXPORT" , resp )
            })
    },

    loadUser({commit}, id) {
        if(!id){
            id = '';
        }

        axios.get('/api/user/' + id)
            .then(r => r.data)
            .then(resp => {
                if(resp.username){
                    commit("SET_USER", resp);
                }else if(resp.code){
                    console.log(resp.code);
                }
            })
    },

    loadUserPermissions({commit}) {

        axios.get('/api/user_permissions')
            .then(r => r.data)
            .then(resp => {
                commit("SET_USER_PERMISSIONS", resp);
            })
    },

    loadPermissions({commit}){

        axios.get('/api/permissions')
            .then(r => r.data)
            .then(resp => {
                commit("SET_PERMISSION" , resp);
            })
    },



    getPermission_table({commit}){

        axios.get('/api/permission_table')
            .then(r => r.data)
            .then(resp => {
                commit("SET_PERMISSIONTABLE" ,  resp);
            })
    },

    loadProfile({commit}) {

        axios.get('/api/my_profile')
            .then(r => r.data)
            .then(resp => {
                commit("SET_PROFILE",  resp);
            }).catch(error => {
            if(error.response.status == "401") {
                commit('LOGOUT');
                window.location.href= '/login';
            }
        });

    },

    LoadOwnerInfo({commit}){

        axios.get('/api/')
            .then(r => r.data)
            .then(resp => {
                commit("SET_PROFILE",  resp);
            }).catch(error => {
            if(error.response.status == "401") {
                commit('LOGOUT');
                window.location.href= '/login';
            }
        });


    },

    createUser({commit}, data){

        return new Promise((resolve, reject) => {
            axios.post('/api/user/create', data)
                .then(r => r.data)
                .then(resp => {
                    resolve(resp)
                    if (resp) {
                        commit("SET_USER", resp);
                        commit("SET_NOTIFY", {'title': resp.message, 'type': 'success'})
                        console.log(resp);
                    }
                })
                .catch(error => {
                    console.log(error.response);
                    reject(error.response);
                })
        });

    },


    loadRoles({commit}) {

        axios.get('/api/roles')
            .then(r => r.data)
            .then(resp => {
                commit("SET_ROLES", resp);
            })
    },

    loadLang({commit}) {

        axios.get('/api/languages')
            .then(r => r.data)
            .then(resp => {
                    commit("SET_LANG", resp);
                }
            )
    },


    deleteUser({commit, store}, data) {

        return new Promise((resolve, reject) => {
            axios.post('/api/deleteUser/', {'user': data})
                .then(r => r.data)
                .then(resp => {
                    commit('SET_NOTIFY', resp)
                    resolve(resp);
                })
                .catch(err => {
                        reject(err)
                    }
                )
        })
    },

    upgradeUser({state, commit} , data ){

        return new Promise((resolve, reject) => {
            axios.post('/api/updateUser', data)
                .then(r => r.data)
                .then(resp => {
                    if (resp['code'] == 200) {
                        commit("NULL_CHANGED");
                        resolve(resp);
                    } else {
                        reject(resp);
                    }
                }).catch(error => {
                reject(error.response);
            })
        })
    },


    updateAllPermissions({commit , state } , data ){
        commit('SET_PERMISSIONTABLE' , data);
    },

    updatePermissions({commit, state} , data ){
        commit('UPDATE_PERMISSIONTABLE' , data);

        return new Promise((resolve, reject) => {
            axios.post('/api/update_permission', {data: state.permission_table[data.role], role: data.role})
                .then(r => r.data)
                .then(resp => {
                    if (resp['code'] == 200) {
                        resolve(resp);
                    } else {
                        reject(error);
                    }
                })
        });
    },



    selectUser({commit}, data) {

        axios.post('/api/select_users', data)
            .then(r => r.data)
            .then(resp => {
                commit("SET_USERS", resp);
            });
    }
}

const getters = {
    getUsername(){
        return state.user.username;
    },
    getRoles(){
        return state.roles;
    }
}


export default {
    state,
    getters,
    actions,
    mutations
}