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 'vue-loading-overlay/dist/vue-loading.css';
import CKEditor from '@ckeditor/ckeditor5-vue';
import InfiniteLoading from 'vue-infinite-loading';

import { Datetime } from 'vue-datetime';
// You need a specific loader for CSS files
import 'vue-datetime/dist/vue-datetime.css';

import VueCountdown from '@chenfengyuan/vue-countdown';


//import Autocomplete from '@trevoreyre/autocomplete-vue'
//import '@trevoreyre/autocomplete-vue/dist/style.css'

// Set Vue globally
window.Vue = Vue
Vue.config.devtools = false
// Set Vue router
Vue.router = router
Vue.use(VueRouter)
Vue.use(VuePromiseBtn)

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

Vue.component('datetime', Datetime);

// 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.component('countdown', VueCountdown);

Vue.use(Snotify, options)
Vue.use(Notifications)
Vue.use(VueLoadingButton)
Vue.component('VueLoadingButton', VueLoadingButton)
Vue.use( CKEditor );
Vue.use(InfiniteLoading, { /* options */ });

Vue.prototype.$adminPanel = `${process.env.MIX_ADMIN_PANEL}`

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
});