import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ContactComponent } from '../components/contact/contact.component';
import { ContactNotesComponent } from '../components/contact-notes/contact-notes.component';
import { ContactHistoryComponent } from '../components/contact-history/contact-history.component';
import { ContactEmailComponent } from '../components/contact-email/contact-email.component';
import { ContactTasksComponent } from '../components/contact-tasks/contact-tasks.component';
import { ContactHomeComponent } from '../components/contact-home/contact-home.component';
import { ContactListComponent } from '../components/contact-list/contact-list.component';
import { LeadsListComponent } from '../components/leads-list/leads-list.component';
import { CompanyListComponent } from '../components/company-list/company-list.component';
import { ContactCreateNoteComponent } from '../components/popups/contact-create-note/contact-create-note.component';
import { ContactCreateEmailComponent } from '../components/popups/contact-create-email/contact-create-email.component';
import { ContactCreateTaskComponent } from '../components/popups/contact-create-task/contact-create-task.component';
import { ContactOverviewComponent } from '../components/contact-overview/contact-overview.component';
import { CommonDashboardComponent } from '../components/dashboard/common-dashboard/common-dashboard.component';
import { ContactExportComponent } from '../../lib/components/popups/contact-export/contact-export.component';


const routes: Routes = [
  { path: 'ng-crm-contact', redirectTo: 'Home/list', pathMatch: 'full' },
  {
    path: 'contact/:contactId', component: ContactComponent,
    children: [
      { path: '', component: ContactHistoryComponent},
      { path: 'history/:contactId', component: ContactHistoryComponent, data: { breadcrumb: 'History'}},
      { path: 'email', component: ContactEmailComponent, data: { breadcrumb: 'Email'} },
      { path: 'notes', component: ContactNotesComponent, data: { breadcrumb: 'Notes'} },
      { path: 'tasks', component: ContactTasksComponent, data: { breadcrumb: 'Tasks'} }
    ]
  },
  {
    path: 'Home', component: CommonDashboardComponent,
    children: [
      { path: 'leads', component: LeadsListComponent, data: { breadcrumb: 'Leads'} },
      { path: 'list', component: ContactListComponent, data: { breadcrumb: 'Contacts'}  },
      { path: 'company', component: CompanyListComponent, data: { breadcrumb: 'Companies'}  }
    ]
  },
  {
    path: 'Home/:loggedId', component: CommonDashboardComponent,
    children: [
      { path: 'leads', component: LeadsListComponent, data: { breadcrumb: 'Leads'} },
      { path: 'list', component: ContactListComponent, data: { breadcrumb: 'Contacts'} },
      { path: 'company', component: CompanyListComponent, data: { breadcrumb: 'Companies'} }
    ]
  },
  {
    path: 'Home/:loggedId/:loggedCompanyId', component: CommonDashboardComponent,
    children: [
      { path: '', component: CompanyListComponent, data: { breadcrumb: 'Leads'} },
      { path: 'leads', component: LeadsListComponent, data: { breadcrumb: 'Leads'} },
      { path: 'list', component: ContactListComponent, data: { breadcrumb: 'Contacts'} },
      { path: 'company', component: CompanyListComponent, data: { breadcrumb: 'Companies'} }
    ]
  },
  // { path: 'Home', component: ContactHomeComponent}
  { path: 'notes', component: ContactCreateNoteComponent, data: { breadcrumb: 'Note'} },
  { path: 'email', component: ContactCreateEmailComponent, data: { breadcrumb: 'Email'} },
  { path: 'task', component: ContactCreateTaskComponent, data: { breadcrumb: 'Task'} },
  { path: 'overview', component: ContactOverviewComponent, data: { breadcrumb: 'Overview'} },
  { path: 'contactExport', component: ContactExportComponent, data: { breadcrumb: 'Export'} }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})
export class AppRoutingModule { }