@extends('layouts.site.site')

@section('content')
    <main class="main">
        <div class="mb-lg-2"></div><!-- End .mb-lg-2 -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-9 col-xxl-10 offset-lg-3 offset-xxl-2">
                    <div class="page-header text-center" style="background-image: url({{asset('images/page-header-bg.jpg')}})">
                        <h1 class="page-title">Cartes de fidélité<span>Abonnez vous, pour <b>économiser encore plus </b> avec Kimya</span></h1>
                    </div><!-- End .page-header -->
                </div><!-- End .col-xl-9 col-xxl-10 -->
            </div><!-- End .row -->
        </div><!-- End .container-fluid -->

        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-9 col-xxl-10 offset-xl-3 offset-xxl-2">
                    <nav aria-label="breadcrumb" class="breadcrumb-nav">
                        <div class="container">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('home-site')}}">Accueil</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Cartes de fidélité</li>
                            </ol>
                        </div><!-- End .container -->
                    </nav><!-- End .breadcrumb-nav -->

                    <div class="page-content">

                        <div>

                            <h2 class="title mb-3">Les Cartes de fidélité à proximité</h2><!-- End .title mb-2 -->

                            <div class="row justify-content-start">
                                @foreach($datas[\App\Classes\Constant::CARTE_FIDELITE] as $key => $card)
                                <div class="col-md-6 col-lg-4">
                                    <div class="banner banner-cat product text-center" style="background-color: transparent;">
                                        <figure class="product-media" style="background-color: transparent;">
                                            <a href="{{route('carte.fidelite.detail', $card->id)}}">
                                                <img src="{{asset(\App\Classes\Constant::CARTE_FIDELITE_PATH).'/'.$card->images[0]->url}}" alt="Brand Name">
                                            </a>
                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="S'abonner à la carte"><span>S'abonner à la carte</span></a>
                                            </div>
                                        </figure>
                                    </div><!-- End .banner -->
                                </div><!-- End .col-md-6 -->
                                @endforeach

                            </div><!-- End .row -->

                            <hr class="mb-4">

                        </div><!-- End .container -->
                    </div><!-- End .page-content -->
                </div>
            </div>
        </div>
    </main><!-- End .main -->
@endsection