@php
    $user = Auth::user();
    $portalRoute = match (true) {
        $user?->hasRole('Client') => 'portal.client',
        $user?->hasRole('Agent') => 'portal.agent',
        $user?->hasRole('Franchise Admin') => 'portal.franchise',
        default => 'dashboard',
    };

    $clientRecord = $user?->hasRole('Client') ? \App\Models\Client::where('user_id', $user->id)->first() : null;
    $clientServiceType = data_get($clientRecord?->meta, 'service_type', data_get($user?->preferences, 'service_type', 'Both Services'));
    $clientWantsLoans = in_array($clientServiceType, ['Loan Service', 'Both Services'], true);
    $clientWantsTax = in_array($clientServiceType, ['Tax Service', 'Both Services'], true);

    $links = [
        ['route' => $portalRoute, 'label' => $portalRoute === 'dashboard' ? 'Dashboard' : 'My Portal', 'show' => true],
        ['url' => route('portal.client').'#loan-workspace', 'label' => 'Loan Desk', 'show' => $user?->hasRole('Client') && $clientWantsLoans],
        ['url' => route('portal.client').'#tax-workspace', 'label' => 'Tax & Accounts', 'show' => $user?->hasRole('Client') && $clientWantsTax],
        ['url' => route('portal.client').'#documents-workspace', 'label' => 'Documents', 'show' => $user?->hasRole('Client')],
        ['url' => route('portal.client').'#support-workspace', 'label' => 'Support', 'show' => $user?->hasRole('Client')],
        ['route' => 'clients.index', 'label' => 'Clients', 'show' => $user?->can('clients.view')],
        ['route' => 'businesses.index', 'label' => 'Businesses', 'show' => $user?->can('clients.view')],
        ['route' => 'loans.index', 'label' => 'Loans', 'show' => $user?->can('loans.view') && ! $user?->hasRole('Client')],
        ['route' => 'tax.index', 'label' => 'Tax', 'show' => $user?->can('tax.view') && ! $user?->hasRole('Client')],
        ['route' => 'accounting.index', 'label' => 'Accounting', 'show' => $user?->can('accounting.view')],
        ['route' => 'banks.index', 'label' => 'Banks', 'show' => $user?->can('banks.view')],
        ['route' => 'documents.index', 'label' => 'Documents', 'show' => $user?->can('documents.view') && ! $user?->hasRole('Client')],
        ['route' => 'agents.index', 'label' => 'Agents', 'show' => $user?->can('agents.view')],
        ['route' => 'franchises.index', 'label' => 'Franchises', 'show' => $user?->can('franchises.view')],
        ['route' => 'leads.index', 'label' => 'Leads', 'show' => $user?->can('leads.view') && ! $user?->hasRole('Agent')],
        ['route' => 'reports.index', 'label' => 'Reports', 'show' => $user?->can('reports.view')],
        ['route' => 'admin.users.index', 'label' => 'Users', 'show' => $user?->hasRole('Super Admin')],
        ['route' => 'admin.audit-logs.index', 'label' => 'Audit', 'show' => $user?->hasRole('Super Admin')],
        ['route' => 'admin.settings.index', 'label' => 'Settings', 'show' => $user?->hasRole('Super Admin')],
    ];
@endphp

<nav x-data="{ open: false }" class="border-b border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <div class="flex h-16 justify-between">
            <div class="flex min-w-0">
                <div class="flex shrink-0 items-center">
                    <a href="{{ route($portalRoute) }}">
                        <x-application-logo />
                    </a>
                </div>

                <div class="hidden gap-1 sm:-my-px sm:ms-8 sm:flex">
                    @foreach ($links as $link)
                        @if ($link['show'] && (isset($link['url']) || Route::has($link['route'])))
                            <x-nav-link :href="$link['url'] ?? route($link['route'])" :active="isset($link['route']) && request()->routeIs($link['route'])">
                                {{ __($link['label']) }}
                            </x-nav-link>
                        @endif
                    @endforeach
                </div>
            </div>

            <div class="hidden sm:flex sm:items-center sm:ms-6">
                <x-dropdown align="right" width="48">
                    <x-slot name="trigger">
                        <button class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-600 transition hover:text-gray-900 focus:outline-none dark:bg-gray-900 dark:text-gray-300">
                            <div class="max-w-40 truncate">{{ $user->name }}</div>
                            <div class="ms-1 text-xs">v</div>
                        </button>
                    </x-slot>

                    <x-slot name="content">
                        <x-dropdown-link :href="route('profile.edit')">{{ __('Profile') }}</x-dropdown-link>
                        <form method="POST" action="{{ route('logout') }}">
                            @csrf
                            <x-dropdown-link :href="route('logout')" onclick="event.preventDefault(); this.closest('form').submit();">{{ __('Log Out') }}</x-dropdown-link>
                        </form>
                    </x-slot>
                </x-dropdown>
            </div>

            <div class="-me-2 flex items-center sm:hidden">
                <button @click="open = ! open" class="inline-flex items-center justify-center rounded-md p-2 text-gray-500 transition hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-gray-800">
                    <span class="text-xl">☰</span>
                </button>
            </div>
        </div>
    </div>

    <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
        <div class="space-y-1 pb-3 pt-2">
            @foreach ($links as $link)
                @if ($link['show'] && (isset($link['url']) || Route::has($link['route'])))
                    <x-responsive-nav-link :href="$link['url'] ?? route($link['route'])" :active="isset($link['route']) && request()->routeIs($link['route'])">
                        {{ __($link['label']) }}
                    </x-responsive-nav-link>
                @endif
            @endforeach
        </div>

        <div class="border-t border-gray-200 pb-1 pt-4 dark:border-gray-700">
            <div class="px-4">
                <div class="text-base font-medium text-gray-800 dark:text-gray-200">{{ $user->name }}</div>
                <div class="text-sm font-medium text-gray-500">{{ $user->email }}</div>
            </div>
            <div class="mt-3 space-y-1">
                <x-responsive-nav-link :href="route('profile.edit')">{{ __('Profile') }}</x-responsive-nav-link>
                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <x-responsive-nav-link :href="route('logout')" onclick="event.preventDefault(); this.closest('form').submit();">{{ __('Log Out') }}</x-responsive-nav-link>
                </form>
            </div>
        </div>
    </div>
</nav>