<link href="{{ asset('vendor/bootstrap-icons/css/bootstrap-icons.css') }}" rel="stylesheet">
@php
    $superAdmin = auth()->user()->is_superadmin ?? false;
    $user = auth()->user();
    $can = fn(string $p) => $superAdmin || ($user && $user->hasPermission($p));
    $sidebarModules = config('tenant_modules.sidebar_module', []);
    $allowedMods = $allowedModules ?? null;
    $moduleAllowed = function(string $perm) use ($allowedMods, $sidebarModules) {
        if ($allowedMods === null) return true;
        $mod = $sidebarModules[$perm] ?? null;
        if ($mod === null) return true;
        return in_array($mod, $allowedMods, true);
    };
    $canShow = fn(string $p) => $can($p) && $moduleAllowed($p);
@endphp
<ul class="sidebar">
@if (!$superAdmin)
    @if($canShow('dashboard_view'))
        <li>
            <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('dashboard') || request()->routeIs('dashboard.*') ? 'is-active' : '' }}">
                <a href="{{ route('dashboard') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                    <i class="bi bi-house-door sidebar-icon--teal font-semibold shrink-0"></i>
                    <span x-cloak class="text-xs font-semibold leading-none">Dashboard</span>
                </a>
            </div>
        </li>
    @endif

    @if($canShow('users_view'))
        <li>
            <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('people.dashboard') || request()->routeIs('employees.*') || request()->routeIs('org-chart.*') ? 'is-active' : '' }}">
                <a href="{{ route('people.dashboard') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                    <i class="bi bi-people sidebar-icon--sky font-semibold shrink-0"></i>
                    <span x-cloak class="text-xs font-semibold leading-none">People</span>
                </a>
            </div>
        </li>
     @endif
    
   @if($canShow('attendances_view'))
        <li>
            <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('attendance.*') || request()->routeIs('attendance-regularizations.*') || request()->routeIs('biometric-devices.*') || request()->routeIs('attendance-punches.*') ? 'is-active' : '' }}">
                <a href="{{ route('attendance.index') }}"class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                    <i class="bi bi-clock-history sidebar-icon--amber font-semibold shrink-0"></i>
                    <span x-cloak class="text-xs font-semibold leading-none">Attendance</span>
                </a>
            </div>
        </li>
    @endif

    @if($canShow('leaves_view'))
    {{-- Leaves --}}
        <li>
            <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('leaves.dashboard') || request()->routeIs('leaves.*') || request()->routeIs('leave-types.*') ? 'is-active' : '' }}">
                <a href="{{ route('leaves.dashboard') }}"
                   class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                    <i class="bi bi-calendar2-week sidebar-icon--violet font-semibold shrink-0"></i>
                    <span x-cloak class="text-xs font-semibold leading-none">Leaves</span>
                </a>
            </div>
        </li>
    @endif

    @php
        $canViewOwnPayroll = $superAdmin || ($user && $user->canViewOwnPayroll());
        $canManagePayroll = $superAdmin || ($user && $user->canManagePayroll());
        $payrollModuleOk = $moduleAllowed('payrolls_view')
            || ($canViewOwnPayroll && $moduleAllowed('finance_self_view'));
        $showPayrollNav = $payrollModuleOk && $canViewOwnPayroll;
        $payrollUrl = $canManagePayroll
            ? route('payroll.index', ['tab' => 'run'])
            : route('payroll.index', ['tab' => 'summary']);
    @endphp
    @if($showPayrollNav)
    {{-- Payroll: self-service (Summary / My Pay) or full run when payrolls_view is granted --}}
    <li>
        <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('payroll.*') ? 'is-active' : '' }}">
            <a href="{{ $payrollUrl }}"
           class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
            <i class="bi bi-currency-dollar sidebar-icon--emerald font-semibold shrink-0"></i>
            <span  x-cloak class="text-xs font-semibold leading-none">Payroll</span>
        </a>
        </div>
    </li>
    @endif

    @if($canShow('assets_view'))
    {{-- Assets --}}
    <li>
        <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('assets.*') ? 'is-active' : '' }}">   
            <a href="{{ route('assets.dashboard') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                <i class="bi bi-box-seam sidebar-icon--orange font-semibold shrink-0"></i>
                <span x-cloak class="text-xs font-semibold leading-none">Assets</span>
            </a>
        </div>
    </li>
    @endif

    @php
        $financeNav = app(\App\Services\Finance\FinanceNavService::class);
        $showFinanceSidebar = collect(\App\Services\Finance\FinanceNavService::MODULE_PERMISSIONS)
            ->contains(fn (string $p) => $canShow($p));
        $financeHome = $financeHomeUrl ?? $financeNav->homeUrl($user);
    @endphp
    @if($showFinanceSidebar)
    {{-- Finance --}}
    <li>
        <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('finance.*') || request()->routeIs('accounts.*') || request()->routeIs('expenses.*') || request()->routeIs('pre-payments.*') || request()->routeIs('deposits.*') || request()->routeIs('vendors.*') || request()->routeIs('payees.*') || request()->routeIs('payers.*') || request()->routeIs('deposit-categories.*') ? 'is-active' : '' }}">
            <a href="{{ $financeHome }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
             <i class="bi bi-calculator sidebar-icon--rose font-semibold shrink-0"></i>
              <span x-cloak class="text-xs font-semibold leading-none">Finance</span>
            </a>
        </div>
     </li>
    @endif

    @if($canShow('documents_view'))
    <li>
        <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('documents.*') || request()->routeIs('letter-head-templates.*') || request()->routeIs('forms.*') || request()->routeIs('company-policies.*') || request()->routeIs('company-policies.portal') || request()->routeIs('generated-letters.*') ? 'is-active' : '' }}">  
            <a href="{{ route('documents.dashboard') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
            <i class="bi bi-file-earmark-text sidebar-icon--indigo font-semibold shrink-0"></i>
            <span x-cloak class="text-xs font-semibold leading-none">Documents</span>
            </a>
        </div>
    </li>
    @endif

    @if($canShow('hr_operations_view'))
    @php
        $hrOpsActive = request()->routeIs('hr.*') || request()->routeIs('warnings.*') || request()->routeIs('complaints.*') || request()->routeIs('promotions.*')
         || request()->routeIs('terminations.*') || request()->routeIs('resignations.*') || request()->routeIs('offboardings.*') || request()->routeIs('appreciations.*');
    @endphp
    {{-- HR Operations --}}
    <li>
        <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ $hrOpsActive ? 'is-active' : '' }}">
            <a href="{{ route('hr.dashboard') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
            <i class="bi bi-briefcase sidebar-icon--slate font-semibold shrink-0"></i>
            <span x-cloak class="text-xs font-semibold leading-none">Operations</span>
            </a>
        </div>
    </li>
    @endif

    @if(($canShow('complaints_view_own') || $canShow('warnings_view_own') || $canShow('appreciations_view_own') || $canShow('promotions_view_own') || $canShow('terminations_view_own')) && ! $canShow('hr_operations_view'))
    <li>
        <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('my-hr-records.*') ? 'is-active' : '' }}">
            <a href="{{ route('my-hr-records.index') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                <i class="bi bi-folder2-open sidebar-icon--slate font-semibold shrink-0"></i>
                <span x-cloak class="text-xs font-semibold leading-none">My records</span>
            </a>
        </div>
    </li>
    @endif

   @if(app(\App\Services\Recruitment\RecruitmentNavService::class)->canAccessModule(auth()->user()))
    <li>
        <div class="flex sidebar-link w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('recruitment.*') || request()->routeIs('job-postings.*') || request()->routeIs('applicants.*') || request()->routeIs('interviews.*') ? 'is-active' : '' }}">
            <a href="{{ app(\App\Services\Recruitment\RecruitmentNavService::class)->homeUrl(auth()->user()) }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                <i class="bi bi-person-workspace sidebar-icon--blue font-semibold shrink-0"></i>
                <span x-cloak class="text-xs font-semibold leading-none">Recruitment</span>
            </a>
        </div>
    </li>
    @endif

   @if($canShow('announcements_view'))
        <li>
            <div class="sidebar-link flex w-full items-center justify-center px-3 py-2 text-sm font-medium {{ request()->routeIs('announcements.*') ? 'is-active' : '' }}">
                <a href="{{ route('announcements.index') }}" class="flex flex-col justify-center items-center gap-2 w-full rounded-lg">
                    <i class="bi bi-megaphone sidebar-icon--fuchsia font-semibold shrink-0"></i>
                    <span class="text-[11px] font-semibold leading-none">Announcements</span>
                </a>
            </div>
        </li>
    @endif

   @if($canShow('performance_view'))
    <li>
        <div class="sidebar-link flex w-full items-center justify-center py-2 text-sm font-medium {{ request()->routeIs('performance.*') || request()->routeIs('performance-reviews.*') || request()->routeIs('performance-cycles.*') || request()->routeIs('goals.*') ? 'is-active' : '' }}">
            <a href="{{ route('performance.dashboard') }}" class="flex flex-col items-center justify-center gap-2 w-full rounded-lg">
                <i class="bi bi-graph-up-arrow sidebar-icon--cyan font-semibold shrink-0"></i>
                <span x-cloak class="text-xs font-semibold leading-none">Performance</span>
            </a>
        </div>
    </li>
    @endif

    @endif
    {{-- Close @if (!$superAdmin) --}}

    @if ($superAdmin)
    <li><a href="{{ route('superadmin.dashboard') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.dashboard') ? 'is-active' : '' }}"><i class="bi bi-speedometer2 sidebar-icon--teal transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Dashboard</span></a></li>
    <li><a href="{{ route('superadmin.leads.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.leads.*') ? 'is-active' : '' }}"><i class="bi bi-person-lines-fill sidebar-icon--sky transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak >Leads</span></a></li>
    <li><a href="{{ route('superadmin.companies.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.companies.*') ? 'is-active' : '' }}"><i class="bi bi-buildings sidebar-icon--indigo transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Companies</span></a></li>
    <li><a href="{{ route('superadmin.offline-requests.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.offline-requests.*') ? 'is-active' : '' }}"><i class="bi bi-inbox sidebar-icon--amber transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none text-center" x-cloak>Offline requests</span></a></li>
    <li><a href="{{ route('superadmin.subscriptions.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.subscriptions.*') ? 'is-active' : '' }}"><i class="bi bi-receipt sidebar-icon--emerald transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Subscriptions</span></a></li>
    <li><a href="{{ route('superadmin.plans.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.plans.*') ? 'is-active' : '' }}"><i class="bi bi-tags sidebar-icon--violet transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Plans</span></a></li>
    <li><a href="{{ route('superadmin.coupons.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.coupons.*') ? 'is-active' : '' }}"><i class="bi bi-ticket-perforated sidebar-icon--fuchsia transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Coupons</span></a></li>
    <li><a href="{{ route('superadmin.payments.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.payments.*') ? 'is-active' : '' }}"><i class="bi bi-credit-card sidebar-icon--blue transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Payments</span></a></li>
    <li><a href="{{ route('superadmin.payment-settings.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.payment-settings.*') ? 'is-active' : '' }}"><i class="bi bi-sliders2 sidebar-icon--slate transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none text-center" x-cloak>Payment settings</span></a></li>
    <li><a href="{{ route('superadmin.income-tax-plans.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.income-tax-plans.*') ? 'is-active' : '' }}"><i class="bi bi-calculator sidebar-icon--rose transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none text-center" x-cloak>Income tax settings</span></a></li>
    <li><a href="{{ route('superadmin.deduction-sections.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.deduction-sections.*') ? 'is-active' : '' }}"><i class="bi bi-ui-checks-grid sidebar-icon--orange transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none text-center" x-cloak>Deduction sections</span></a></li>
    <li><a href="{{ route('superadmin.settings.index') }}" class="sidebar-link group flex flex-col justify-center items-center gap-2 px-3 py-2 text-sm font-medium {{ request()->routeIs('superadmin.settings.*') ? 'is-active' : '' }}"><i class="bi bi-gear sidebar-icon--cyan transition-colors font-semibold shrink-0"></i><span class="text-xs font-semibold leading-none" x-cloak>Settings</span></a></li>
    @endif
</ul>
