import 'es6-promise/auto'
import axios from 'axios'
import './bootstrap'
import Vue from 'vue'
import VueAuth from '@websanova/vue-auth'
import VueAxios from 'vue-axios'
import VueRouter from 'vue-router'
import Index from './Index'
import auth from './auth'
import router from './router'
import VuePromiseBtn from 'vue-promise-btn'
import 'vue-promise-btn/dist/vue-promise-btn.css'
import Snotify from 'vue-snotify'
import { SnotifyPosition, SnotifyToast, SnotifyToastConfig } from 'vue-snotify'
import Notifications from 'vue-notification'
import VueLoadingButton from "vue-loading-button";
import VueCountdown from '@chenfengyuan/vue-countdown';       
import CKEditor from '@ckeditor/ckeditor5-vue';
import InfiniteLoading from 'vue-infinite-loading';     

// Set Vue globally
window.Vue = Vue
Vue.config.devtools = false 
// Set Vue router
Vue.router = router
Vue.use(VueRouter)
Vue.use(VuePromiseBtn)
Vue.use(InfiniteLoading, { /* options */ });
Vue.component(VueCountdown.name, VueCountdown);

// Set Vue authentication   
Vue.use(VueAxios, axios)

//axios.defaults.baseURL = `${process.env.MIX_APP_URL}/api`
Vue.use(VueAuth, auth)

// Load Index
Vue.component('index', Index)

const options = {
  toast: {
  	showProgressBar: false,
    pauseOnHover: false,
    newOnTop: true,
    oneAtTime: false,
    preventDuplicates: true,
    titleMaxLength: 110,
    bodyMaxLength: 1110,
  	timeout: 3000,
    position: SnotifyPosition.rightBottom
  }
}

Vue.use(Snotify, options)
Vue.use(Notifications)
Vue.use(VueLoadingButton)
Vue.component('VueLoadingButton', VueLoadingButton)
Vue.use( CKEditor );
Vue.prototype.$basePath = `/${process.env.MIX_SUB_URL}`


if(process.env.MIX_APP_ENV == 'production') 
{
  Vue.config.devtools = false;
  Vue.config.debug = false;
  Vue.config.silent = true; 
}

const app = new Vue({
  el: '#app',
  router
});