@php
    $cartCount = $cartCount ?? \App\Services\ThemeCartService::count();
    $cartItems = collect($themeCart ?? \App\Services\ThemeCartService::get());
    $cartTotal = $cartItems->sum(fn ($item) => (float) ($item['price'] ?? 0) * (int) ($item['qty'] ?? 1));
    $categoryMenuItems = \App\Services\ThemeMenuService::items('gadget', 'categories');
    $navLogo = !empty($setting->logo) ? $setting->logo : ($setting->dark_logo ?? null);
    $signInUrl = Route::has('frontend.login') ? route('frontend.login') : (Route::has('login') ? route('login') : null);
    $registerUrl = Route::has('frontend.register') ? route('frontend.register') : null;
    $accountUrl = $signInUrl ?: ($registerUrl ?: '#');
@endphp

<header class="gm-header" id="gmHeader">
    <div class="gm-mainbar">
        <div class="container gm-mainbar-inner">
            <button type="button" class="gm-menu-toggle d-lg-none" data-toggle-nav aria-label="Menu">
                <i class="fas fa-bars"></i>
            </button>

            <a href="{{ route('frontend.home') }}" class="gm-logo">
                @if($navLogo)
                    <img src="{{ asset($navLogo) }}" alt="{{ $setting->name ?? 'Gadget Monkey BD' }}">
                @else
                    <span class="gm-logo-mark" aria-hidden="true">
                        <svg viewBox="0 0 48 32" fill="none"><path d="M8 24c6-10 14-14 24-12-2 8-8 14-16 16-4 1-6 0-8-4z" stroke="#7cb518" stroke-width="2"/><circle cx="34" cy="10" r="3" fill="#7cb518"/></svg>
                    </span>
                    <span class="gm-logo-wordmark">
                        <span class="gm-logo-gadget">GADGET</span>
                        <span class="gm-logo-monkey-row">
                            <span class="gm-logo-monkey">monkey</span>
                            <span class="gm-logo-bd">BD</span>
                        </span>
                    </span>
                @endif
            </a>

            <form action="{{ route('frontend.products') }}" method="GET" class="gm-search-form">
                <input type="search" name="q" placeholder="Search in Gadget Monkey" aria-label="Search in Gadget Monkey">
                <button type="submit" aria-label="Search"><i class="fas fa-search"></i></button>
            </form>

            <div class="gm-utilities">
                <a href="{{ route('frontend.combo-offers') }}" class="gm-util-item">
                    <span class="gm-util-icon gm-util-icon-offers" aria-hidden="true">
                        <svg class="gm-offers-badge" viewBox="0 0 32 32" fill="none">
                            <path d="M16 2l2.2 6.8H25l-5.6 4.1 2.1 6.8L16 15.6 10.5 19.7l2.1-6.8L7 8.8h6.8L16 2z" fill="#e53935"/>
                            <text x="16" y="19" text-anchor="middle" fill="#fff" font-size="9" font-weight="700" font-family="Inter,sans-serif">%</text>
                        </svg>
                    </span>
                    <span class="gm-util-text">
                        <strong>Offers</strong>
                        <small>Latest Offers</small>
                    </span>
                </a>
                <a href="{{ route('frontend.cart') }}" class="gm-util-item">
                    <span class="gm-util-icon">
                        <i class="far fa-shopping-bag"></i>
                        <span class="gm-util-badge">{{ $cartCount }}</span>
                    </span>
                    <span class="gm-util-text">
                        <strong>Cart</strong>
                        <small>৳{{ number_format($cartTotal, 2) }}</small>
                    </span>
                </a>
                <a href="{{ $accountUrl }}" class="gm-util-item">
                    <span class="gm-util-icon"><i class="far fa-user"></i></span>
                    <span class="gm-util-text">
                        <strong>Account</strong>
                        <small>Login/Register</small>
                    </span>
                </a>
                <button type="button" class="gm-util-item gm-util-search-mobile d-lg-none" id="storeSearchToggle" aria-label="Search">
                    <span class="gm-util-icon"><i class="fas fa-search"></i></span>
                </button>
            </div>
        </div>
    </div>

    <div class="gm-catbar d-none d-lg-block">
        <div class="container">
            <nav class="gm-cat-nav">
                @foreach($categoryMenuItems as $item)
                <a href="{{ $item['url'] }}" class="gm-cat-link{{ !empty($item['active']) ? ' active' : '' }}">{{ $item['label'] }}</a>
                @endforeach
            </nav>
        </div>
    </div>

    <div class="gm-mobile-drawer d-lg-none">
        <nav class="gm-mobile-cats">
            @foreach($categoryMenuItems as $item)
            <a href="{{ $item['url'] }}">{{ $item['label'] }}</a>
            @endforeach
        </nav>
        <nav class="gm-mobile-pages">
            @foreach(\App\Services\ThemeMenuService::items('gadget') as $item)
            <a href="{{ $item['url'] }}">{{ $item['label'] }}</a>
            @endforeach
        </nav>
    </div>
</header>