@php
    $cartCount = $cartCount ?? \App\Services\ThemeCartService::count();
    $brandName = strtoupper($themeBrand['name'] ?? \App\Services\ThemeProfileService::brandName());
    $headerLogo = !empty($setting->logo) ? $setting->logo : ($setting->dark_logo ?? null);
    $menuItems = \App\Services\ThemeMenuService::items('panjabi');
    $collections = \App\Models\Category::whereNull('parent_id')->where('status', 1)
        ->where(fn ($q) => \App\Services\ThemeCatalogService::applyThemeScope($q))
        ->orderBy('sort_order')->get();
    $signInUrl = Route::has('frontend.login') ? route('frontend.login') : (Route::has('login') ? route('login') : null);
@endphp

<header class="pj-header">
    <div class="pj-header-inner container">
        <button type="button" class="pj-menu-toggle d-lg-none" data-pj-drawer aria-label="Menu"><i class="fas fa-bars"></i></button>

        <a href="{{ route('frontend.home') }}" class="pj-logo">
            @if($headerLogo)
                <img src="{{ asset($headerLogo) }}" alt="{{ $brandName }}">
            @else
                <span class="pj-logo-text">{{ $brandName }}</span>
            @endif
        </a>

        <nav class="pj-nav d-none d-lg-flex">
            <ul class="pj-nav-list">
                @foreach($menuItems as $item)
                <li class="pj-nav-item {{ !empty($item['children']) ? 'has-dropdown' : '' }}">
                    <a href="{{ $item['url'] }}" class="pj-nav-link {{ !empty($item['active']) ? 'active' : '' }}">{{ $item['label'] }}</a>
                    @if(!empty($item['children']))
                    <ul class="pj-nav-dropdown">
                        @foreach($item['children'] as $child)
                        <li><a href="{{ $child['url'] }}">{{ $child['label'] }}</a></li>
                        @endforeach
                    </ul>
                    @endif
                </li>
                @endforeach
                @if($collections->count())
                <li class="pj-nav-item has-dropdown">
                    <a href="{{ route('frontend.products') }}" class="pj-nav-link">Collections</a>
                    <ul class="pj-nav-dropdown">
                        @foreach($collections as $col)
                        <li><a href="{{ route('frontend.category', $col->slug) }}">{{ strtoupper($col->name) }}</a></li>
                        @endforeach
                    </ul>
                </li>
                @endif
            </ul>
        </nav>

        <div class="pj-header-actions">
            <button type="button" class="pj-action-btn" id="pjSearchToggle" aria-label="Search"><i class="fas fa-search"></i></button>
            @if($signInUrl)
            <a href="{{ $signInUrl }}" class="pj-action-btn d-none d-md-inline-flex" aria-label="Log in"><span class="pj-action-label">Log in</span></a>
            @endif
            <a href="{{ route('frontend.cart') }}" class="pj-action-btn pj-cart-btn" aria-label="Cart">
                <span class="pj-action-label">Cart</span>
                @if($cartCount > 0)<span class="pj-cart-count">{{ $cartCount }}</span>@endif
            </a>
        </div>
    </div>
</header>

<div class="pj-drawer" id="pjDrawer">
    <div class="pj-drawer-head">
        <strong>Menu</strong>
        <button type="button" data-pj-drawer-close aria-label="Close"><i class="fas fa-times"></i></button>
    </div>
    <div class="pj-drawer-body">
        @foreach($menuItems as $item)
        <a href="{{ $item['url'] }}" class="pj-drawer-link">{{ $item['label'] }}</a>
        @if(!empty($item['children']))
            @foreach($item['children'] as $child)
            <a href="{{ $child['url'] }}" class="pj-drawer-link pj-drawer-sublink">{{ $child['label'] }}</a>
            @endforeach
        @endif
        @endforeach
        @foreach($collections as $col)
        <a href="{{ route('frontend.category', $col->slug) }}" class="pj-drawer-link">{{ $col->name }}</a>
        @endforeach
    </div>
</div>