// ── shell.routes.ts ───────────────────────────────────────────────────────────
import { Routes } from '@angular/router';
import { ShellComponent } from './shell.component';


export const SHELL_ROUTES: Routes = [
  {
    path: '',
    component: ShellComponent,
    children: [
      { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
      {
        path: 'dashboard',
        loadComponent: () => import('../dashboard/dashboard.component').then(m => m.DashboardComponent),
      },
      {
        path: 'codes',
        loadComponent: () => import('../codes/codes-search.component').then(m => m.CodesSearchComponent),
      },
      {
        path: 'patients',
        loadComponent: () => import('../patients/patients-list.component').then(m => m.PatientsListComponent),
      },
      {
        path: 'patients/:id',
        loadComponent: () => import('../patients/patient-detail.component').then(m => m.PatientDetailComponent),
      },
      {
        path: 'reports',
        loadComponent: () => import('../reports/reports.component').then(m => m.ReportsComponent),
      },
      { path: 'docs', loadComponent: () => import('../docs/docs.component').then(m => m.DocsComponent) },
      { path: 'api', loadComponent: () => import('../api/api_reference.component').then(m => m.ApiReferenceComponent) },
    ],
  },
];

// ── Updated shell.component.ts nav (add reports link) ─────────────────────────
// Add this nav item to the sidebar in shell.component.ts:
/*
<a routerLink="/reports" routerLinkActive="active" class="nav-item">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <path d="M3 3v18h18"/><path d="m19 9-5 5-4-4-3 3"/>
  </svg>
  @if (!collapsed()) { <span>Reports</span> }
</a>
*/