{{--
  Template Name: Engagement
--}}

@extends('layouts.app')

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

@section('content')
  <section>
    <x-top-content />
  </section>

  @php($causesAnimal = get_field('cause_animal'))
  @if (! empty($causesAnimal))
    <section class="container">
      <x-columns
        :col_elements="[
          'img'     => $causesAnimal['image'] ?? null,
          'titre'   => $causesAnimal['titre'] ?? '',
          'texte'   => $causesAnimal['texte'] ?? '',
          'boutons' => $causesAnimal['boutons'] ?? [],
        ]"
        img_position="img-right"
      />
    </section>
  @endif

  @php($ecoResponsable = get_field('eco_responsable'))
  @if (! empty($ecoResponsable))
    <section class="container bg-secondary text-light">
      <x-columns
        :col_elements="[
          'img'     => $ecoResponsable['image'] ?? null,
          'titre'   => $ecoResponsable['titre'] ?? '',
          'texte'   => $ecoResponsable['texte'] ?? '',
          'boutons' => $ecoResponsable['boutons'] ?? [],
        ]"
      />
    </section>
  @endif

  @php($inclusion = get_field('inclusion'))
  @if (! empty($inclusion))
    <section class="container">
      <x-columns
        :col_elements="[
          'img'     => $inclusion['image'] ?? null,
          'titre'   => $inclusion['titre'] ?? '',
          'texte'   => $inclusion['texte'] ?? '',
          'boutons' => $inclusion['boutons'] ?? [],
        ]"
        img_position="img-right"
        title_class="text-primary"
      />
    </section>
  @endif

  <section>
    <x-gallery />
  </section>
@endsection