@extends('layouts.app')

@section('title', 'Presse & Actus')

@section('content')

<!-- =======================
Main Banner START -->
<section class=" bg-blue min-vh-100-md pb-5 pb-md-0 pt-xl-9  pb-0 mb-0">
	<div class="container">

		<div class="text-center">
			<h2 class="text-white">Presse & Actus</h2>
			<img class="my-3" src="{{asset('img/press/presse.png')}}">
		</div>
	</div>
</section>


<section class="bg-white pt-5">
	<div class="container">
		<h4 class="text-blue mb-5">Les actus de Justine</h4>
	</div>
	<!-- Title and content -->
	<!-- Service start -->
	<div class="d-none d-none d-md-block">
		<div class="swiper" data-swiper-options="{
			&quot;spaceBetween&quot;: 50,
			&quot;loop&quot;: false,
			&quot;autoplay&quot;: false, 
			&quot;initialSlide&quot;: 0, 
			
			&quot;breakpoints&quot;: { 
				&quot;576&quot;: {&quot;slidesPerView&quot;: 1},
				&quot;992&quot;: {&quot;slidesPerView&quot;: 2},
				&quot;1700&quot;: {&quot;slidesPerView&quot;: 3}
			},
			&quot;navigation&quot;: {
				&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,
				&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;
			}
		}">

			<div class="swiper-wrapper swiper-start" id="swiper-wrapper-695e79219cc7e0ed" aria-live="off">
				<!-- Service item -->
				@php
				$actusCount = count($actus);
				@endphp
				@for ($i = 0; $i < $actusCount; $i +=2) @if ($i + 1 < $actusCount) @include('layouts.double_card_actu', ['actu1'=> $actus[$i], 'actu2' => $actus[$i+1]])
					@else
					@include('layouts.double_card_actu', ['actu1' => $actus[$i], 'actu2' => null])
					@endif
					@endfor
			</div>
		</div>
		<div class="container mt-5 text-center">
			<div class="mb-4">
				<a href="#" class="btn btn-secondary border btn-icon btn-lg rounded-circle mb-0 swiper-button-prev"><i class="bi bi-arrow-left"></i></a>
				<a href="#" class="btn btn-secondary border btn-icon btn-lg rounded-circle mb-0 swiper-button-next"><i class="bi bi-arrow-right"></i></a>
			</div>
		</div>
	</div>
	<div class="d-bloc d-md-none">
		@include('layouts.slider', [
		'id' => 'unique-slider-id-1',
		'items' => $actus,
		'card' => 'layouts.double_card_actu_phone',
		'btn' => 'btn-secondary'
		])
	</div>
</section>

<section class="bg-blue py-5">
	<div class="container">
		<h4 class="text-white">La presse en parle aussi</h4>
	</div>
	@include('layouts.slider', [
	'id' => 'unique-slider-id-2',
	'items' => $presses,
	'card' => 'layouts.card_actu',
	'btn' => 'btn-transparent'
	])
</section>



@endsection