@php
$recipe = $article;
$image ??= $recipe->image;
$title ??=$recipe->title;
$difficulty ??=$recipe->difficulty;
$preparation_time ??= $recipe->preparation_time;
$cooking_time ??= $recipe->cooking_time;
$persons ??= $recipe->persons ;
@endphp



<div class="border-round-md p-O px-3 " role="group" aria-label="1 / 6 ">
    <div class="card  border-round-md p-0 card-hover-shadow border-round-md shadow mb-5 my-5" style="height: 450px;">
        <!-- Image -->
        <a href="{{route('public.recipe.show', $recipe)}}">
            <img src="{{asset($image)}}" alt="{{ $title }}" class="border-round-md-top" style="height:225px; width:100%; object-fit: cover;">
        </a>
        <div class=" card-body text-center">
            <div class="">
                <strong>
                    <p class="exerge text-black mt-1">{{ substr($title, 0, 38) }}</p>
                </strong>
            </div>
            <p class="small-font my-1"> Difficulté : {{$difficulty}} </p>

            <p class="small-font my-1"> Temps de préparation : {{$preparation_time}} minutes</p>
            <p class="small-font my-1"> Temps de cuisson : {{$cooking_time}} minutes</p>

            <a href="{{route('public.recipe.show', $recipe)}}" class="btn btn-secondary btn-sm my-2">Voir la recette</a>
        </div>
    </div>
</div>