<header class="main-header header-scroll">
  <div class="header__container">
    <div class="header__logo">
      {!! get_custom_logo() !!}
    </div>

    <div class="header__infos">
      @php
        $dateDebut = get_field('date_de_debut', 'option');
        $dateFin = get_field('date_de_fin', 'option');

        // Les champs renvoient "29/05/2026" → format d/m/Y
        $start = $dateDebut ? \Carbon\Carbon::createFromFormat('d/m/Y', $dateDebut) : null;
        $end = $dateFin ? \Carbon\Carbon::createFromFormat('d/m/Y', $dateFin) : null;
      @endphp

      @if ($start && $end)
        @php
          // Même mois + année → "29 - 30<br>Mai 2026"
          if ($start->format('mY') === $end->format('mY')) {
            $output = $start->format('d') . ' - ' . $end->format('d') . '<br>' . ucfirst($start->locale('fr')->translatedFormat('F Y'));
          } else {
            // Mois (ou année) différents → "31 mai 2026<br>01 juin 2026"
            $startStr = $start->locale('fr')->translatedFormat('d F Y');
            $endStr = $end->locale('fr')->translatedFormat('d F Y');
            $output = $startStr . ' -<br>' . $endStr;
          }
        @endphp

        <span class="header__infos-label">{!! $output !!}</span>
      @elseif ($start)
        @php
          $single = $start->locale('fr')->translatedFormat('d F Y');
        @endphp

        <span class="header__infos-label">{{ $single }}</span>
      @else
        <span class="header__infos-label"></span>
      @endif
      @php($address = get_field('adresse', 'option'))
      <span class="header__infos-value">
        <a href="{{ $address['url_google_maps'] }}" target="_blank">
          {{ $address['rue'] }}
          <br />
          {{ $address['ville'] }}
        </a>
      </span>
    </div>

    <div class="header__ctas">
      @php($shop_is_active = get_field('activer_le_shop', 'option'))
      <a href="/line-up" class="btn text-primary outline">Line-up</a>
      <a href="/billetterie" class="btn arrow-secondary">Billetterie</a>
      @if ($shop_is_active)
        <a href="/panier" class="btn not-arrow bg-light text-primary">
          <svg>
            <use
              xlink:href="{{ get_template_directory_uri() }}/public/build/images/svg/icons.svg#cart"
            ></use>
          </svg>
        </a>
      @endif
    </div>

    <div class="burger-btn">
      <span><div></div></span>
      <span><div></div></span>
      <span><div></div></span>
    </div>
    @if (has_nav_menu('primary_navigation'))
      <div class="header__menu">
        <div class="header__menu__content">
          <nav class="nav-primary" aria-label="{{ wp_get_nav_menu_name('primary_navigation') }}">
            {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'nav', 'echo' => false]) !!}
            <div class="vertical-separator"></div>
          </nav>
        </div>
      </div>
    @endif
  </div>
</header>