ldc-agis/resources/views/fo/pages/news/cards.blade.php
2023-11-06 16:05:48 +01:00

39 lines
2.4 KiB
PHP

<div class="swiper-slide d-md-block d-lg-none">
<div class="swiper-slide-news-container mx-auto mb-4">
<div class="swiper-slide-content d-flex flex-column justify-content-center align-items-center mx-auto p-4">
<img src="{{ asset($newsModel->picture_thumbnail) }}" title="{{ $newsModel->picture_thumbnail_title }}"
alt="{{ $newsModel->picture_thumbnail_alt }}">
<div
class="d-flex flex-column justify-content-start align-items-start w-75 @if ($key % 2) mb-3 @else mt-3 @endif">
<p class="f-readex-pro m-0">
{{ \Carbon\Carbon::parse($newsModel->publish_at)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
<p class="m-0 text-start">{{ $newsModel->title }}</p>
<a href="{{ route('fo.news.show', $newsModel->slug) }}">{{ __('> Lire la suite') }}</a>
</div>
</div>
<div class="d-flex justify-content-evenly align-items-center d-lg-none w-100 flex-row pb-3">
<div class="swiper-button-prev rounded-circle" role="button">
<img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}">
</div>
<div class="swiper-button-next rounded-circle" role="button">
<img src="{{ Vite::asset('resources/assets/images/global/btn-arrow.png') }}"
title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}">
</div>
</div>
</div>
</div>
<div class="col-3 card-container d-none d-lg-block m-4">
<div class="d-flex @if ($key % 2 === 1) flex-column-reverse @else flex-column @endif m-4">
<div class="text-center">
<img class="img-fluid w-auto" src="{{ $newsModel->picture_thumbnail }}" title="{{ $newsModel->picture_thumbnail_title }}"
alt="{{ $newsModel->picture_thumbnail_alt }}" />
</div>
<div class="">
<p>{{ \Carbon\Carbon::parse($newsModel->publish_at)->locale('fr_FR')->isoFormat('D MMM Y') }}</p>
<h6>{{ $newsModel->title }}</h6>
<a href="{{ route('fo.news.show', $newsModel->slug) }}">{{ __('> Lire la suite') }}</a>
<p>{{ $newsModel->category->label() }}</p>
</div>
</div>
</div>