@extends('layouts.app')

@section('title', 'Accueil')

@section('content')

<!-- =======================
Main Banner START -->
<section class="py-0 ">
	<div class="card overflow-hidden rounded-0" style="background:url({{asset('img/blog/main_a_la_pate.png')}}) no-repeat; background-size:cover; background-position:center;">
		<!-- Bg overlay -->
		<div class="bg-overlay bg-linear-overlay"></div>

		<!-- Card image overlay -->
		<div class="position-relative z-index-2 d-flex flex-column m-auto h-100 py-9">
			<div class="container text-center">
				<!-- Title -->
				<h1 class="text-white display-4 my-4">EN CUISINE</h1>
				<h4 class="text-white my-4">Mes Recettes et Astuces</h4>
				<p class="text-white exerge mx-5 mb-7">Ici, dès que j’ai une bonne idée, je vous partage des recettes faciles et rapides pour la maison, et toutes mes astuces pour vous faciliter la vie et surtout vous régaler. Suivez le guide !</p>
				<form action="{{ route('blog') }}" method="GET" class="d-flex justify-content-center">
					<div class="input-group" style="max-width: 500px;">
						<input type="text" name="search" class="form-control border-round-md " placeholder="Rechercher une recette" value="{{ request('search') }}">
						<button class="btn btn-primary" type="submit">Rechercher</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</section>
<!-- =======================
Main Banner END -->

<!-- =======================
Blog START -->
<section class="pt-5">
	<div class="container">
		<h4 class="my-4 text-primary mb-5">Les recettes de Justine</h4>

	</div>

	@include('layouts.slider', [
	'id' => 'unique-slider-id-1',
	'items' => $recipes,
	'card' => 'layouts.card_blog_white',
	'btn' => 'btn-secondary'
	])
</section>


<section class="pt-0">
	<div class="container">
		<h4 class="my-4 text-primary mb-5">Les tips</h4>
	</div>

	@include('layouts.slider', [
	'id' => 'unique-slider-id-2',
	'items' => $tips,
	'card' => 'layouts.card_actu',
	'btn' => 'btn-secondary'
	])
</section>
<!-- =======================
Blog END -->


@endsection