@php
    $sidebarAlertQ = \App\Models\Alert::query()->forSidebarBadge();
    if (app()->bound(\App\Services\BranchContext::class)) {
        app(\App\Services\BranchContext::class)->applyToQuery($sidebarAlertQ, 'branch_id');
    }
    $sidebarAlertCount = $sidebarAlertQ->count();
    $user = auth()->user();
@endphp
<aside id="app-sidebar" class="sidebar flex flex-col h-screen overflow-y-auto overflow-x-hidden shrink-0">
  <div class="px-3 sm:px-4 lg:px-5 py-4 border-b border-white/5 flex items-center gap-2 min-h-[56px]">
    <button type="button" id="sidebar-toggle-desktop" class="sidebar-collapse-btn items-center justify-center w-8 h-8 rounded-lg text-slate-400 hover:text-white hover:bg-white/10 shrink-0 transition-colors" title="Collapse sidebar" aria-label="Collapse sidebar">
      <i class="fa-solid fa-chevron-left text-xs sidebar-collapse-icon transition-transform duration-200"></i>
    </button>
    <div class="flex items-center gap-3 min-w-0 flex-1 lg:flex-initial">
      <div class="w-9 h-9 rounded-xl bg-blue-600 flex items-center justify-center text-white shrink-0"><i class="fa-solid fa-building text-sm"></i></div>
      <div class="sidebar-brand-text min-w-0">
        <p class="text-white font-bold text-[15px] leading-none truncate">Dach</p>
        <p class="text-slate-500 text-[10px] font-medium mt-0.5 uppercase tracking-wider">Construction ERP</p>
      </div>
    </div>
  </div>
  <nav class="flex-1 py-2">
    <div class="nav-sect nav-sect-label">Main</div>
    <a class="nav-item {{ request()->routeIs('dashboard') ? 'active' : '' }}" href="{{ route('dashboard') }}" title="Dashboard"><i class="fa-solid fa-gauge-high w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Dashboard</span></a>
    <a class="nav-item {{ request()->routeIs('projects.*') ? 'active' : '' }}" href="{{ route('projects.index') }}" title="Projects"><i class="fa-solid fa-folder-open w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Projects</span></a>
    <a class="nav-item {{ request()->routeIs('clients.*') ? 'active' : '' }}" href="{{ route('clients.index') }}" title="Clients"><i class="fa-solid fa-building-user w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Clients</span></a>
    <div class="nav-sect nav-sect-label">Finance</div>
    <a class="nav-item {{ request()->routeIs('finance.*') ? 'active' : '' }}" href="{{ route('finance.index') }}" title="Finance &amp; Accounting"><i class="fa-solid fa-money-bill-wave w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Finance &amp; Accounting</span></a>
    <a class="nav-item {{ request()->routeIs('invoices.*') ? 'active' : '' }}" href="{{ route('invoices.index') }}" title="Invoices"><i class="fa-solid fa-file-invoice-dollar w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Invoices</span></a>
    <a class="nav-item {{ request()->routeIs('quotations.*') ? 'active' : '' }}" href="{{ route('quotations.index') }}" title="Quotations"><i class="fa-solid fa-file-lines w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Quotations</span></a>
    <a class="nav-item {{ request()->routeIs('cashflow.*') ? 'active' : '' }}" href="{{ route('cashflow.index') }}" title="Cash Flow"><i class="fa-solid fa-wave-square w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Cash Flow</span></a>
    <div class="nav-sect nav-sect-label">Operations</div>
    <a class="nav-item {{ request()->routeIs('payroll.*') ? 'active' : '' }}" href="{{ route('payroll.index') }}" title="Payroll &amp; HR"><i class="fa-solid fa-users w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Payroll &amp; HR</span></a>
    <a class="nav-item {{ request()->routeIs('inventory.*') ? 'active' : '' }}" href="{{ route('inventory.index') }}" title="Inventory"><i class="fa-solid fa-boxes-stacked w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Inventory</span></a>
    <a class="nav-item {{ request()->routeIs('procurement.*') ? 'active' : '' }}" href="{{ route('procurement.index') }}" title="Procurement"><i class="fa-solid fa-truck w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Procurement</span></a>
    <a class="nav-item {{ request()->routeIs('tracking.*') ? 'active' : '' }}" href="{{ route('tracking.index') }}" title="Progress Tracking"><i class="fa-solid fa-chart-line w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Progress Tracking</span></a>
    <div class="nav-sect nav-sect-label">System</div>
    @if($user?->canAccessSettings())
      <a class="nav-item {{ request()->routeIs('settings.*') ? 'active' : '' }}" href="{{ route('settings.index') }}" title="Settings"><i class="fa-solid fa-gear w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Settings</span></a>
    @endif
    <div class="nav-sect nav-sect-label">Records</div>
    <a class="nav-item {{ request()->routeIs('documents.*') ? 'active' : '' }}" href="{{ route('documents.index') }}" title="Documents"><i class="fa-solid fa-file-contract w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Documents</span></a>
    <a class="nav-item {{ request()->routeIs('reports.*') ? 'active' : '' }}" href="{{ route('reports.index') }}" title="Reports &amp; Analytics"><i class="fa-solid fa-chart-pie w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Reports &amp; Analytics</span></a>
    <a class="nav-item with-badge {{ request()->routeIs('alerts.*') ? 'active' : '' }}" href="{{ route('alerts.index') }}" title="Alerts">
      <i class="fa-solid fa-bell w-4 text-xs text-center shrink-0"></i><span class="nav-label truncate">Alerts</span>
      @if($sidebarAlertCount > 0)<span class="nav-badge ml-auto bg-red-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-full shrink-0">{{ $sidebarAlertCount }}</span>@endif
    </a>
  </nav>
  <div class="sidebar-footer p-3 sm:p-4 border-t border-white/5 flex items-center gap-2">
    <a href="{{ route('profile.show') }}" class="flex items-center gap-3 flex-1 min-w-0 no-underline group rounded-lg hover:bg-white/5 py-1 pr-1 -my-1">
      @if($user?->avatar_path)
        <img src="{{ $user->avatarUrl() }}" alt="" class="w-8 h-8 rounded-xl object-cover border border-white/10 shrink-0">
      @else
        <div class="w-8 h-8 rounded-xl bg-violet-600 flex items-center justify-center text-white font-bold text-xs shrink-0">{{ $user?->initials() ?? 'U' }}</div>
      @endif
      <div class="sidebar-user-meta flex-1 min-w-0">
        <p class="text-white font-semibold text-[12px] truncate group-hover:text-blue-200 transition-colors">{{ $user?->name ?? 'Guest' }}</p>
        <p class="text-slate-500 text-[10px] truncate">{{ $user?->job_title ?: ($user?->role ?? '') }}</p>
      </div>
    </a>
    <div class="flex items-center gap-0.5 shrink-0">
      @if($user?->canAccessSettings())
        <a href="{{ route('settings.index') }}" class="text-slate-500 hover:text-slate-300 p-1.5 rounded-lg hover:bg-white/5" title="Settings"><i class="fa-solid fa-gear text-xs"></i></a>
      @endif
      <form method="POST" action="{{ route('logout') }}" class="m-0 p-0">@csrf
        <button type="submit" class="text-slate-500 hover:text-slate-300 p-1.5 rounded-lg hover:bg-white/5" title="Sign out"><i class="fa-solid fa-right-from-bracket text-xs"></i></button>
      </form>
    </div>
  </div>
</aside>