import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AddEmployeeComponent } from './add-employee/add-employee.component';
import { EmpListComponent } from './emp-list/emp-list.component';
import { EmployeeDtlViewComponent } from './employee-dtl-view/employee-dtl-view.component';
import { EmployeeVisaManagementComponent } from './employee-visa-management/employee-visa-management.component';
import { AddEmployeeVisaComponent } from './add-employee-visa/add-employee-visa.component';
import { EmployeeVisaDetailComponent } from './employee-visa-detail/employee-visa-detail.component';
import { EmployeePayslipComponent } from './employee-payslip/employee-payslip.component';
import { EmployeePayslipListComponent } from './employee-payslip-list/employee-payslip-list.component';
import { AddEmployeeBulkVisaInstallmentComponent } from './add-employee-bulk-visa-installment/add-employee-bulk-visa-installment.component';
import { EmployeeVisaInstallmentListComponent } from './employee-visa-installment-list/employee-visa-installment-list.component';
import { SecurityDepositComponent } from './security-deposit/security-deposit.component';
import { SecurityDepositDetailComponent } from './security-deposit/security-deposit-detail/security-deposit-detail.component';
import { EventLogTypeComponent } from './event-log-type/event-log-type.component';
import { EventLogComponent } from './event-log/event-log.component';
import { CanDeactivateGuard } from '../../_guards/can-deactivate.guard';

const routes: Routes = [
  {
    path: 'add', component: AddEmployeeComponent,
    canDeactivate: [CanDeactivateGuard],
    data: { title: 'Add' }
  },
  {
    path: 'edit', component: AddEmployeeComponent,
    canDeactivate: [CanDeactivateGuard],
    data: { title: 'Edit' }
  },

  { path: 'emplist', component: EmpListComponent, data: { title: 'List' } },
  { path: 'detail', component: EmployeeDtlViewComponent, data: { title: 'Detail' } },
  { path: 'visa-management', component: EmployeeVisaManagementComponent, data: { title: 'Visa Management' } },

  {
    path: 'add-visa', component: AddEmployeeVisaComponent,
    canDeactivate: [CanDeactivateGuard],
    data: { title: 'Add Visa' }
  },
  {
    path: 'edit-visa', component: AddEmployeeVisaComponent,
    canDeactivate: [CanDeactivateGuard],
    data: { title: 'Edit Visa' }
  },

  { path: 'visa-detail', component: EmployeeVisaDetailComponent, data: { title: 'View Visa' } },
  { path: 'visa-installments', component: EmployeeVisaInstallmentListComponent, data: { title: 'Bulk Instalment' } },
  { path: 'bulk-installment', component: AddEmployeeBulkVisaInstallmentComponent, data: { title: 'Bulk Instalment' } },
  { path: 'employee-payslip-list', component: EmployeePayslipListComponent, data: { title: 'Employee Pay Slips' } },
  { path: 'employee-payslip', component: EmployeePayslipComponent, data: { title: 'Employee Pay Slip' } },
  
  { path: 'security-deposit', component: SecurityDepositComponent, data: { title: 'Employee Security Deposit' } },
  { path: 'security-deposit-detail', component: SecurityDepositDetailComponent, data: { title: 'Employee Security Deposit Detail' } },

  { path: 'event-log', component: EventLogComponent, data: { title: 'Employee Event Log' } },
  { path: 'event-log-types', component: EventLogTypeComponent, data: { title: 'Employee Event Log Type' } }

];

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