/* eslint-disable */
import Vue from "vue";
import EvaIcons from "vue-eva-icons";
import axios from "axios";
import moment from "moment";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import * as VueGoogleMaps from "vue2-google-maps";
import Vuetify from "vuetify";
import VueShareSocial from "vue-share-social";
import VueCurrencyInput from "vue-currency-input";

Vue.use(VueShareSocial);
Vue.use(EvaIcons);
Vue.use(Vuetify);

Vue.use(VueGoogleMaps, {
  load: {
    key: "AIzaSyD8k_Kwml_C8IDfs-gX8JFV8acli3L9cAE",
    libraries: "places,directions" // This is required if you use the Autocomplete plugin
    // OR: libraries: 'places,drawing'
    // OR: libraries: 'places,drawing,visualization'
    // (as you require)

    //// If you want to set the version, you can do so:
    // v: '3.26',
  }
});
Vue.config.productionTip = false;
//axios.defaults.baseURL = "http://localhost:57260";
axios.defaults.baseURL = "http://training.provision-sa.com:82";
//axios.defaults.baseURL = "http://localhost:8080/";

Vue.prototype.$axios = axios;
const pluginOptions = {
  /* see config reference */
  globalOptions: { currency: ["ZAR", null, { prefix: "R" }][2] }
};
Vue.use(VueCurrencyInput, pluginOptions);
Vue.prototype.$http = axios;
const token = localStorage.getItem("token");
if (token) {
  Vue.prototype.$http.defaults.headers.common.Authorization = token;
}

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (store.getters.isLoggedIn) {
      next();
      return;
    }
    next("/users/login");
  } else {
    next();
  }
});

Vue.filter("toCurrency", value => {
  if (typeof value !== "number") {
    return value;
  }
  const formatter = new Intl.NumberFormat("en-US", {
    minimumFractionDigits: 2
  });
  return `R ${formatter.format(value)}`;
});

Vue.filter("toProper", value => {
  if (typeof value !== "string") {
    console.log(typeof value);
    return value;
  }
  value = value.replace(/([a-z])([A-Z])/g, "$1 $2");
  return value.charAt(0).toUpperCase() + value.slice(1);
});

Vue.filter("toDate", value => value.substring(0, value.length > 9 ? 10 : value.length));

Vue.filter("toTime", value => moment(String(value)).format("hh:mm"));

new Vue({
  render: h => h(App),
  router,
  store
}).$mount("#app");