@php
  $contactPhone = setting('site.phone', '(51) 451-290');
  $phoneLink = setting('site.phone_link', '+5151451290');
  $contactEmail = setting('site.email', 'informes@iestpjae.edu.pe');
  $officeHours = setting('site.office_hours', 'Lun — Vie: 8:00 AM — 02:00 PM');
  $logoPath = setting('site.logo');
  $logoUrl = filled($logoPath) ? asset('storage/' . ltrim($logoPath, '/')) : asset('cip/img/logo-jae.png');
  // La cabecera conserva siempre la composición visual original. El estado de
  // la convocatoria solo controla las secciones promocionales de la portada.
  $admissionUrl = setting('site.admission_url') ?: 'https://eventosacademicosjae.org/admision';
  $admissionTopbarLabel = setting('site.admission_nav_label', 'Admisión 2026');
  $recordsUrl = setting('services.records_url') ?: url('/#tramites-documentarios');
  // Intranet corresponde al panel administrativo local de la instalación.
  // url() respeta automáticamente APP_URL tanto en Laragon como en producción.
  $intranetUrl = url('/admin');

  $socialNetworks = [
    ['label' => 'Facebook', 'url' => setting('site.facebook', 'https://web.facebook.com/iestpJaeoficial/'), 'icon' => 'fa-brands fa-facebook-f'],
    ['label' => 'Instagram', 'url' => setting('site.instagram'), 'icon' => 'fa-brands fa-instagram'],
    ['label' => 'YouTube', 'url' => setting('site.youtube'), 'icon' => 'fa-brands fa-youtube'],
    ['label' => 'TikTok', 'url' => setting('site.tiktok'), 'icon' => 'fa-brands fa-tiktok'],
  ];

  $menuUrl = function ($menuItem) {
    $rawUrl = trim((string) $menuItem->url);

    if (\Illuminate\Support\Str::startsWith($rawUrl, '#/pages/')) {
      return url(\Illuminate\Support\Str::after($rawUrl, '#'));
    }

    if (\Illuminate\Support\Str::startsWith($rawUrl, '#') && $rawUrl !== '#') {
      return url('/') . $rawUrl;
    }

    return $menuItem->link();
  };

  // Consultamos la relación real para no dibujar indicadores de submenú en
  // elementos hoja aunque Voyager haya dejado una colección en memoria.
  $hasMenuChildren = static function ($menuItem): bool {
    try {
      return $menuItem->children()->exists();
    } catch (\Throwable $exception) {
      return isset($menuItem->children) && $menuItem->children->count() > 0;
    }
  };
@endphp

<div class="topbar" role="complementary" aria-label="Información de contacto">
  <div class="container topbar__inner">
    <div class="topbar__info">
      <a href="tel:{{ $phoneLink }}" class="topbar__info-item" aria-label="Teléfono institucional">
        <i class="fa-solid fa-phone" aria-hidden="true"></i>
        <span>{{ $contactPhone }}</span>
      </a>
      <a href="mailto:{{ $contactEmail }}" class="topbar__info-item" aria-label="Correo institucional">
        <i class="fa-solid fa-envelope" aria-hidden="true"></i>
        <span>{{ $contactEmail }}</span>
      </a>
      <span class="topbar__info-item">
        <i class="fa-regular fa-clock" aria-hidden="true"></i>
        <span>{{ $officeHours }}</span>
      </span>
    </div>

    <div class="topbar__actions">
      <nav class="topbar__links" aria-label="Enlaces rápidos">
        <a href="{{ $intranetUrl }}">Intranet</a>
        <a href="{{ $admissionUrl }}" target="_blank" rel="noopener noreferrer">{{ $admissionTopbarLabel }}</a>
        <a href="{{ $recordsUrl }}" @if(\Illuminate\Support\Str::startsWith($recordsUrl, ['http://', 'https://'])) target="_blank" rel="noopener noreferrer" @endif>Mesa de partes</a>
      </nav>

      <div class="topbar__social" aria-label="Redes sociales">
        @foreach($socialNetworks as $network)
          @if(filled($network['url']))
            <a href="{{ $network['url'] }}" class="topbar__social-link" aria-label="{{ $network['label'] }}" target="_blank" rel="noopener noreferrer">
              <i class="{{ $network['icon'] }}" aria-hidden="true"></i>
            </a>
          @else
            <span class="topbar__social-link" aria-label="{{ $network['label'] }}: enlace por configurar" title="Enlace por configurar">
              <i class="{{ $network['icon'] }}" aria-hidden="true"></i>
            </span>
          @endif
        @endforeach
      </div>
    </div>
  </div>
