import VueRouter from 'vue-router'
import { setPageTitle } from '@/js/helpers/pageTitle'

// Layout
const BaseLayout = () => import('@views/_layouts/BaseLayout')

// Common Pages
const Comingsoon = () => import( '@views/_general/Comingsoon')
const Error404 = () => import( '@views/_general/404')
const ForgotPassword = () => import('@views/_general/ForgotPassword')
const Login = () => import( '@views/_general/Login')
const Main = () => import( '@views/_general/Main')
const ResetPassword = () => import('@views/_general/ResetPassword')

const PaymentCheckout = () => import('@views/Payments/PaymentCheckout')

// Pages
const AuthProfile = () => import( '@views/_auth/AuthProfile')
const AuthProfileUpdate = () => import( '@views/_auth/AuthProfileUpdate')
const BoardcastList = () => import('@views/Boardcasts/BoardcastList')
const BoxInventoryOverviewList = () => import( '@views/BoxInventories/BoxInventoryOverviewList')
const BoxDeliveryOverviewList = () => import( '@views/BoxDeliveries/BoxDeliveryOverviewList')
const BoxDeliveryOverviewInfo = () => import( '@views/BoxDeliveries/BoxDeliveryOverviewInfo')
const CreditItemList = () => import( '@views/CreditItems/CreditItemList')
const FAQ = () => import( '@views/Supports/FAQ')
const FeedbackList = () => import( '@views/Feedbacks/FeedbackList')
const Home = () => import( '@views/_general/Home')
const LockerBoxTypeList = () => import('@views/LockerBoxTypes/LockerBoxTypeList')

const PartnerPackageList = () => import('@views/PartnerPackages/PartnerPackageList')
const PartnerPackageDetail = () => import('@views/PartnerPackages/PartnerPackageDetail')

const LockerGuideList = () => import('@views/LockerGuides/LockerGuideList')
const LockerGuideProfile = () => import('@views/LockerGuides/LockerGuideProfile')

const LockerList = () => import('@views/Lockers/LockerList')
const LockerProfile = () => import( '@views/Lockers/LockerProfile')
const PaymentRecordList = () => import( '@views/PaymentRecords/PaymentRecordList')
const DeductCreditList = () => import( '@views/FreeCredits/DeductCreditList')
const FreeCreditList = () => import( '@views/FreeCredits/FreeCreditList')
const PromotionList = () => import( '@views/Promotions/PromotionList')
const SupportiveSingle = () => import( '@views/Supports/SupportiveSingle')
const CustomerList = () => import( '@views/Users/CustomerList')
const PartnerList = () => import( '@views/Users/PartnerList')
const UserProfile = () => import( '@views/Users/UserProfile')
const ReportList = () => import( '@views/Reports/ReportList')

const CourierList = () => import( '@views/Couriers/CourierList')
const StateList = () => import( '@views/States/StateList')
const GeoZoneList = () => import( '@views/GeoZones/GeoZoneList')
const ShippingTypeList = () => import( '@views/ShippingTypes/ShippingTypeList')
const ShippingMethodList = () => import( '@views/ShippingMethods/ShippingMethodList')
const ShippingMethodInfo = () => import( '@views/ShippingMethods/ShippingMethodInfo')

// Routes
// ** for more information, kindy refer to https://github.com/websanova/vue-auth/blob/master/docs/Privileges.md
// ** auth: true <- can be access only if auth.check = true
// ** auth: false <- cannot be access is auth.check = true
// ** auth: null, title: '' <- no auth rule
// ** auth: [1,2] <- can be access is auth.user.role matched

