// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue';
import App from './App';
import Vuetify from 'vuetify';
import router from './router';
import 'font-awesome/css/font-awesome.css';
import './theme/default.styl';
import VeeValidate from 'vee-validate';
import colors from 'vuetify/es5/util/colors';
import Truncate from 'lodash.truncate';
import store from '@/store/store'
import FullCalendar from 'vue-full-calendar';
import JsonCSV from 'vue-json-csv'
import VueHtml2Canvas from 'vue-html2canvas';
import 'babel-polyfill';
import VueHtmlToPaper from 'vue-html-to-paper';
import VueApexCharts from 'vue-apexcharts'
// import FunctionalCalendar from 'vue-functional-calendar';
import 'vue-event-calendar/dist/style.css' //^1.1.10, CSS has been extracted as one file, so you can easily update it.
import vueEventCalendar from 'vue-event-calendar'
import VueCountryCode from "vue-country-code";

Vue.use(VueCountryCode);
Vue.use(vueEventCalendar, {
    locale: 'en'
})

// Vue.use(FunctionalCalendar, {
//     dayNames: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
// });
Vue.use(VueApexCharts)
Vue.component('apexchart', VueApexCharts)
const options = {
    name: '_blank',
    specs: [
        'fullscreen=yes',
        'titlebar=yes',
        'scrollbars=yes'
    ],
    styles: [
        'https://unpkg.com/vuetify/dist/vuetify.min.css',
        'https://unpkg.com/kidlat-css/css/kidlat.css'
    ]
}
Vue.use(VueHtmlToPaper, options);
// or, using the defaults with no stylesheet

Vue.use(VueHtmlToPaper);
Vue.use(VueHtml2Canvas);

Vue.component('downloadCsv', JsonCSV)

Vue.config.productionTip = false;
Vue.use(FullCalendar);
// Helpers
// Global filters
// Vue.use(VueAxios, axios);
Vue.filter('truncate', Truncate);
Vue.use(VeeValidate, {
    fieldsBagName: 'formFields'
});
VeeValidate.Validator.localize({
    en: {
        custom: {
            password2: {
                is: 'The passwords do not match'
            }
        }
    }
})
Vue.use(Vuetify, {
    // theme: {
    //     primary: "f1f1f1", // #E53935
    //     // secondary: colors.indigo.lighten4, // #FFCDD2
    //     // accent: colors.indigo.base // #3F51B5
    // },
    options: {
        themeVariations: ['primary', 'secondary', 'accent'],
        extra: {
            mainToolbar: {
                color: 'primary',
            },
            sideToolbar: {},
            sideNav: 'primary',
            mainNav: 'primary lighten-1',
            bodyBg: '',
        }
    }
});
// Bootstrap application components



/* eslint-disable no-new */
export var vm1 = new Vue({
    el: '#app',
    router,
    store,
    components: {
        App
    },
    template: '<App/>'
});