@php
  $isArabic = app()->getLocale() === 'ar';
  $prefix = $isArabic ? 'ar.' : '';
  $navLabels = $isArabic
    ? ['home' => 'الرئيسية', 'about' => 'من نحن', 'services' => 'خدماتنا', 'authorities' => 'الجهات الحكومية', 'why' => 'لماذا OMA', 'team' => 'فريقنا', 'contact' => 'تواصل معنا']
    : ['home' => 'Home', 'about' => 'About', 'services' => 'Services', 'authorities' => 'Authorities', 'why' => 'Why OMA', 'team' => 'Team', 'contact' => 'Get in Touch'];
@endphp
<div class="site-top">
  <header>
    <div class="nav">
      <a href="{{ route($prefix.'home') }}" class="brand brand-link" aria-label="OMA Business Hub — Home">
        <img src="{{ asset('assets/images/logo.png') }}" alt="OMA Business Hub" class="logo-img logo-img--nav">
      </a>
      <nav class="links d-none d-lg-flex">
        <a href="{{ route($prefix.'home') }}" class="{{ request()->routeIs($prefix.'home') ? 'active' : '' }}">{{ $navLabels['home'] }}</a>
        <a href="{{ route($prefix.'about') }}" class="{{ request()->routeIs($prefix.'about') ? 'active' : '' }}">{{ $navLabels['about'] }}</a>
        <a href="{{ route($prefix.'services') }}" class="{{ request()->routeIs($prefix.'services') ? 'active' : '' }}">{{ $navLabels['services'] }}</a>
        <a href="{{ route($prefix.'authorities') }}" class="{{ request()->routeIs($prefix.'authorities') ? 'active' : '' }}">{{ $navLabels['authorities'] }}</a>
        <a href="{{ route($prefix.'why') }}" class="{{ request()->routeIs($prefix.'why') ? 'active' : '' }}">{{ $navLabels['why'] }}</a>
        <a href="{{ route($prefix.'team') }}" class="{{ request()->routeIs($prefix.'team') ? 'active' : '' }}">{{ $navLabels['team'] }}</a>
      </nav>
      <a href="{{ route($prefix.'contact') }}" class="nav-cta d-none d-lg-inline-block">{{ $navLabels['contact'] }}</a>
      <button class="burger d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileNav" aria-controls="mobileNav" aria-label="Open menu">
        <span></span><span></span><span></span>
      </button>
    </div>
  </header>

  <div class="announce">
    @if ($isArabic)
    <div class="marquee-track">
      <span>تأسيس الشركات</span><span>التراخيص</span><span>التأشيرات والإقامة</span><span>خدمات العلاقات الحكومية</span><span>التصفية القانونية</span><span>الترجمة المعتمدة</span>
      <span>تأسيس الشركات</span><span>التراخيص</span><span>التأشيرات والإقامة</span><span>خدمات العلاقات الحكومية</span><span>التصفية القانونية</span><span>الترجمة المعتمدة</span>
    </div>
    @else
    <div class="marquee-track">
      <span>Company Formation</span><span>Licensing</span><span>Visas &amp; Residence</span><span>PRO &amp; Government Liaison</span><span>Legal Liquidation</span><span>Certified Translation</span>
      <span>Company Formation</span><span>Licensing</span><span>Visas &amp; Residence</span><span>PRO &amp; Government Liaison</span><span>Legal Liquidation</span><span>Certified Translation</span>
    </div>
    @endif
  </div>
</div>

{{-- Mobile navigation — Bootstrap offcanvas handles the toggle, backdrop and focus trap natively --}}
<div class="offcanvas offcanvas-end site-offcanvas" tabindex="-1" id="mobileNav" aria-labelledby="mobileNavLabel">
  <div class="offcanvas-header">
    <span id="mobileNavLabel" class="visually-hidden">{{ $isArabic ? 'قائمة الموقع' : 'Site menu' }}</span>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
    <nav class="offcanvas-links">
      <a href="{{ route($prefix.'home') }}" class="{{ request()->routeIs($prefix.'home') ? 'active' : '' }}">{{ $navLabels['home'] }}</a>
      <a href="{{ route($prefix.'about') }}" class="{{ request()->routeIs($prefix.'about') ? 'active' : '' }}">{{ $navLabels['about'] }}</a>
      <a href="{{ route($prefix.'services') }}" class="{{ request()->routeIs($prefix.'services') ? 'active' : '' }}">{{ $navLabels['services'] }}</a>
      <a href="{{ route($prefix.'authorities') }}" class="{{ request()->routeIs($prefix.'authorities') ? 'active' : '' }}">{{ $navLabels['authorities'] }}</a>
      <a href="{{ route($prefix.'why') }}" class="{{ request()->routeIs($prefix.'why') ? 'active' : '' }}">{{ $navLabels['why'] }}</a>
      <a href="{{ route($prefix.'team') }}" class="{{ request()->routeIs($prefix.'team') ? 'active' : '' }}">{{ $navLabels['team'] }}</a>
      <a href="{{ route($prefix.'contact') }}" class="nav-cta-mobile">{{ $navLabels['contact'] }}</a>
    </nav>
  </div>
</div>