@php
    $companySettings = \App\Models\CompanySetting::current();
    $user = auth()->user();

    $navGroupsAdmin = [
        'Overview' => [
            ['label' => 'Dashboard', 'icon' => 'grid', 'route' => 'dashboard', 'active' => 'dashboard'],
            ['label' => 'Notifications', 'icon' => 'bell', 'route' => 'admin.notifications.index', 'active' => 'admin.notifications.*'],
            ['label' => 'Routes & Visits', 'icon' => 'route', 'route' => 'admin.routes.index', 'active' => 'admin.routes.*'],
            ['label' => 'Catalog Center', 'icon' => 'catalog', 'route' => 'catalog-center.index', 'active' => 'catalog-center.*'],
            ['label' => 'Import Center', 'icon' => 'import', 'route' => 'import-center.index', 'active' => 'import-center.*'],
        ],
        'Catalogs' => [
            ['label' => 'Catalogs', 'icon' => 'catalog', 'route' => 'catalogs.index', 'active' => 'catalogs.*'],
            ['label' => 'Price Lists', 'icon' => 'money', 'route' => 'price-imports.index', 'active' => 'price-imports.*'],
            ['label' => 'Shipments', 'icon' => 'box', 'route' => 'shipments.index', 'active' => 'shipments.*'],
            ['label' => 'Products', 'icon' => 'product', 'route' => 'products.index', 'active' => 'products.*'],
            ['label' => 'SOH Library', 'icon' => 'image', 'route' => 'soh.index', 'active' => 'soh.*'],
        ],
        'Sales Team' => [
            ['label' => 'Daily Routes', 'icon' => 'route', 'route' => 'daily-routes.index', 'active' => 'daily-routes.*'],
            ['label' => 'Visits', 'icon' => 'pin', 'route' => 'visits.index', 'active' => 'visits.*'],
            ['label' => 'Daily Reports', 'icon' => 'report', 'route' => 'daily-reports.index', 'active' => 'daily-reports.*'],
            ['label' => 'Customer Orders', 'icon' => 'orders', 'route' => 'orders.index', 'active' => 'orders.*'],
            ['label' => 'Returns', 'icon' => 'returns', 'route' => 'returns.index', 'active' => 'returns.*'],
            ['label' => 'Customer Applications', 'icon' => 'check', 'route' => 'customers.applications', 'active' => 'customers.applications'],
            ['label' => 'Customers', 'icon' => 'customers', 'route' => 'customers.index', 'active' => 'customers.index,customers.create,customers.store,customers.show,customers.edit,customers.update,customers.import*'],
            ['label' => 'Salesmen / Vans', 'icon' => 'team', 'route' => 'salesmen.index', 'active' => 'salesmen.*'],
            ['label' => 'Fleet Management', 'icon' => 'truck', 'route' => 'vehicles.index', 'active' => 'vehicles.*'],
            ['label' => 'Van Stock Imports', 'icon' => 'truck', 'route' => 'van-stocks.index', 'active' => 'van-stocks.index,van-stocks.show,van-stocks.create,van-stocks.generate-catalog'],
            ['label' => 'Van Box Management', 'icon' => 'box', 'route' => 'van-boxes.index', 'active' => 'van-boxes.*'],
            ['label' => 'Inventory Reports', 'icon' => 'report', 'route' => 'inventory-checks.index', 'active' => 'inventory-checks.*'],
        ],
        'Warehouse Operations' => [
            ['label' => 'Warehouse Workspace', 'icon' => 'box', 'route' => 'warehouse-operations.index', 'active' => 'warehouse-operations.*'],
            ['label' => 'Stock Requests', 'icon' => 'orders', 'route' => 'stock-requests.index', 'active' => 'stock-requests.*', 'status' => null],
            ['label' => 'Stock Receipts', 'icon' => 'check', 'route' => 'stock-receipts.index', 'active' => 'stock-receipts.*'],
            ['label' => 'RMA Handovers', 'icon' => 'returns', 'route' => 'return-handovers.index', 'active' => 'return-handovers.*'],
            ['label' => 'Warehouse Preparation', 'icon' => 'box', 'route' => 'stock-requests.index', 'active' => 'stock-requests.index', 'status' => 'approved'],
            ['label' => 'Awaiting Release', 'icon' => 'check', 'route' => 'stock-requests.index', 'active' => 'stock-requests.index', 'status' => 'awaiting_admin_release'],
            ['label' => 'Receiving Issues', 'icon' => 'report', 'route' => 'stock-requests.index', 'active' => 'stock-requests.index', 'status' => 'closed_with_variance'],
            ['label' => 'QA Dataset', 'icon' => 'tools', 'route' => 'qa-dataset.index', 'active' => 'qa-dataset.*'],
        ],
        'Locations' => [
            ['label' => 'Areas', 'icon' => 'pin', 'route' => 'areas.index', 'active' => 'areas.*'],
        ],
        'Settings' => [
            ['label' => 'Company Settings', 'icon' => 'settings', 'route' => 'company-settings.edit', 'active' => 'company-settings.*'],
            ['label' => 'System Tools', 'icon' => 'tools', 'route' => 'system-tools.index', 'active' => 'system-tools.*'],
            ['label' => 'Developer Docs', 'icon' => 'report', 'route' => 'project-docs.index', 'active' => 'project-docs.*'],
        ],
    ];

    $navGroupsSalesman = [
        'My Work' => [
            ['label' => 'Dashboard', 'icon' => 'grid', 'route' => 'dashboard', 'active' => 'dashboard'],
            ['label' => 'My Daily Route', 'icon' => 'route', 'route' => 'daily-routes.index', 'active' => 'daily-routes.*'],
            ['label' => 'My Visits', 'icon' => 'pin', 'route' => 'visits.index', 'active' => 'visits.*'],
            ['label' => 'My Daily Reports', 'icon' => 'report', 'route' => 'daily-reports.index', 'active' => 'daily-reports.*'],
            ['label' => 'My Orders', 'icon' => 'orders', 'route' => 'orders.index', 'active' => 'orders.*'],
            ['label' => 'My Returns', 'icon' => 'returns', 'route' => 'returns.index', 'active' => 'returns.*'],
            ['label' => 'My RMA Handovers', 'icon' => 'returns', 'route' => 'return-handovers.index', 'active' => 'return-handovers.*'],
            ['label' => 'My Customers', 'icon' => 'customers', 'route' => 'customers.index', 'active' => 'customers.*'],
            ['label' => 'My Inventory Check', 'icon' => 'check', 'route' => 'salesman.inventory-check', 'active' => 'salesman.inventory-check*'],
            ['label' => 'My Van Stock', 'icon' => 'truck', 'route' => 'van-stocks.index', 'active' => 'van-stocks.*'],
            ['label' => 'My Van Boxes', 'icon' => 'box', 'route' => 'van-boxes.index', 'active' => 'van-boxes.*'],
            ['label' => 'My Catalogs', 'icon' => 'catalog', 'route' => 'catalogs.index', 'active' => 'catalogs.*'],
        ],
    ];

    $navGroupsSupervisor = [
        'Operations' => [
            ['label' => 'Dashboard', 'icon' => 'grid', 'route' => 'dashboard', 'active' => 'dashboard'],
            ['label' => 'Daily Routes', 'icon' => 'route', 'route' => 'daily-routes.index', 'active' => 'daily-routes.*'],
            ['label' => 'Visits', 'icon' => 'pin', 'route' => 'visits.index', 'active' => 'visits.*'],
            ['label' => 'Daily Reports', 'icon' => 'report', 'route' => 'daily-reports.index', 'active' => 'daily-reports.*'],
            ['label' => 'Customer Orders', 'icon' => 'orders', 'route' => 'orders.index', 'active' => 'orders.*'],
            ['label' => 'Customers', 'icon' => 'customers', 'route' => 'customers.index', 'active' => 'customers.*'],
            ['label' => 'Returns', 'icon' => 'returns', 'route' => 'returns.index', 'active' => 'returns.*'],
            ['label' => 'RMA Handovers', 'icon' => 'returns', 'route' => 'return-handovers.index', 'active' => 'return-handovers.*'],
            ['label' => 'Stock Requests', 'icon' => 'orders', 'route' => 'stock-requests.index', 'active' => 'stock-requests.*', 'status' => null],
            ['label' => 'Stock Receipts', 'icon' => 'check', 'route' => 'stock-receipts.index', 'active' => 'stock-receipts.*'],
            ['label' => 'Warehouse Preparation', 'icon' => 'box', 'route' => 'stock-requests.index', 'active' => 'stock-requests.index', 'status' => 'approved'],
            ['label' => 'Awaiting Release', 'icon' => 'check', 'route' => 'stock-requests.index', 'active' => 'stock-requests.index', 'status' => 'awaiting_admin_release'],
            ['label' => 'Receiving Issues', 'icon' => 'report', 'route' => 'stock-requests.index', 'active' => 'stock-requests.index', 'status' => 'closed_with_variance'],
        ],
        'Field Tools' => [
            ['label' => 'Inventory Check', 'icon' => 'check', 'route' => 'salesman.inventory-check', 'active' => 'salesman.inventory-check*'],
            ['label' => 'Van Stock', 'icon' => 'truck', 'route' => 'van-stocks.index', 'active' => 'van-stocks.*'],
            ['label' => 'Van Boxes', 'icon' => 'box', 'route' => 'van-boxes.index', 'active' => 'van-boxes.*'],
            ['label' => 'Catalogs', 'icon' => 'catalog', 'route' => 'catalogs.index', 'active' => 'catalogs.*'],
        ],
    ];

    $navGroups = $user->isAdmin()
        ? $navGroupsAdmin
        : ($user->isSupervisor() ? $navGroupsSupervisor : $navGroupsSalesman);
    $currentPage = collect($navGroups)->flatten(1)->first(function ($item) {
        $routeMatches = collect(explode(',', $item['active']))->contains(fn ($pattern) => request()->routeIs(trim($pattern)));
        return $routeMatches && (!array_key_exists('status', $item) || request('status') === $item['status']);
    });
