/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

Vue.component('scheduletabs', require('./components/schedules/Tabs.vue'));
Vue.component('headernav', require('./components/HeaderNav.vue'));
Vue.component('pagination', require('./components/PaginationComponent.vue'));
// let headernav = require('./components/HeaderNav.vue');
let sidebar = require('./components/SideBar.vue');
// let scheduletabs = require('./components/schedules/Tabs.vue')

let SchedulesSuccessfull = require('./components/schedules/Successfull.vue');
let SchedulesNoSchedules = require('./components/schedules/NoSchedules.vue');
let SchedulesWarnings = require('./components/schedules/Warnings.vue');
let SchedulesErrors = require('./components/schedules/Errors.vue');
let SchedulesNoRecent = require('./components/schedules/NoRecent.vue');

const routes = [
    {
        path: '/schedules',
        redirect: '/schedules/successfull'
        // component: SchedulesSuccessfull
    },
    {
        path: '/schedules/successfull',
        component: SchedulesSuccessfull
    },
    {
        path: '/schedules/noschedules',
        component: SchedulesNoSchedules
    },
    {
        path: '/schedules/norecent',
        component: SchedulesNoRecent
    },
    {
        path: '/schedules/warnings',
        component: SchedulesWarnings
    },
    {
        path: '/schedules/errors',
        component: SchedulesErrors
    }
]

const router = new VueRouter({
    mode: 'history',
    routes // short for `routes: routes`
})

const app = new Vue({
    el: '#app',
    router,
    components: {
        sidebar,
        // headernav,
        // scheduletabs,
    }
});