import { Routes, RouterModule } from '@angular/router';
import { OktaAuthGuard } from '@okta/okta-angular';

import { OktaCallbackComponent} from '@okta/okta-angular'
import { OktaLoginRedirectComponent} from '@okta/okta-angular'
import { LoginComponent } from './login/login.component';
import { QuoteComponent } from './quote/quote.component';
import { StaticComponent } from './static/static.component';
import{UpgradeComponent} from './upgrade/upgrade.component';
import { EipConfirmComponent } from './eip-confirm/eip-confirm.component';
import { OrderLookupComponent } from './public/order-status/order-lookup/order-lookup.component';
import { OrderDetailsComponent } from './public/order-status/order-details/order-details.component';

import { ProhibitedComponent } from './login/prohibited/prohibited.component';

export function onAuthRequired({ oktaAuth, router }) {
    // Redirect the user to your custom login page
    router.navigate(['/login']);
}

export const AppRoutes: Routes = [
    {
        path: '',
        redirectTo: '/login',
        pathMatch: 'full',
    },
    {
        path: 'login',
        component: LoginComponent
    },
    {
        path: 'quote',
        component: QuoteComponent
    },
    {
        path: 'static',
        component: StaticComponent
    }
];

export const OktaRoutes: Routes = [
    // {
    //     path: '',
    //     redirectTo: '/login',
    //     pathMatch: 'full',
    // },
    {
        path: 'login',
        component: OktaLoginRedirectComponent
    },
    {
        path: 'login/prohibited',
        component : ProhibitedComponent
    },
    {
        path: 'implicit/callback',
        component: OktaCallbackComponent
    },
    {
        path: 'quote',
        component: QuoteComponent
    },
    {
        path: 'static',
        component: StaticComponent
    },
    // {
    // path: 'protected',
    //     component: ProtectedComponent,
    //     canActivate: [ OktaAuthGuard ],
    //     data: {
    //         onAuthRequired
    //     }
    // }    
];