86 lines
4 KiB
PHP
86 lines
4 KiB
PHP
@php
|
|
$items = $sections;
|
|
@endphp
|
|
@props(['onglets' => [], 'sections' => [], 'staticPageModel', 'encart' => false])
|
|
<section class="position-relative line-border-large" id="sortant-a-l-exterieur">
|
|
<div class="position-absolute h-100 w-100 top-0 z-0">
|
|
<div class="bg-green-wood h-100 w-100" id="demarche-bg"></div>
|
|
</div>
|
|
<div class="container-fluid position-relative z-1 py-5">
|
|
|
|
<div class="row w-100 justify-content-center px-md-4 mx-auto px-1">
|
|
<div class="col-12 mb-2">
|
|
<div class="d-md-flex justify-content-md-center gap-md-3">
|
|
{{-- Oui c'est bon Logo --}}
|
|
|
|
<h2 class="h1 f-intro-head-h-base align-self-md-center text-center">
|
|
{{ __($staticPageModel->data['title']['value']) }}
|
|
</h2>
|
|
<div class="d-flex justify-content-center mb-3">
|
|
<div>
|
|
<img class="img-fluid center-block"
|
|
src="{{ asset($staticPageModel->data['picto']['value']) }}"
|
|
alt="{{ __($staticPageModel->data['picto']['alt']) }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-lg-50 mx-auto text-center">
|
|
{!! clean($staticPageModel->data['description']['value']) !!}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Buttons --}}
|
|
<div class="d-flex justify-content-center gap-md-4 gap-5">
|
|
@foreach ($items as $categoryKey => $categoryItems)
|
|
<button class="btn btn-secondary fs-6 d-block category-btn" type="button"
|
|
data-category="{{ $categoryKey }}">
|
|
{{ $categoryKey }}
|
|
</button>
|
|
@endforeach
|
|
</div>
|
|
|
|
{{-- Cards --}}
|
|
<div class="row mb-5 mt-5" id="cards-container-outside">
|
|
<div class="card-grid">
|
|
@foreach ($items as $categoryKey => $categoryItems)
|
|
<div style="display: contents" data-category="{{ $categoryKey }}">
|
|
{{-- left cols --}}
|
|
<div class="col-card">
|
|
@foreach ($categoryItems as $index => $item)
|
|
@if ($index % 2 === 0)
|
|
<x-fo.breeding.light-card :category="$item->title" :icon="[
|
|
'path' => $item->picture,
|
|
'alt' => $item->picture_alt,
|
|
'description' => $item->picture_title,
|
|
]" :content="$item->content"
|
|
class="card-template-sm" data-category="{{ $categoryKey }}" />
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
{{-- right cols --}}
|
|
<div class="col-card">
|
|
@foreach ($categoryItems as $index => $item)
|
|
@if ($index % 2 !== 0)
|
|
<x-fo.breeding.light-card :category="$item->title" :icon="[
|
|
'path' => $item->picture,
|
|
'alt' => $item->picture_alt,
|
|
'description' => $item->picture_title,
|
|
]" :content="$item->content"
|
|
class="card-template-sm" data-category="{{ $categoryKey }}" />
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@if ($encart)
|
|
<div class="mt-5">
|
|
<x-fo.breeding.section.sortant-a-l-exterieur.our-breeder-section />
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|