@php
    // Pragmatic for a small catalog (4 products); if this grows, move to
    // a View Composer (App\Providers\ViewServiceProvider) instead of
    // querying inside the partial.
    $navProducts = \App\Models\Product::published()->get();
    $locale = app()->getLocale();
    $isAr = $locale === 'ar';
@endphp

<header class="site-header" id="siteHeader">
  <div class="container header-inner">
    <a href="{{ route('home.' . $locale) }}" class="brand-logo" aria-label="Smart Pool & Pergola">
      <img class="logo-light" src="{{ asset('assets/images/logo-full-white.svg') }}" alt="Smart Pool & Pergola">
      <img class="logo-dark" src="{{ asset('assets/images/logo-full-navy.svg') }}" alt="Smart Pool & Pergola">
    </a>

    <nav aria-label="{{ $isAr ? 'التنقل الرئيسي' : 'Main navigation' }}">
      <ul class="main-nav" id="mainNav">
        <li>
          <a href="{{ route('products.index.' . $locale) }}" data-menu="products">
            {{ $isAr ? 'المنتجات' : 'Products' }}
          </a>
          <div class="mega-menu">
            <div>
              <div class="mega-col-title">{{ $isAr ? 'أغطية المسابح' : 'Pool Covers' }}</div>
              @foreach ($navProducts as $navProduct)
                <a class="mega-link" href="{{ route('products.show.' . $locale, $navProduct->slug($locale)) }}">
                  {{ $navProduct->name($locale) }}
                </a>
              @endforeach
            </div>
          </div>
        </li>
        <li><a href="{{ route('blog.index.' . $locale) }}">{{ $isAr ? 'المدونة' : 'Blog' }}</a></li>
        <li><a href="{{ route('contact.create.' . $locale) }}">{{ $isAr ? 'تواصل معنا' : 'Contact' }}</a></li>
      </ul>
    </nav>

    <div class="header-actions">
      <a href="tel:{{ \App\Models\Setting::get('phone_sa_1', '+966569421330') }}" class="header-icon-btn">
        {{ $isAr ? 'اتصل الآن' : 'Call Now' }}
      </a>

      {{-- Real hreflang-aware language switch — no JS guessing needed,
           because Laravel already knows the current route + locale. --}}
      <a href="{{ $altUrl ?? route($isAr ? 'home.en' : 'home.ar') }}" class="lang-switch">
        {{ $isAr ? 'EN' : 'AR' }}
      </a>

      <a href="{{ route('quote.create.' . $locale) }}" class="btn btn-primary" style="padding:12px 24px">
        {{ $isAr ? 'اطلب عرض سعر' : 'Request a Quote' }}
      </a>
      <button class="burger" id="burgerBtn" aria-label="{{ $isAr ? 'افتح القائمة' : 'Open menu' }}"><span></span><span></span><span></span></button>
    </div>
  </div>
</header>