@endphp

<!DOCTYPE html>
<html lang="en" data-theme="catalog">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('title', 'Dashboard') · {{ config('app.name', 'SYNT Sales') }}</title>
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    <link rel="stylesheet" href="{{ asset('css/snyt-admin.css') }}?v=20260809-enterprise-v1f">
</head>

<body class="snyt-app min-h-screen bg-base-200 text-base-content">

<div class="drawer lg:drawer-open">
    <input id="sidebar" type="checkbox" class="drawer-toggle" />

    <div class="drawer-content flex min-h-screen flex-col">

        <div class="sticky top-0 z-40 border-b border-base-300 bg-base-100/85 backdrop-blur-xl">
            <div class="navbar min-h-16 px-4 lg:px-8">

                <div class="flex-none lg:hidden">
                    <label for="sidebar" class="btn btn-square btn-ghost rounded-2xl">☰</label>
                </div>

                <div class="flex-1 min-w-0">
                    <h1 class="truncate text-lg lg:text-xl font-black tracking-tight">
                        @yield('page-title', $currentPage['label'] ?? 'Sales Operations')
                    </h1>
                    <p class="hidden sm:block truncate text-xs text-base-content/60">
                        إدارة المبيعات والكتالوج والمخزون الميداني
                    </p>
                </div>

                <div class="flex-none gap-2">
                    <a href="{{ url('/') }}" target="_blank" class="btn btn-sm btn-ghost hidden md:inline-flex rounded-2xl">
                        <x-nav-icon name="portal" /> Portal
                    </a>

                    @if($user->isAdmin())
                        <a href="{{ route('import-center.index') }}" class="btn btn-sm btn-outline hidden md:inline-flex rounded-2xl">
                            <x-nav-icon name="import" /> Import Center
                        </a>
                    @endif

                    @if($user->public_catalog_token ?? false)
                        <a href="{{ url('/salesman/'.$user->public_catalog_token.'/catalog') }}"
                           target="_blank"
                           class="btn btn-sm btn-primary hidden md:inline-flex rounded-2xl">
                            <x-nav-icon name="truck" /> My Public Catalog
                        </a>
                    @endif

                    <div class="dropdown dropdown-end">
                        <label tabindex="0" class="btn btn-ghost rounded-2xl">
                            <div class="avatar placeholder">
                                <div class="w-9 rounded-xl bg-primary text-primary-content">
                                    <span class="text-sm font-black">{{ strtoupper(substr($user->name, 0, 1)) }}</span>
                                </div>
                            </div>
                            <span class="hidden md:inline font-bold">{{ $user->name }}</span>
                        </label>

                        <ul tabindex="0" class="dropdown-content menu z-50 mt-3 w-64 rounded-3xl border border-base-300 bg-base-100 p-3 shadow-xl">
                            <li class="menu-title"><span>{{ $user->email }}</span></li>
                            <li><a href="{{ route('profile.edit') }}"><x-nav-icon name="team" /> Profile</a></li>
                            <li><a href="{{ url('/') }}" target="_blank"><x-nav-icon name="portal" /> Public Portal</a></li>

                            @if($user->isAdmin())
                                <li><a href="{{ route('import-center.index') }}"><x-nav-icon name="import" /> Import Center</a></li>
                            @endif

                            @if($user->public_catalog_token ?? false)
                                <li>
                                    <a href="{{ url('/salesman/'.$user->public_catalog_token.'/catalog') }}" target="_blank">
                                        <x-nav-icon name="truck" /> My Public Catalog
                                    </a>
                                </li>
                            @endif

                            <li>
                                <form method="POST" action="{{ route('logout') }}">
                                    @csrf
                                    <button type="submit" class="text-error">Logout</button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>

        <main class="flex-1 p-4 lg:p-8">
            @yield('content')
        </main>
    </div>

    <div class="drawer-side z-50">
        <label for="sidebar" class="drawer-overlay"></label>

        <aside class="snyt-sidebar flex min-h-full w-80 flex-col border-r border-base-300 bg-base-100">

            <div class="p-4">
                <div class="rounded-3xl bg-gradient-to-br from-primary/10 via-base-100 to-secondary/10 border border-base-300 p-4 shadow-sm">
                    <div class="flex items-center gap-4">
                        <div class="flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-3xl bg-white shadow">
                            @if($companySettings->logo ?? false)
                                <img src="{{ asset('storage/' . $companySettings->logo) }}"
                                     class="h-full w-full object-contain p-2"
                                     alt="Logo">
                            @else
                                <span class="text-3xl font-black text-primary">
                                    {{ strtoupper(substr($companySettings->company_name ?: 'C', 0, 1)) }}
                                </span>
                            @endif
                        </div>

                        <div class="min-w-0">
                            <h2 class="truncate text-lg font-black leading-tight">
                                {{ $companySettings->company_name ?: 'Catalog Generator' }}
                            </h2>
                            <p class="mt-1 line-clamp-2 text-xs text-base-content/60">
                                {{ $companySettings->footer_note ?: 'Sales Catalog System' }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="px-4 pb-4 grid grid-cols-1 gap-2">
                @if($user->isAdmin())
                    <a href="{{ route('import-center.index') }}"
                       class="btn btn-primary w-full rounded-2xl shadow">
                        <x-nav-icon name="import" /> Smart Import Center
                    </a>

                    <a href="{{ route('import-center.create') }}"
                       class="btn btn-outline w-full rounded-2xl">
                        <x-nav-icon name="upload" /> Import Center
                    </a>
                @else
                    <a href="{{ route('salesman.inventory-check') }}"
                       class="btn btn-primary w-full rounded-2xl shadow">
                        <x-nav-icon name="check" /> My Inventory Check
                    </a>
                @endif
            </div>

            <div class="flex-1 overflow-y-auto px-4 pb-4">
                @foreach($navGroups as $groupName => $items)
                    <div class="mt-4 mb-2 px-3 text-[11px] font-black uppercase tracking-wider text-base-content/40">
                        {{ $groupName }}
                    </div>

                    <ul class="menu gap-1 p-0">
                        @foreach($items as $item)
                            @php
                                $isActive = collect(explode(',', $item['active']))
                                    ->contains(fn($pattern) => request()->routeIs(trim($pattern)))
                                    && (!array_key_exists('status', $item) || request('status') === $item['status']);
                            @endphp

                            <li>
                                <a href="{{ route($item['route'], array_filter(['status' => $item['status'] ?? null])) }}"
                                   data-nav-route="{{ $item['route'] }}"
                                   @if($isActive) aria-current="page" @endif
                                   class="rounded-2xl px-4 py-3 font-bold transition
                                          {{ $isActive
                                                ? 'bg-primary text-primary-content shadow'
                                                : 'text-base-content/75 hover:bg-base-200' }}">
                                    <x-nav-icon :name="$item['icon']" />
                                    <span>{{ $item['label'] }}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @endforeach
            </div>

            <div class="border-t border-base-300 p-4">
                <div class="rounded-3xl bg-base-200 p-4">
                    <div class="flex items-center gap-3">
                        <div class="avatar placeholder">
                            <div class="w-11 rounded-2xl bg-secondary text-secondary-content">
                                <span class="font-black">{{ strtoupper(substr($user->name, 0, 1)) }}</span>
                            </div>
                        </div>

                        <div class="min-w-0 flex-1">
                            <div class="truncate font-black">{{ $user->name }}</div>
                            <div class="truncate text-xs text-base-content/60">
                                {{ $user->isAdmin() ? 'Administrator' : 'Salesman' }}
                            </div>
                        </div>
                    </div>

                    <div class="mt-3 grid grid-cols-1 gap-2">
                        <a href="{{ url('/') }}" target="_blank" class="btn btn-sm btn-ghost w-full rounded-xl">
                            <x-nav-icon name="portal" /> Public Portal
                        </a>

                        @if($user->public_catalog_token ?? false)
                            <button type="button"
                                    onclick="copyPublicCatalogLink()"
                                    class="btn btn-sm btn-ghost w-full rounded-xl">
                                Copy Public Link
                            </button>
                        @endif
                    </div>
                </div>
            </div>

        </aside>
    </div>
</div>

<script>
function copyPublicCatalogLink() {
    const url = "{{ $user->public_catalog_token ? url('/salesman/'.$user->public_catalog_token.'/catalog') : '' }}";

    if (!url) return;

    navigator.clipboard.writeText(url).then(() => {
        alert('Public catalog link copied!');
    }).catch(() => {
        prompt('Copy this link:', url);
    });
}
</script>

</body>
</html>