@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">
                        {{Request::is('enseignes/'.\App\Classes\Constant::STORE) ? 'Enseignes' : 'Restaurants'}}
                    </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">
                                {{Request::is('enseignes/'.\App\Classes\Constant::STORE) ? 'Enseignes' : 'Restaurants'}}
                            </li>
                        </ol>
                    </div><!-- End .container -->
                </nav><!-- End .breadcrumb-nav -->

                <div class="page-content">

                    <div>
                        <h2 class="title mb-3">La liste de nos {{Request::is('enseignes/'.\App\Classes\Constant::STORE) ? 'enseignes' : 'restaurants'}} partenaires</h2><!-- End .title mb-2 -->

                        <div class="row justify-content-start">
                            @foreach($datas[\App\Classes\Constant::STORE] as $key => $store)
                                @if(count($store->images) > 1)
                                <div class="col-md-6 col-lg-4">
                                    <div class="banner banner-cat">
                                        <a href="{{route('detail-enseigne-site', $store->id)}}">
                                            <img src="{{asset(\App\Classes\Constant::ENSEIGNE_PATH).'/'.$store->getImageNormal()->url}}" alt="Banner">
                                        </a>

                                        <div class="banner-content banner-content-overlay text-center">
                                            <h3 class="banner-title">{{$store->username}}</h3><!-- End .banner-title -->
                                            <h4 class="banner-subtitle">{{$store->offres->count()}} Offres</h4><!-- End .banner-subtitle -->
                                            <a href="{{route('detail-enseigne-site', $store->id)}}" class="banner-link">Tout voir</a>
                                        </div><!-- End .banner-content -->
                                    </div><!-- End .banner -->
                                </div><!-- End .col-md-6 -->
                                @endif
                            @endforeach
                        </div><!-- End .row -->

                        <hr class="mb-4">

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