@extends('front.layouts.base')
@section("content")

<div class="pb-0 section bg-dark">
    <div class="container">

        <div class="row">
            <div class="pt-5 col-12">
                <h1 class="text-bebas">Mes favoris</h1>
                <span class="mb-5 text-grey d-block">Retrouvez vos coup de coeur en un clic</span>

            </div>     

            @foreach ($favorites as  $favorite)
                <div class="col-lg-3 col-md-4 col-12 mb-4 hide-favorite-{{ $favorite->id }}">
    
                    <x-user.favorite-grid  :$favorite />
                </div> 
            @endforeach

            <div class="pt-5 pb-5 col-12">
                <hr >
            </div>
        </div>
        <x-user.ask-dashboard />
    </div>
</div>
@endsection