@extends('front.layout')
@section('content')
<div class="breadcrumb-section">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="page-title">
                    <h2>Promotion</h2>
                </div>
            </div>
            <div class="col-sm-6">
                <nav aria-label="breadcrumb" class="theme-breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">{!! Helper::traducteurs(9) !!}</a></li>
                        <li class="breadcrumb-item">

                        </li>
                        <li class="breadcrumb-item active" aria-current="page">

                        </li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<section class="section-b-space ratio_asos">
    <div class="collection-wrapper">
        <div class="container">
            <div class="row">
@if(count($produits)>0)
                <div class="col-sm-3 collection-filter">
                    <form id="filter">
                         <!-- side-bar colleps block stat -->
                    <div class="collection-filter-block">
                        <!-- brand filter start -->
                        <div class="collection-mobile-back"><span class="filter-back"><i class="fa fa-angle-left"
                                                                                         aria-hidden="true"></i> back</span></div>



                        <div class="collection-collapse-block border-0 open">
                            <h3 class="collapse-block-titles titcat opens">Catégories</h3>
                            <div class="collection-collapse-block-content">
                                @foreach($categories as $category)
                                    @if($category->id==1)
                                        @foreach($category->children as $cats)

                                <div class="collection-collapse-block border-0   ">
                                    <h3 style="font-size: 12px;" class="collapse-block-title  ">{{$cats->translate($locale)->name}}</h3>

                                    <div class="collection-collapse-block-content"     style="display: none"     >

                                        <div class="collection-brand-filter">
                                            @foreach($cats->children as $cat)
                                            <div class="form-check collection-filter-checkbox">
                                                <input    type="checkbox" class="check-cat form-check-input " name="categories_id[]" id="hundred" value="{{$cat->id}}">
                                                <label class="form-check-label" for="hundred">{{$cat->translate($locale)->name}}</label>
                                            </div>
                                                @endforeach
                                        </div>


                                    </div>

                                </div>
                                        @endforeach
                                    @endif
                                    @endforeach


                            </div>
                        </div>
                            <div class="blocfilter">
                        <!-- color filter start here -->
                        @foreach($attributs as $attribut)
                            @if(count($attribut->AttributOptions)>0)
                                @if($attribut->type==2)
                        <div class="collection-collapse-block open">
                            <h3 class="collapse-block-titles opens">{{$attribut->translate($locale)->name}}</h3>
                            <div class="collection-collapse-block-content">
                                <div class="color-selector">
                                    <ul>
                                        @foreach($attribut->AttributOptions as $attributOption)
                                        <li  data-rel="{{$attributOption->id}}" class=""><div style="background-color:{{$attributOption->couleur}};    height: 100%;border-radius: 100%; "></div></li>
                                        @endforeach
                                        <input type="hidden" value="" name="attribut_{{$attribut->id}}">
                                    </ul>
                                </div>

                            </div>
                        </div>
                                @else

                        <div class="collection-collapse-block border-0 open">
                            <h3 class="collapse-block-titles opens">{{$attribut->translate($locale)->name}}</h3>
                            <div class="collection-collapse-block-content">
                                <div class="collection-brand-filter">
                                    @foreach($attribut->AttributOptions as $attributOption)
                                    <div class="form-check collection-filter-checkbox">
                                        <input onclick="filter()" type="checkbox" class="form-check-input " name="attribut_{{$attribut->id}}[]" id="hundred" value="{{$attributOption->id}}">
                                        <label class="form-check-label" for="hundred">{{$attributOption->translate($locale)->valeur}}</label>
                                    </div>
                                        @endforeach

                                </div>
                            </div>
                        </div>
                                    @endif
                            @endif
                        @endforeach
                            </div>
                    </div>
                    <!-- silde-bar colleps block end here -->

                    </form>
                </div>

                <div class="collection-content col ">
                    <div class="page-main-content">
                        <div class="row">
                            <div class="col-sm-12">

                                <div class="collection-product-wrapper">
                                    <div class="product-top-filter">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <div class="filter-main-btn"><span
                                                            class="filter-btn btn btn-theme"><i class="fa fa-filter"
                                                                                                aria-hidden="true"></i> Filter</span></div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="product-filter-content">

                                                    <div class="collection-view">
                                                        <ul>
                                                            <li><i class="fa fa-th grid-layout-view"></i></li>
                                                            <li><i class="fa fa-list-ul list-layout-view"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="collection-grid-view">
                                                        <ul>
                                                            <li><img src="{{asset('frontend/assets/images/icon/2.png')}}" alt=""
                                                                     class="product-2-layout-view"></li>
                                                            <li><img src="{{asset('frontend/assets/images/icon/3.png')}}" alt=""
                                                                     class="product-3-layout-view"></li>
                                                            <li><img src="{{asset('frontend/assets/images/icon/4.png')}}" alt=""
                                                                     class="product-4-layout-view"></li>
                                                            <li><img src="{{asset('frontend/assets/images/icon/6.png')}}" alt=""
                                                                     class="product-6-layout-view"></li>
                                                        </ul>
                                                    </div>


                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="filterprod">
                                    <div class="product-wrapper-grid">
                                        <div class="row margin-res filterprod">
                                            @foreach($produits as $newcollection)
                                                @php $tab=[] @endphp
                                            <div class="col-xl-3 col-6 col-grid-box collection-box detail-{{$newcollection->id}}">
                                                <div class="product-box">
                                                    <div class="img-wrapper">
                                                        @php $img_survol='' @endphp
                                                        @foreach($newcollection->images as $image)
                                                            @if($image->defaut==1)
                                                                @php $img=$image->image_name @endphp
                                                            @endif
                                                            @if($image->survol==1)
                                                                @php $img_survol=$image->image_name @endphp
                                                            @endif
                                                        @endforeach
                                                        <div class="front">
                                                            <a href="{{route('produits.show',$newcollection->id)}}"><img src="{{asset('images/produits/'.$img)}}"
                                                                             class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                                        </div>
                                                        @if(!empty($img_survol))
                                                            <div class="back">
                                                                <a href="{{route('produits.show',$newcollection->id)}}"><img src="{{asset('images/produits/'.$img_survol)}}"
                                                                                 class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                                            </div>
                                                        @endif
                                                        @php $tab=[] @endphp
                                                        @php $price=$newcollection->prixttc;
                                $repture =1;
                                                        @endphp
                                                        @if($newcollection->stock>0 && $newcollection->type==1)
                                                            @php $repture =0 @endphp
                                                        @endif

                                                        @if($newcollection->type==2)
                                                            @foreach($newcollection->stocks as $stock)
                                                                @if($stock->stock>0)
                                                                    @php $repture =0 @endphp
                                                                @endif
                                                                @if(count($stock->declinaisons)==1)
                                                                    @php $price=$stock->prixttc @endphp
                                                                @endif


                                                                @foreach($stock->declinaisons as $declinaison)
                                                                    @php  $att=  $declinaison->attributoption->attribut->id @endphp
                                                                    @php $valeur=$declinaison->valeur; @endphp
                                                                    @if($att==1)
                                                                        @php $valeur= $declinaison->attributoption->couleur @endphp
                                                                    @endif
                                                                    @php $tab[$att][$declinaison->attribut_option_id]=$valeur; @endphp

                                                                @endforeach

                                                            @endforeach
                                                        @endif
                                                        @php $tab_taille=[] @endphp
                                                        @if(isset($tab[2]) )
                                                            @php $tab_taille=$tab[2] @endphp
                                                        @endif
                                                        @if(isset($tab[3]))
                                                            @php $tab_taille=$tab[3] @endphp
                                                        @endif


                                                        <div id="fastBuySelectors" class="m-quick-add-wrapper">



                                                            <div class="c-quick-add c-quick-add--button "   >
                                                                <div class="row">
                                                                    @php $cls="col-md-12"  @endphp
                                                                    @if(count($tab_taille)>0)
                                                                        @php $cls="col-md-4 ps-0"  @endphp
                                                                        <div class="col-md-8 pe-0">



                                                                            <select data-page="collection-box" data-rel="{{$newcollection->id}}" class="w-100 select_taille_{{$newcollection->id}}"  required  >
                                                                                <option>{!! Helper::traducteurs(40) !!}</option>
                                                                                @foreach($tab_taille as $ind=>$taille)
                                                                                    <option value="{{$ind}}">{{$taille}}</option>
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                    @endif

                                                                    @if($repture==1)
                                                                        <div class="{{$cls}}"> <button data-toggle="tooltip" data-placement="top" title="Stock épuisé"  data-rel="{{$newcollection->type}}"   data-id="{{$newcollection->id}}" class="ti-shopping-cart-disable"> </button>  </div>
                                                                    @else
                                                                        <div class="{{$cls}}"> <button data-rel="{{$newcollection->type}}"   data-id="{{$newcollection->id}}" class="ti-shopping-cart"> </button>  </div>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="cart-info cart-wrap">

                                                            <a href="javascript:void(0)" title="Add to Wishlist">
                                                                <i class="ti-heart" aria-hidden="true"></i>
                                                            </a>
                                                            <a data-id="{{$newcollection->id}}" href="#" data-bs-toggle="modal" data-bs-target="#quick-view" title="Quick View" class="open-quick-view-modal" >
                                                                <i class="ti-search" aria-hidden="true"></i>
                                                            </a>

                                                        </div>
                                                    </div>
                                                    <div class="product-detail ">

                                                        <a href="{{route('produits.show',$newcollection->id)}}">
                                                            <h6>{{$newcollection->translate($locale)->name}}</h6>
                                                        </a>
                                                        <div class="descprod"> {{$newcollection->translate($locale)->description}}</div>
                                                        <h4><span class="pricettc"> {{$price}}</span> <sup>{{$devise}}</sup></h4>
                                                        <ul class="color-variant color-variants-{{$newcollection->id}}">
                                                            @php $c=0 @endphp
                                                            @if(isset($tab[1]) )
                                                                @foreach($tab[1] as $ind=>$couleur)
                                                                    @php $c++ @endphp
                                                                    <li data-page="collection-box"  data-id="{{$newcollection->id}}" data-rel="{{$ind}}" class="@if($c==1) {{'active'}} @endif"  ><div style="background-color:{{$couleur}};    height: 100%;border-radius: 100%; "></div></li>
                                                                @endforeach
                                                            @endif

                                                        </ul>
                                                    </div>

                                                </div>
                                            </div>

                                                @endforeach

                                        </div>
                                    </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    @else

    <div style="    text-align: center;
    font-size: 22px;
    color: #ccc;">Aucun produit pour le moment. </div>
    @endif
            </div>
        </div>
    </div>
</section>

@endsection