</div>

<header class="header" id="header">
  <div class="container header__inner">
    <a href="{{ route('welcome') }}" class="header__logo" aria-label="Inicio — IESTP José Antonio Encinas">
      <img src="{{ $logoUrl }}" alt="Logo del IESTP José Antonio Encinas" width="220" height="86">
    </a>

    <nav class="header__nav" aria-label="Navegación principal">
      <ul class="header__nav-list">
        @foreach ($items as $item)
          @if ($hasMenuChildren($item))
            <li class="header__nav-item" data-dropdown>
              <a href="#" class="header__nav-link" role="button" aria-expanded="false" aria-haspopup="true">
                {{ $item->title }}
                <i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
              </a>
              <div class="header__dropdown" role="menu">
                @foreach ($item->children as $child)
                  @php($childHasChildren = $hasMenuChildren($child))
                  @if($childHasChildren)
                    <div class="header__dropdown-item header__dropdown-item--has-children" data-submenu>
                      <button type="button" class="header__dropdown-link header__dropdown-link--parent"
                        aria-expanded="false" aria-haspopup="true"
                        aria-controls="header-submenu-{{ $child->id }}" data-submenu-toggle>
                        @if(filled($child->icon_class))<i class="{{ $child->icon_class }}" aria-hidden="true"></i>@endif
                        <span>{{ $child->title }}</span>
                        <i class="fa-solid fa-chevron-right header__dropdown-caret" aria-hidden="true"></i>
                      </button>
                      <div class="header__submenu" id="header-submenu-{{ $child->id }}" role="menu" aria-label="{{ $child->title }}">
                        @foreach($child->children as $grandchild)
                          @php($grandchildTarget = $grandchild->target ?: '_self')
                          <a href="{{ $menuUrl($grandchild) }}" class="header__dropdown-link" role="menuitem"
                            @if($grandchildTarget === '_blank') target="_blank" rel="noopener noreferrer" @endif>
                            @if(filled($grandchild->icon_class))<i class="{{ $grandchild->icon_class }}" aria-hidden="true"></i>@endif
                            {{ $grandchild->title }}
                          </a>
                        @endforeach
                      </div>
                    </div>
                  @else
                    @php($childTarget = $child->target ?: '_self')
                    <a href="{{ $menuUrl($child) }}" class="header__dropdown-link" role="menuitem"
                      @if($childTarget === '_blank') target="_blank" rel="noopener noreferrer" @endif>
                      @if(filled($child->icon_class))<i class="{{ $child->icon_class }}" aria-hidden="true"></i>@endif
                      {{ $child->title }}
                    </a>
                  @endif
                @endforeach
              </div>
            </li>
          @else
            @php($itemTarget = $item->target ?: '_self')
            <li class="header__nav-item">
              <a href="{{ $menuUrl($item) }}" class="header__nav-link"
                @if($itemTarget === '_blank') target="_blank" rel="noopener noreferrer" @endif>{{ $item->title }}</a>
            </li>
          @endif
        @endforeach
      </ul>
    </nav>

    @if(filled($admissionUrl))
      <div class="header__cta">
        <a href="{{ $admissionUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn--primary">
          <i class="fa-solid fa-graduation-cap" aria-hidden="true"></i>
          Inscríbete
        </a>
      </div>
    @endif

    <button class="header__toggle" aria-label="Abrir menú" aria-expanded="false" aria-controls="mobile-nav">
      <span class="header__toggle-bar" aria-hidden="true"></span>
      <span class="header__toggle-bar" aria-hidden="true"></span>
      <span class="header__toggle-bar" aria-hidden="true"></span>
    </button>
  </div>
  <div class="header__progress" aria-hidden="true"></div>
</header>

