import './bootstrap'

// Set Vue globally
import Vue from 'vue'
window.Vue = Vue

// Set Vue router
import router from './routes/web_routes'
import VueRouter from 'vue-router'
Vue.router = router
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
	return originalPush.call(this, location).catch(err => err)
};
Vue.use(VueRouter)

import '@mdi/font/css/materialdesignicons.min.css';


// Set Vue authentication
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
var baseurl = window.location.protocol + "//" + window.location.host;
axios.defaults.baseURL = baseurl+`/api`

import auth from './auth'
import VueAuth from '@websanova/vue-auth'
Vue.use(VueAuth, auth)

import * as GmapVue from 'gmap-vue'
Vue.use(GmapVue, {
	load: {
		key: 'AIzaSyDE4wE_BiZfYbFrD01Q3IUVqkbY3Ru4hdE',
		libraries: 'places',
	},
	installComponents: true
})

import vuetify from './plugins/Vuetify'

import VueToast from 'vue-toast-notification';
// import 'vue-toast-notification/dist/theme-sugar.css';
import 'vue-toast-notification/dist/theme-default.css';
Vue.use(VueToast);

import VuetifyDialog from 'vuetify-dialog'
import 'vuetify-dialog/dist/vuetify-dialog.css'
Vue.use(VuetifyDialog, {
	context: {
		vuetify
	},
	confirm: {
		icon: "mdi-alert",
		actions: {
			false: 'No',
			true: {
				text: 'Yes',
				color: 'error'
			}
		}
	}
})


import DatetimePicker from 'vuetify-datetime-picker'
Vue.use(DatetimePicker)

import { TiptapVuetifyPlugin } from 'tiptap-vuetify'
import 'tiptap-vuetify/dist/main.css'
Vue.use(TiptapVuetifyPlugin, {
	vuetify: vuetify,
	iconsGroup: 'mdi'
})

// Prototype
import api from './api/index.js'
import { setPageTitle } from "@/js/helpers/pageTitle.js"
import { errorHandler } from "@/js/helpers/errorHandler.js"
import * as AuthUser from "@/js/helpers/AuthUser.js"
import dayjs from 'dayjs'
Vue.prototype.$api = api
Vue.prototype.$setPageTitle = setPageTitle
Vue.prototype.$errorHandler = errorHandler
Vue.prototype.$dayjs = dayjs
Vue.prototype.$authUser = AuthUser

// Filter :: register global utility filters.
import * as filters from '@/js/filters'; // global filters
Object.keys(filters).forEach(key => {
	Vue.filter(key, filters[key]);
});

// Load Index
import index from './views/index'
// Vue.component('Index', index)

// initialize vue app
new Vue({
	router,
	vuetify: vuetify,
	render: (h) => h(index),
}).$mount("#app");