{{--
  Template Name: Partenaires
--}}

@extends('layouts.app')

@push('vite-head')
  @vite(['resources/css/pages/partenaires.scss', 'resources/js/pages/partenaires.ts'])
@endpush

@section('content')
  @php
    $categories = get_terms([
      'taxonomy' => 'partenaire_categorie',
      'hide_empty' => true,
    ]);
    if (! is_wp_error($categories)) {
      usort($categories, function ($a, $b) {
        $ordre_a = (int) get_field('ordre', 'partenaire_categorie_' . $a->term_id);
        $ordre_b = (int) get_field('ordre', 'partenaire_categorie_' . $b->term_id);
        return $ordre_a <=> $ordre_b;
      });
    }
    $partenaires_par_categorie = [];
    if (! is_wp_error($categories)) {
      foreach ($categories as $term) {
        if ($term->slug === 'grand-partenaire') {
          continue;
        }
        $query = new WP_Query([
          'post_type' => 'partenaire',
          'posts_per_page' => -1,
          'tax_query' => [
            [
              'taxonomy' => 'partenaire_categorie',
              'field' => 'term_id',
              'terms' => $term->term_id,
            ],
          ],
          'orderby' => 'title',
          'order' => 'ASC',
        ]);
        $partenaires_par_categorie[] = [
          'term' => $term,
          'partenaires' => $query->posts,
        ];
        wp_reset_postdata();
      }
    }
  @endphp

  <section>
    <x-top-content />
  </section>

  @php
    $unGiteUneGamelle = get_field('un_gite_une_gamelle');
  @endphp

  @if (! empty($unGiteUneGamelle))
    <section class="container bottom-wave">
      <x-columns
        :col_elements="[
          'img'     => $unGiteUneGamelle['image'] ?? null,
          'titre'   => $unGiteUneGamelle['titre'] ?? '',
          'texte'   => $unGiteUneGamelle['texte'] ?? '',
          'boutons' => $unGiteUneGamelle['boutons'] ?? [],
        ]"
        btn_1_class="bg-secondary arrow-primary"
        img_position="img-right"
      />
    </section>

    <section class="bg-primary container">
      <div class="mt mb">
        <x-major-partners />
      </div>
    </section>
  @endif

  @foreach ($partenaires_par_categorie as $item)
    @if (! empty($item['partenaires']))
      @php
        $mod = $loop->index % 4;
        $sectionClass = 'container' . ($mod === 1 ? ' bg-secondary' : ($mod === 3 ? ' bg-primary' : ''));
        if ($loop->index % 2 === 0) {
          $sectionClass .= ' top-wave' . ($loop->last ? '' : ' bottom-wave');
        }
        $titleClass = 'center' . (in_array($mod, [1, 3]) ? ' text-light' : '');
      @endphp

      @if ($loop->index % 2 === 1)
        <section class="{{ $sectionClass }}">
          <div class="mt mb">
            <h2 class="{{ $titleClass }}">
              {{ get_field('titre', 'partenaire_categorie_' . $item['term']->term_id) ?: $item['term']->name }}
            </h2>

            <div class="partners-container">
              @foreach ($item['partenaires'] as $partenaire)
                @php
                  $logo = get_field('logo', $partenaire->ID);
                  $lien = get_field('lien', $partenaire->ID);
                @endphp
                @if ($logo)
                  <div class="logo-container">
                    <div class="box-shadow"></div>
                    @if (! empty($lien))
                      <a href="{{ esc_url($lien) }}" target="_blank" rel="noopener">
                        <img
                          class="wave-img"
                          src="{{ $logo['url'] }}"
                          alt="{{ $logo['alt'] ?? $partenaire->post_title }}"
                          loading="lazy"
                          decoding="async"
                        />
                      </a>
                    @else
                      <img
                        class="wave-img"
                        src="{{ $logo['url'] }}"
                        alt="{{ $logo['alt'] ?? $partenaire->post_title }}"
                        loading="lazy"
                        decoding="async"
                      />
                    @endif
                  </div>
                @endif
              @endforeach
            </div>
          </div>
        </section>
      @else
        <section class="{{ $sectionClass }}">
          <h2 class="{{ $titleClass }}">
            {{ get_field('titre', 'partenaire_categorie_' . $item['term']->term_id) ?: $item['term']->name }}
          </h2>

          <div class="partners-container">
            @foreach ($item['partenaires'] as $partenaire)
              @php
                $logo = get_field('logo', $partenaire->ID);
                $lien = get_field('lien', $partenaire->ID);
              @endphp
              @if ($logo)
                <div class="logo-container">
                  <div class="box-shadow"></div>
                  @if (! empty($lien))
                    <a href="{{ esc_url($lien) }}" target="_blank" rel="noopener">
                      <img
                        class="wave-img"
                        src="{{ $logo['url'] }}"
                        alt="{{ $logo['alt'] ?? $partenaire->post_title }}"
                        loading="lazy"
                        decoding="async"
                      />
                    </a>
                  @else
                    <img
                      class="wave-img"
                      src="{{ $logo['url'] }}"
                      alt="{{ $logo['alt'] ?? $partenaire->post_title }}"
                      loading="lazy"
                      decoding="async"
                    />
                  @endif
                </div>
              @endif
            @endforeach
          </div>
        </section>
      @endif
    @endif
  @endforeach

  <section class="top-wave container">
    <x-instagram-feed />
  </section>

  <div
    id="devenir-partenaire"
    class="partner-modal"
    aria-hidden="true"
    role="dialog"
    aria-modal="true"
  >
    <div class="partner-modal__backdrop" data-partner-modal-close></div>
    <div class="partner-modal__content" role="document">
      <button
        type="button"
        class="partner-modal__close"
        aria-label="{{ __('Fermer le formulaire', 'anes-tetues') }}"
        data-partner-modal-close
      >
        &times;
      </button>
      <h2 class="partner-modal__title">{{ __('Devenir partenaire', 'anes-tetues') }}</h2>
      <div class="partner-modal__form">
        {!! do_shortcode('[contact-form-7 id="44769f4" title="Devenir Partenaire"]') !!}
      </div>
    </div>
  </div>
@endsection