<div class="mobile-nav" id="mobile-nav" aria-label="Menú de navegación móvil">
  <div class="mobile-nav__overlay" aria-hidden="true"></div>
  <div class="mobile-nav__panel" role="dialog" aria-modal="true" aria-label="Menú principal">
    <div class="mobile-nav__header">
      <a href="{{ route('welcome') }}" class="mobile-nav__logo" aria-label="Inicio — IESTP José Antonio Encinas">
        <img src="{{ $logoUrl }}" alt="Logo del IESTP José Antonio Encinas" width="220" height="86">
      </a>
      <button class="mobile-nav__close" aria-label="Cerrar menú">
        <i class="fa-solid fa-xmark" aria-hidden="true"></i>
      </button>
    </div>

    <div class="mobile-nav__body">
      <ul class="mobile-nav__list">
        @foreach ($items as $item)
          @if ($hasMenuChildren($item))
            <li class="mobile-nav__item">
              <a href="#" class="mobile-nav__link" aria-expanded="false">
                {{ $item->title }}
                <i class="fa-solid fa-chevron-down" aria-hidden="true"></i>
              </a>
              <div class="mobile-nav__sub">
                <ul class="mobile-nav__sub-list">
                  @foreach ($item->children as $child)
                    @php($childHasChildren = $hasMenuChildren($child))
                    @if($childHasChildren)
                      <li class="mobile-nav__sub-item">
                        <button type="button" class="mobile-nav__sub-link mobile-nav__sub-toggle"
                          aria-expanded="false" aria-controls="mobile-submenu-{{ $child->id }}" data-mobile-submenu-toggle>
                          <span>
                            @if(filled($child->icon_class))<i class="{{ $child->icon_class }}" aria-hidden="true"></i>@endif
                            {{ $child->title }}
                          </span>
                          <i class="fa-solid fa-chevron-down mobile-nav__sub-caret" aria-hidden="true"></i>
                        </button>
                        <div class="mobile-nav__sub-level" id="mobile-submenu-{{ $child->id }}">
                          <ul>
                            @foreach($child->children as $grandchild)
                              @php($grandchildTarget = $grandchild->target ?: '_self')
                              <li>
                                <a href="{{ $menuUrl($grandchild) }}" class="mobile-nav__sub-link mobile-nav__sub-link--level-3"
                                  @if($grandchildTarget === '_blank') target="_blank" rel="noopener noreferrer" @endif>
                                  @if(filled($grandchild->icon_class))<i class="{{ $grandchild->icon_class }}" aria-hidden="true"></i>@endif
                                  {{ $grandchild->title }}
                                </a>
                              </li>
                            @endforeach
                          </ul>
                        </div>
                      </li>
                    @else
                      @php($childTarget = $child->target ?: '_self')
                      <li>
                        <a href="{{ $menuUrl($child) }}" class="mobile-nav__sub-link"
                          @if($childTarget === '_blank') target="_blank" rel="noopener noreferrer" @endif>
                          @if(filled($child->icon_class))<i class="{{ $child->icon_class }}" aria-hidden="true"></i>@endif
                          {{ $child->title }}
                        </a>
                      </li>
                    @endif
                  @endforeach
                </ul>
              </div>
            </li>
          @else
            @php($itemTarget = $item->target ?: '_self')
            <li class="mobile-nav__item">
              <a href="{{ $menuUrl($item) }}" class="mobile-nav__link"
                @if($itemTarget === '_blank') target="_blank" rel="noopener noreferrer" @endif>{{ $item->title }}</a>
            </li>
          @endif
        @endforeach
      </ul>
    </div>

    <div class="mobile-nav__footer">
      <a href="{{ $intranetUrl }}" class="btn btn--outline-dark">
        <i class="fa-solid fa-right-to-bracket" aria-hidden="true"></i>
        Intranet
      </a>
      @if(filled($admissionUrl))
        <a href="{{ $admissionUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn--primary">
          <i class="fa-solid fa-graduation-cap" aria-hidden="true"></i>
          Inscríbete ahora
        </a>
      @endif
      <div class="mobile-nav__footer-social" aria-label="Redes sociales">
        @foreach($socialNetworks as $network)
          @if(filled($network['url']))
            <a href="{{ $network['url'] }}" class="mobile-nav__footer-social-link" aria-label="{{ $network['label'] }}" target="_blank" rel="noopener noreferrer">
              <i class="{{ $network['icon'] }}" aria-hidden="true"></i>
            </a>
          @else
            <span class="mobile-nav__footer-social-link" aria-label="{{ $network['label'] }}: enlace por configurar" title="Enlace por configurar">
              <i class="{{ $network['icon'] }}" aria-hidden="true"></i>
            </span>
          @endif
        @endforeach
      </div>
    </div>
  </div>
</div>