import { TOKEN } from "./config";
import axios from "axios";
import VueAxios from "vue-axios";

import Vue from "vue";
import { route } from "@/laravelify";

const token = localStorage.getItem(TOKEN);
if (token) {
    axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
}

export const ApiService = {
    init() {
        Vue.use(VueAxios, axios);
        axios.defaults.baseURL = process.env.VUE_APP_URL;
    },

    setHeader() {
        Vue.axios.defaults.headers.common["Authorization"] = `Bearer ${localStorage.getItem(TOKEN)}`;
    },

    query(resource, params) {
        this.setHeader();
        return Vue.axios.get(resource, params).catch(error => {
            console.log(error);
            debugger;
            // if (error.response.status === 401) {
            //     window.location.href = "/login";
            // }
            throw new Error(`[RWV] ApiService ${error}`);
        });
    },

    get(resource, pk = "") {
        debugger;
        return Vue.axios.get(`${resource}/${pk}`).catch(error => {
            if (error.response) {
                // The request was made and the server responded with a status code
                // that falls out of the range of 2xx
                // console.log(error.response.data);
                // console.log(error.response.status);
                // console.log(error.response.headers);
                debugger;
            } else if (error.request) {
                // The request was made but no response was received
                // `error.request` is an instance of XMLHttpRequest in the
                // browser and an instance of
                // http.ClientRequest in node.js
                debugger;
                console.log(error.request);
            } else {
                // Something happened in setting up the request that triggered an Error
                debugger;
                console.log("Error", error.message);
            }
            throw new Error(`[RWV] ApiService ${error}`);
        });
    },

    post(resource, params, config) {
        return Vue.axios.post(`${resource}`, params, config);
    },

    update(resource, params) {
        return Vue.axios.patch(`${resource}`, params);
    },

    delete(resource) {
        return Vue.axios.delete(resource).catch(error => {
            throw new Error(`[RWV] ApiService ${error}`);
        });
    },
};

export const ResourceService = {
    query(model, params) {
        return ApiService.query(route(`${model}.index`), { params: params });
    },
    get(model, pk) {
        return ApiService.query(route(`${model}.show`), { sale_order: pk });
    },
    create(model, params) {
        return ApiService.post(route(`${model}.store`), { saleOrder: params });
    },
    update(model, pk, params) {
        return ApiService.update(route(`${model}.update`, { saleOrder: pk }), params);
    },
    destroy(model, pk) {
        return ApiService.delete(route(`${model}.destroy`, { sale_order: pk }));
    },
};