import axios from 'axios';
import { message } from "ant-design-vue";

var axiosAdmin = axios.create({
    baseURL: window.config.path + '/api/v1'
});

// Axios default headers
axiosAdmin.defaults.headers['Accept'] = 'application/json';
axiosAdmin.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
axiosAdmin.defaults.headers.common['X-CSRF-TOKEN'] = document.head.querySelector('meta[name="csrf-token"]').content;

// Axios jwt token by default
if (localStorage.getItem('auth_token')) {
    axiosAdmin.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('auth_token');
}
// Axios error listener
axiosAdmin.interceptors.response.use(function (response) {
    return response.data;
}, function (error) {
    const errorCode = error.response.status;
    const { t, te } = window.i18n.global;

    if (errorCode === 401) {
        // If error 401 redirect to login
        window.location.href = window.config.path + '/admin/login';
        delete window.axiosAdmin.defaults.headers.common.Authorization;
        localStorage.removeItem('auth_token');
        localStorage.setItem('auth_user', null);
    } else if (errorCode === 400) {
        var errMessage = error.response.data.error.message;
        message.error(te(errMessage) ? t(errMessage) : errMessage);
    } else if (errorCode === 403) {
        var errMessage = error.response.data.error.message;
        message.error(te(errMessage) ? t(errMessage) : errMessage);
    } else if (errorCode === 404) {
        var errMessage = error.response.data.error.message;
        message.error(te(errMessage) ? t(errMessage) : errMessage);
    }

    return Promise.reject(error.response);
});

/**
 * Set global so you don't have to import it
 */
window.axiosAdmin = axiosAdmin;
