{{--
  Template Name: Occasions Archive
--}}

@extends('layouts.app')
@section('content')
  @php($data = AllFilterAndCarsServerSide())
  <div class="container pb-0">
    <div class="container-max">
      <h1 class="title xl w-100 text-center">Véhicules d'occasions</h1>
      <p class="regular-weight title xs secondary-color text-center w-100 mt-4">{{ $data['total'] }} annonces</p>
    </div>
  </div>
  <div class=" container sm-container light-background-alt w-100">
    <div class="occasions-part d-flex d-align-content-start d-wrap d-gap-2">
      @include('partials.filters-occasions', ['data' => $data['filters']])
      @if(isset($data['vehicle']) && !empty($data['vehicle']))
        <section class="right-part">
          @php($selectedSort = request()->get('order', ''))
          <div class="orderCars">
            <select id="orderBy" class="sortSelect">
              <option value="">-- Trier les résultats --</option>
              <option value="model:asc" {{ $selectedSort === 'model:asc' ? 'selected' : '' }}>Modèle A → Z</option>
              <option value="model:desc" {{ $selectedSort === 'model:desc' ? 'selected' : '' }}>Modèle Z → A</option>
              <option
                value="salesPriceIncludingTax:asc" {{ $selectedSort === 'salesPriceIncludingTax:asc' ? 'selected' : '' }}>
                Prix croissant
              </option>
              <option
                value="salesPriceIncludingTax:desc" {{ $selectedSort === 'salesPriceIncludingTax:desc' ? 'selected' : '' }}>
                Prix décroissant
              </option>
            </select>
          </div>

          <div class="cars-container">
            @foreach($data['vehicle'] as $car)
              @if(!empty($car->salesPriceIncludingTax))
                @include('components.card.car-card', ['car' => $car])
              @endif
              {{-- Offre commercial ici --}}
              @if($loop->iteration == 2)
                @php($commercialOffer = get_field('offre_commerciale', 'option'))
                @php($sellYourCar = get_field('vendre_son_vehicule', intval(get_option('page_on_front'))))
{{--                @if($commercialOffer['visible'])--}}
{{--                  <button class="offer-card little light-color"--}}
{{--                          data-popup-target="commercial-offer">--}}
{{--                    <div class="offer-card__content">--}}
{{--                      <img src="{{ $commercialOffer['image_mobile']['url'] }}"--}}
{{--                           alt="{{ $commercialOffer['image_mobile']['alt'] }}">--}}
{{--                    </div>--}}
{{--                  </button>--}}
{{--                  @include('components.pop-up' ,--}}
{{--            [--}}
{{--              'id' => 'commercial-offer',--}}
{{--              'titre' => $commercialOffer['titre'],--}}
{{--            'texte' => $commercialOffer['texte'],--}}
{{--            'formulaire' => $commercialOffer['formulaire'],--}}
{{--            'image' => $commercialOffer['image']['url']--}}
{{--            ])--}}
                @if($sellYourCar['visible'] == true)
                  <a href="{{ $sellYourCar['lien_url']['url'] }}" class="offer-card vente little light-color pb-3 pt-3">
                    <div class="offer-card__content w-100 h-100">
                      <div class=" w-80 h-100 d-justify-center m-auto p-relative index-1 d-flex d-col d-gap-2 ">
                        <h3 class="title s">{{ $sellYourCar['titre'] }}</h3>
                        <div class="text-center">{!! $sellYourCar['texte'] !!}</div>
                        <p class="text-center"><button target="{{ $sellYourCar['lien_url']['target'] }}" href="{{ $sellYourCar['lien_url']['url'] }}" class="mt-2 btn">Estimer</button></p>
                      </div>
                      <img class="p-absolute top-0 w-100 h-100 fit-cover" src="{{ $sellYourCar['image']['url'] }}"
                           alt="{{ $sellYourCar['image']['alt'] }}">
                    </div>
                  </a>
                @endif
              @endif
            @endforeach
          </div>


          {{-- PAGINATION --}}
          @if ($data['number_page'] > 1)
            <nav class="pagination">
              {{-- Lien vers la page précédente --}}
              @if ($data['current_page'] > 1)
                <a href="{{ request()->fullUrlWithQuery(['pages' => $data['current_page'] - 1]) }}" class="prev">
                  <svg>
                    <use xlink:href="