{{-- Client Detail Left Sidebar Nav — shared across all client/{id}/* admin pages --}}
@php
    $clientId = $companyDetails['id'] ?? '';
    $isDocPage = in_array($activePage ?? '', ['documents-requests', 'documents-repository']);
@endphp
<style>
    .client-detail-nav .nav-subnav { padding-left: 1.25rem; margin-top: 0.25rem; }
    .client-detail-nav .nav-subnav .nav-link { font-size: 0.8125rem; padding: 0.35rem 0.75rem; }
    .client-detail-nav .nav-toggle .nav-chevron { transition: transform 0.2s; }
    .client-detail-nav .nav-toggle:not(.collapsed) .nav-chevron { transform: rotate(90deg); }
    .client-detail-nav .nav-toggle:not(.collapsed) { color: #696cff; font-weight: 600; }
</style>
<div class="d-flex justify-content-between flex-column mb-3 mb-lg-0">
    <ul class="nav nav-align-left nav-pills flex-column client-detail-nav">
        <li class="nav-item mb-1">
            <a class="nav-link{{ $activePage === 'dashboard' ? ' active' : '' }}" href="{{ url('clients/' . $clientId) }}">
                <i class="ti ti-layout-dashboard me-2"></i>
                <span class="align-middle">Dashboard</span>
            </a>
        </li>
        <li class="nav-item mb-1">
            <a class="nav-link{{ $activePage === 'info' ? ' active' : '' }}" href="{{ url('clients/' . $clientId . '/info') }}">
                <i class="ti ti-building-skyscraper me-2"></i>
                <span class="align-middle">Info</span>
            </a>
        </li>
        <li class="nav-item mb-1">
            <a class="nav-link{{ $activePage === 'users' ? ' active' : '' }}" href="{{ url('clients/' . $clientId . '/users') }}">
                <i class="ti ti-users me-2"></i>
                <span class="align-middle">Users</span>
            </a>
        </li>
        <li class="nav-item mb-1">
            <a class="nav-link{{ $activePage === 'billings' ? ' active' : '' }}" href="{{ url('clients/' . $clientId . '/billings') }}">
                <i class="ti ti-receipt me-2"></i>
                <span class="align-middle">Billings</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link nav-toggle d-flex align-items-center{{ $isDocPage ? '' : ' collapsed' }}"
               data-bs-toggle="collapse" href="#doc-subnav" role="button"
               aria-expanded="{{ $isDocPage ? 'true' : 'false' }}" aria-controls="doc-subnav">
                <i class="ti ti-file-text me-2"></i>
                <span class="align-middle">Documents</span>
                <i class="ti ti-chevron-right ms-auto ti-xs nav-chevron"></i>
            </a>
            <div class="collapse{{ $isDocPage ? ' show' : '' }}" id="doc-subnav">
                <ul class="nav flex-column nav-subnav">
                    <li class="nav-item mb-1">
                        <a class="nav-link{{ $activePage === 'documents-requests' ? ' active' : '' }}"
                           href="{{ url('clients/' . $clientId . '/documents/requests') }}">
                            <i class="ti ti-file-plus me-2 ti-xs"></i>
                            <span class="align-middle">Document Requests</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link{{ $activePage === 'documents-repository' ? ' active' : '' }}"
                           href="{{ url('clients/' . $clientId . '/documents/repository') }}">
                            <i class="ti ti-folder me-2 ti-xs"></i>
                            <span class="align-middle">Repository</span>
                        </a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>