const baseLayoutRoutes = [
	{ path: '/comingsoon', name: 'admin.home2', component: Comingsoon, meta: { auth: [ 1,5 ], title: 'Coming Soon' } },
	{ path: '/home', name: 'home', component: Home, meta: { auth: true, title: 'Home' } },
	{ path: '/partner/home', name: 'home', component: Home, meta: { auth: true, title: 'Home' } },

	// user
	{ path: '/customer/list', name: 'customer.list', component: CustomerList, meta: { auth: true, title: 'Customer List' } },
	{ path: '/partner/list', name: 'partner.list', component: PartnerList, meta: { auth: true, title: 'Partner List' } },
	{ path: '/my/profile', name: 'my.profile', component: AuthProfile, meta: { auth: true, title: 'Profile' } },
	{ path: '/my/profile/update', name: 'my.profile.update', component: AuthProfileUpdate, meta: { auth: true, title: 'Profile Update' } },
	{ path: '/user/profile/:id', name: 'user.profile', component: UserProfile, meta: { auth: true, title: 'User Profile' } },

	// cedit-item
	{ path: '/credit-item/list', name: 'credit-item.list', component: CreditItemList, meta: { auth: true, title: 'Credit Items' } },

	// locker
	{ path: '/locker/list', name: 'locker.list', component: LockerList, meta: { auth: true, title: 'Locker List' } },
	{ path: '/locker/profile/:id', name: 'locker.profile', component: LockerProfile, meta: { auth: true, title: 'Locker Profile' } },

	// locker-box-type
	{ path: '/locker-box-type/list', name: 'locker-box-type.list', component: LockerBoxTypeList, meta: { auth: true, title: 'Locker Box Type List' } },

	// partner-package
	{ path: '/partner-package/list', name: 'partner-package.list', component: PartnerPackageList, meta: { auth: true, title: 'Partner Package List' } },
	{ path: '/partner-package/detail/:id', name: 'partner-package.detail', component: PartnerPackageDetail, meta: { auth: true, title: 'Partner Package Detail' } },
	
	// Report
	{ path: '/report/list', name: 'report.list', component: ReportList, meta: { auth: true, title: 'Report List' } },

	// booking-history
	{ path: '/booking-history/user-to-user/list', name: 'booking-history.user-to-user.list', component: BoxInventoryOverviewList, meta: { auth: true, title: 'Booking Histories (User to User)' } },
	{ path: '/booking-history/delivery/list', name: 'booking-history.delivery.list', component: BoxDeliveryOverviewList, meta: { auth: true, title: 'Booking Histories (Delivery)' } },
	{ path: '/booking-history/delivery/:id', name: 'booking-history.delivery.info', component: BoxDeliveryOverviewInfo, meta: { auth: true, title: 'Booking Delivery Info' } },

	// boardcast
	{ path: '/boardcast/list', name: 'boardcast.list', component: BoardcastList, meta: { auth: true, title: 'Boardcast list' } },

	// payment-record
	{ path: '/payment-record/list', name: 'payment-record.list', component: PaymentRecordList, meta: { auth: true, title: 'Payment Record list' } },
	
	// free-credit
	{ path: '/free-credit/list', name: 'free-credit.list', component: FreeCreditList, meta: { auth: true, title: 'Free Credit list' } },
	{ path: '/deduct-credit/list', name: 'deduct-credit.list', component: DeductCreditList, meta: { auth: true, title: 'Deduct Credit list' } },

	// locker-guide
	{ path: '/locker-guide/list', name: 'locker-guide.list', component: LockerGuideList, meta: { auth: true, title: 'Locker Guide list' } },
	{ path: '/locker-guide/profile/:id', name: 'locker-guide.profile', component: LockerGuideProfile, meta: { auth: true, title: 'Locker Guide Profile' } },

	// promotion
	{ path: '/promotion/list', name: 'promotion.list', component: PromotionList, meta: { auth: true, title: 'Promotion list' } },

	// state
	{ path: '/state/list', name: 'state.list', component: StateList, meta: { auth: true, title: 'State List' } },

	// geo zone
	{ path: '/geo-zone/list', name: 'geo-zone.list', component: GeoZoneList, meta: { auth: true, title: 'Geo Zone List' } },

	// shipping type
	{ path: '/shipping-type/list', name: 'shipping-type.list', component: ShippingTypeList, meta: { auth: true, title: 'Shipping Type List' } },

	// shipping-method
	{ path: '/shipping-method/list', name: 'shipping-method.list', component: ShippingMethodList, meta: { auth: true, title: 'Shipping Method List' } },
	{ path: '/shipping-method/info/:id', name: 'shipping-method.info', component: ShippingMethodInfo, meta: { auth: true, title: 'Shipping Method Info' } },

	// courier
	{ path: '/courier/list', name: 'courier.list', component: CourierList, meta: { auth: true, title: 'Courier List' } },

	// support
	{ path: '/support/about-us', name: 'support.about-us', component: SupportiveSingle, meta: { auth: true, title: 'About Us', params: { type: 'about-us' } } },
	{ path: '/support/refund-policy', name: 'support.refund-policy', component: SupportiveSingle, meta: { auth: true, title: 'Refund Policy', params: { type: 'refund-policy' } } },
	{ path: '/support/tnc', name: 'support.tnc', component: SupportiveSingle, meta: { auth: true, title: 'T&C', params: { type: 'tnc' } } },
	{ path: '/support/delivery-tnc', name: 'support.delivery-tnc', component: SupportiveSingle, meta: { auth: true, title: 'T&C', params: { type: 'delivery-tnc' } } },
	{ path: '/support/privacy-policy', name: 'support.privacy-policy', component: SupportiveSingle, meta: { auth: true, title: 'Privacy Policy', params: { type: 'privacy-policy' } } },
	{ path: '/support/locker-overdue', name: 'support.locker-overdue', component: SupportiveSingle, meta: { auth: true, title: 'Locker OVerdue Usage', params: { type: 'locker-overdue' } } },
	{ path: '/support/value-declaration', name: 'support.value-declaration', component: SupportiveSingle, meta: { auth: true, title: 'Value Declaration', params: { type: 'value-declaration' } } },
	{ path: '/support/faq', name: 'support.faq', component: FAQ, meta: { auth: true, title: 'FAQ', params: { type: 'faq' } } },
	{ path: '/support/feedback', name: 'support.feedback', component: FeedbackList, meta: { auth: true, title: 'Feedback' } },
]

const routes = [

	{ path: '/', name: 'main', component: Main, meta: { auth: null, title: 'Home' } },
	{ path: '/login', name: 'login', component: Login, meta: { auth: null, title: 'Login' } },
	{ path: '/password/reset/:token', name: 'reset.password', component: ResetPassword, meta: { auth: null, title: 'Reset Password' } },
	{ path: '/forgot-password', name: 'forgot.password', component: ForgotPassword, meta: { auth: null, title: 'Forgot Password' } },
	{ path: '/payment/status/:status', name: 'Payment.Checkout', component: PaymentCheckout, meta: { auth: null, title: 'Payment Status' } },
	// { path: '/403', name: '403', component: Error403, meta: { auth: null, title: '403' } },

	// base_layout
	{ path: '/home', name: 'base_layout', component: BaseLayout, children: baseLayoutRoutes },

	{ path: '*', name: '404', component: Error404, meta: { auth: null, title: '404' } },
]

const router = new VueRouter({
	history: true,
	mode: 'history',
	routes,
})

router.beforeEach((to, from, next) => {
	setPageTitle(to.meta.title)
	next()
});

export default router