import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';

const routes: Routes = [
    {
        path: 'tabs',
        component: TabsPage,
        children: [
            {
                path: 'home',
                loadChildren: () => import('../home/home.module').then(m => m.HomePageModule)
            },
            {
                path: 'live',
                loadChildren: () => import('../live/live.module').then(m => m.LivePageModule)
            },
            {
                path: 'more',
                loadChildren: () => import('../more/more.module').then(m => m.MorePageModule)
            },
            {
                path: 'booking',
                loadChildren: () => import('../booking/booking.module').then( m => m.BookingPageModule)
            },
            {
                path: 'collections',
                loadChildren: () => import('../collections/collections.module').then( m => m.CollectionsPageModule)
            },
            {
                path: 'ar',
                loadChildren: () => import('../ar-fan-cam/ar-fan-cam.module').then( m => m.ArFanCamPageModule)
            },
            {
                path: 'quiz',
                loadChildren: () => import('../quiz/quiz.module').then( m => m.QuizPageModule)
            },
            {
                path: 'shop',
                loadChildren: () => import('../shop/shop.module').then( m => m.ShopPageModule)
            },
            {
                path: 'fan-zone',
                loadChildren: () => import('../fan-zone/fan-zone.module').then( m => m.FanZonePageModule)
            }
        ]
    },
    {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
    }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class TabsPageRoutingModule {}
