@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">Mes préférences <span>Aujourd'hui, vous <b>économisez </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">


                    <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">Préférences</li>
                            </ol>
                        </div><!-- End .container -->
                    </nav><!-- End .breadcrumb-nav -->

                    <div>
                        @if($datas[\App\Classes\Constant::OFFER]->count() > 0)
                        <div class="heading heading-flex mb-6">
                            <div class="heading-left">
                                <h2 class="title">Mes Offres préférées</h2>
                            </div><!-- End .heading-left -->
                        </div><!-- End .heading -->

                        <div class="tab-content">
                            <div class="row">
                                @foreach($datas[\App\Classes\Constant::OFFER] as $key => $product)
                                    <div class="col-md-3 col-12 mb-20">
                                        <div class="product text-center">
                                            <figure class="product-media">
                                                <span class="product-label label-sale">{{round((($product->ancienPrix - $product->nouveauPrix) / $product->ancienPrix) * 100)}}%</span>
                                                @if(count($product->images) > 0)
                                                    <a href="{{route('detail-offer-site', $product->id)}}">
                                                        <img src="{{asset(\App\Classes\Constant::OFFRE_PATH).'/'.$product->defaultGroupImages->imageNormal->url}}" alt="Product image" class="product-image">
                                                    </a>
                                                @endif

                                                <div class="product-action-vertical">
                                                    <a href="{{$datas[\App\Classes\Constant::USER] != null ? route('offer-favorite', $product->id.'&preferences') : '#signin-modal'}}"
                                                       data-toggle="{{$datas[\App\Classes\Constant::USER] != null ? '' : 'modal'}}"
                                                       class="btn-product-icon btn-wishlist" title="Ajouter aux favories"
                                                       style="background-color: {{$datas[\App\Classes\Constant::USER] != null && $datas[\App\Classes\Constant::USER]->id == $product->preferenceUserId ? '#db6d00' : ''}};
                                                      color: {{$datas[\App\Classes\Constant::USER] != null && $datas[\App\Classes\Constant::USER]->id == $product->preferenceUserId ? '#ffffff' : ''}};"
                                                    ><span>Ajouter aux favories</span></a>
                                                    <a href="{{route('detail-offer-site', $product->id)}}" class="btn-product-icon btn-quickview" title="Voir plus"><span>Voir plus</span></a>
                                                </div><!-- End .product-action-vertical -->

                                                <div class="product-action">
                                                    <a href="{{route('detail-offer-site', $product->id)}}}" class="btn btn-outline-primary-2 btn-lg btn-block"><span>voir l'offre</span> <i class="icon-plus"></i></a>
                                                </div>
                                            </figure><!-- End .product-media -->

                                            <div class="product-body">
                                                <div class="product-cat">
                                                    <a href="#">{{$product->categorie->libelle}}</a>
                                                </div>
                                                <h3 class="product-title"><a href="{{route('detail-offer-site', 1)}}">{{$product->libelle}}</a></h3>
                                                <div class="product-price">
                                                    <span class="new-price">{{Number::format($product->nouveauPrix, locale: 'fr', precision: 0)}} fcfa</span>
                                                    <span class="old-price"> était {{Number::format($product->ancienPrix, locale: 'fr', precision: 0)}} fcfa</span>
                                                </div>
                                            </div>
                                        </div><!-- End .product -->
                                    </div>
                                @endforeach
                            </div>
                        </div><!-- End .tab-content -->
                        @endif

                        <hr class="mt-0 mb-5" />

                        @if($datas[\App\Classes\Constant::CATALOGUE]->count() > 0)
                        <div class="heading heading-flex mb-6">
                            <div class="heading-left">
                                <h2 class="title">Mes Catalogues préférés</h2>
                            </div><!-- End .heading-left -->
                        </div><!-- End .heading -->

                        <div class="row">
                            @foreach($datas[\App\Classes\Constant::CATALOGUE] as $key => $catalogue)
                                <div class="col-md-3 mb-20">
                                    <div class="product product-4 text-center">
                                        <figure class="product-media">
                                            <a href="{{route('detail-cat-site', $catalogue->id)}}">
                                                <img src="{{asset(\App\Classes\Constant::CATALOGUE_PATH).'/'.$catalogue->images[0]->url}}" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="{{$datas[\App\Classes\Constant::USER] != null ? route('catalogue.favorite.add', $catalogue->id.'&preferences') : '#signin-modal'}}"
                                                   data-toggle="{{$datas[\App\Classes\Constant::USER] != null ? '' : 'modal'}}"
                                                   class="btn-product-icon btn-wishlist" title="Ajouter aux favories"
                                                   style="background-color: {{$datas[\App\Classes\Constant::USER] != null && $datas[\App\Classes\Constant::USER]->id == $catalogue->preferenceUserId ? '#db6d00' : ''}};
                                                          color: {{$datas[\App\Classes\Constant::USER] != null && $datas[\App\Classes\Constant::USER]->id == $catalogue->preferenceUserId ? '#ffffff' : ''}};"
                                                ><span>Ajouter aux favories</span></a>
                                            </div>

                                            <div class="product-action">
                                                <a href="{{route('detail-cat-site', $catalogue->id)}}" class="btn btn-outline-primary-2 btn-lg btn-block"><span>détails</span> <i class="icon-plus"></i></a>
                                            </div>
                                        </figure>

                                        <div class="product-body">
                                            <h3 class="product-title"><a href="{{route('detail-cat-site', $catalogue->id)}}">{{$catalogue->titre}}</a></h3>
                                            <div class="product-price">
                                                <span class="out-price">Valide jusqu'au {{$catalogue->datePublication}}</span>
                                            </div>

                                            <div class="product-label-text">Rupture de stock</div>
                                        </div>
                                    </div><!-- End .product -->
                                </div>
                            @endforeach
                        </div><!-- End owl-carousel -->
                        @endif

                        <hr class="mt-0 mb-5" />

                        @if($datas[\App\Classes\Constant::STORE]->count() > 0)
                        <div class="heading heading-flex mb-6">
                            <div class="heading-left">
                                <h2 class="title">Mes Enseignes préférées</h2>
                            </div><!-- End .heading-left -->
                        </div><!-- End .heading -->

                        <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 -->
                        @endif
                    </div><!-- End .container -->

                    <div class="mb-3"></div>

                </div>
                @include('layouts.site.aside')
            </div>
        </div>
    </main><!-- End .main -->
@endsection