import { Routes } from '@angular/router';
import { LandingComponent } from './components/landing/landing';
import { NewUserComponent } from './components/new-user/new-user';
import { ExistingUserComponent } from './components/existing-user/existing-user';
import { AutoClaimComponent } from './components/auto-claim/auto-claim';
import { AutoLoginComponent } from './components/auto-claim/auto-login/auto-login';
import { HomeClaimComponent } from './components/home-claim/home-claim';
import { SearchPaymentComponent } from './components/home-claim/search-payment/search-payment';
import { SignupComponent } from './components/signup/signup';
import { LoginComponent } from './components/login/login';
import { SignupFormComponent } from './components/signup-form/signup-form';
import { DashboardComponent } from './components/dashboard/dashboard';
import { BankAccountsComponent } from './components/bank-accounts/bank-accounts';
import { PaymentHistoryComponent } from './components/payment-history/payment-history';

export const routes: Routes = [
  { path: '', component: LandingComponent },
  { path: 'new-user', component: NewUserComponent },
  { path: 'existing-user', component: ExistingUserComponent },
  { path: 'signup', component: SignupComponent },
  { path: 'signup-form', component: SignupFormComponent },
  { path: 'login', component: LoginComponent },
  { path: 'dashboard', component: DashboardComponent },
  { path: 'bank-accounts', component: BankAccountsComponent },
  { path: 'payment-history', component: PaymentHistoryComponent },
  { 
    path: 'auto-claim', 
    component: AutoClaimComponent,
    children: [
      { path: '', component: AutoLoginComponent },
      { path: 'view-payment-history', component: PaymentHistoryComponent }
    ]
  },
  { 
    path: 'home-claim', 
    component: HomeClaimComponent,
    children: [
      { path: '', component: SearchPaymentComponent },
      { path: 'search', component: SearchPaymentComponent },
      { path: 'view-payment-history', component: PaymentHistoryComponent }
    ]
  },
  { path: '**', redirectTo: '' }
];