@extends('front.layout')

@section('content')
    <script>
        $(document).ready(function () {

            $('body .error-size-box').hide();
        });
    </script>
    <script>
        $(document).ready(function () {
            $('.lable-block').hide();
        });
    </script>
    @php $tab=[] @endphp
    @foreach($produit->stocks as $stock)

            @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
<!-- breadcrumb start -->
<div class="breadcrumb-section">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="page-title">
                    <h2>{{$produit->translate($locale)->name}}</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 active" aria-current="page">{{$produit->translate($locale)->name}}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- breadcrumb End -->


<!-- section start -->
<section class="view">
    <div class="collection-wrapper">
        <div class="container">
            <div class="row detailproduits">

                <div class="col-lg-1 col-sm-2 col-xs-12">
                    <div class="row">
                        <div class="col-12 p-0 ">
                            <div class="slider-right-nav" >

                                @foreach($produit->stocks as $stk)
                                    @foreach($stk->imagedeclinaisons as $imagedec)
                                    @if($imagedec->image_couleur==1)
                                    <div><img src="{{asset('images/produits/'.$imagedec->image->image_name)}}" class="img-fluid blur-up lazyload"></div>
                                        @endif
                                       @endforeach
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-sm-10 col-xs-12 order-up ">
                    <div class="product-right-slick">
                        @php $comp=0 @endphp
                        @foreach($produit->stocks as $stk)
                            @foreach($stk->imagedeclinaisons as $imagedec)
                                @if($imagedec->image_couleur==1)

                        <div><img src="{{asset('images/produits/'.$imagedec->image->image_name)}}"  alt=""
                                  class="img-fluid blur-up lazyload image_zoom_cls-{{$comp}}"></div>
                            @php $comp++ @endphp
                                @endif
                            @endforeach
                        @endforeach

                    </div>
                </div>
                <div class="col-lg-6 rtl-text">



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

                        <h2>{{$produit->translate($locale)->name}}</h2>

                        <div class="label-section">
                            @if($produit->newcollection==1)
                            <span class="badge badge-grey-color">New</span>
                            @endif
                            <span class="label-text">{{$produit->categorieproduits[0]->Categorie->translate($locale)->name}}</span>
                        </div>
                        @if(count($promotion)==1 && $promotion[0]->fromqte==1)
                            <h3 class="price-detail">{{number_format($produit->prixttc *(1-$promotion[0]->reduction/100),3,'.',' ')}} <sup>{{$devise}}</sup> <del>{{$produit->prixttc}} <sup>{{$devise}}</sup></del><span>ÉCONOMISEZ {{$promotion[0]->reduction}}%</span></h3>
                        @else
                        <h3 class="price-detail">{{$produit->prixttc}}<sup>{{$devise}}</sup></h3>
                        @endif
                        <input type="hidden" id="promotion" value="0">
                        <input type="hidden" id="promotionqte" value="0">
                        <input type="hidden" id="prixprod" value="{{$produit->prixttc}}<sup>{{$devise}}</sup>">
                        <div class="d-none prixo">{{$produit->prixttc}}</div>
                        @if(!empty($produit->translate($locale)->description))
                            <div class="border-product">
                                <h6 class="product-title">{!! Helper::traducteurs(46) !!}</h6>
                                {!! $produit->translate($locale)->description !!}
                            </div>
                        @endif

                        <ul class="color-variant border-prod color-variants-{{$produit->id}}">
                            @php $c=0 @endphp
                            @foreach($tab[1] as $ind=>$couleur)
                                @php $c++ @endphp
                                <li   data-page="detailproduits"  data-id="{{$produit->id}}" data-rel="{{$ind}}" class="@if($c==1) {{'active'}} @endif"  ><div style="background-color:{{$couleur}};    height: 100%;border-radius: 100%; "></div></li>
                            @endforeach
                        </ul>
                        @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="selectSize" class="addeffect-section product-description ">


                            @if(count($tab_taille)>0)
                                <h6 class="product-title size-text">{!! Helper::traducteurs(40) !!}</h6>

                                <div class="size-box">
                                    <ul class="ul_taille_{{$produit->id}}">
                                        @foreach($tab_taille as $ind=>$taille)
                                            <li data-page="detailproduits" data-id="{{$produit->id}}" data-rel="{{$ind}}"><a>{{$taille}}</a></li>
                                        @endforeach
                                    </ul>
                                </div>
                                <div class="error-size-box">{!! Helper::traducteurs(40) !!}</div>
                            @endif


                            <h6 class="product-title">{!! Helper::traducteurs(45) !!}</h6>
                            <div class="qty-box">
                                <div class="input-group"><span class="input-group-prepend"><button type="button"
                                                                                                   class="btn quantity-left-minus" data-type="minus" data-field=""><i
                                                    class="ti-minus"></i></button> </span>
                                    <input id="qty{{$produit->id}}" type="text" name="quantity" class="form-control input-number classQuantitys" value="1">
                                    <span class="input-group-prepend"><button type="button"
                                                                              class="btn quantity-right-plus" data-type="plus" data-field=""><i
                                                    class="ti-plus"></i></button></span>
                                </div>
                            </div>


                                @if(count($promotion)>0)
                                    <div class="product-discounts">
                                        <p class="h6 product-discounts-title">Remise sur la quantité</p>

                                        <table class="table-product-discounts">
                                            <thead>
                                            <tr>
                                                <th>Quantité</th>
                                                <th>Remise sur prix unitaire</th>
                                                <th>Vous économisez</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($promotion as $promo)
                                                @php $percent=$produit->prixttc *$promo->fromqte  -  $produit->prixttc *(1-$promo->reduction/100)*$promo->fromqte  @endphp
                                                <tr data-discount-type="percentage" data-discount="20" data-discount-quantity="2">
                                                    <td>{{$promo->fromqte}}</td>
                                                    <td>{{$promo->reduction}} %</td>
                                                    <td>{{$percent}}&nbsp;<sup>{{$devise}}</sup></td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>

                                    </div>
                                @endif
                        </div>

                        <div class="product-buttons">
                            <a data-rel="{{$produit->type}}"  data-id="{{$produit->id}}" data-page="detailproduits" href="javascript:void(0)" class="addtocart btn btn-solid hover-solid btn-animation"><i class="fa fa-shopping-cart me-1"
                                                                                                           aria-hidden="true"></i> {!! Helper::traducteurs(70) !!}</a>

                             <a title='Ajouter au favoris' href="javascript:void(0)"  data-id="{{$produit->id}}" data-page="detailproduits"  class="heart btn btn-solid"><i   class=" ti-heart fz-16 me-2" aria-hidden="true"></i>Ajouter au favoris</a>

                                                                                                        </div>



                        <div class="border-product">
                            <h6 class="product-title">{!! Helper::traducteurs(71) !!}</h6>
                            <div class="product-icon">
                                <ul class="product-social">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        @if(count($produit->produitassocies))
                        <div class="border-product ratio_asos prod-associe">
                            <h6 class="product-title">{!! Helper::traducteurs(72) !!}</h6>
                            <div class="bundle">
                                <div class="row">
                                    @foreach($produit->produitassocies as $produit_associe)
                                        @php $img_survol='' @endphp
                                        @foreach($produit_associe->produit->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

                                        @php $tab=[] @endphp
                                        @php $price=$produit_associe->produit->prixttc;
                  $repture =1;
                                        @endphp
                                        @if($produit_associe->produit->stock>0 && $produit_associe->produit->type==1)
                                            @php $repture =0 @endphp
                                        @endif
                                        @if($produit_associe->produit->type==2)
                                            @foreach($produit_associe->produit->stocks[0]->imagedeclinaisons as $imagedec)
                                                @if($imagedec->defaut==1)
                                                    @php $img=$imagedec->image->image_name @endphp
                                                @endif
                                                @if($imagedec->survol==1)
                                                    @php $img_survol=$imagedec->image->image_name @endphp
                                                @endif
                                            @endforeach
                                            @foreach($produit_associe->produit->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 class="col-xl-3 col-md-4 col-6">
                                            <div class="product-box div-box-ass detail-{{$produit_associe->produit->id}}">
                                                <div class="img-wrapper">
                                                    @if($produit_associe->newcollection==1)
                                                        <div class="ribbon"><span>New</span></div>
                                                    @endif
                                                        <div class="lable-block lable-block-{{$produit_associe->produit->id}}"><span class="lable3 remise-{{$produit_associe->produit->id}}"></span></div>

                                                        <div class="front">
                                                        <a href="{{route('produits.show',$produit_associe->produit->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',$produit_associe->produit->id)}}"><img src="{{asset('images/produits/'.$img_survol)}}"
                                                                                                                             class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                                        </div>
                                                    @endif


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



                                                        <div class="c-quick-add c-quick-add--button c-button--add-shopping-cart--tile btn-add-tocart is-error right"   >
                                                            <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="div-box-ass" data-rel="{{$produit_associe->produit->id}}"class="w-100 select_taille_{{$produit_associe->produit->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="{{$produit_associe->produit->type}}"  data-id="{{$produit_associe->produit->id}}" class="ti-shopping-cart-disable"> </button>  </div>

                                                                @else
                                                                    <div class="{{$cls}}"> <button data-page="div-box-ass"   data-rel="{{$produit_associe->produit->type}}"  data-id="{{$produit_associe->produit->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="{{$produit_associe->produit->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',$produit_associe->produit->id)}}">

                                                        <h6>{{$produit_associe->produit->translate($locale)->name}}</h6>
                                                    </a>

                                                    <h4><span class="pricettc">{{$price}} <sup>{{$devise}}</sup></span> </h4>
                                                    <div class="d-none prixo">{{$price}}</div>

                                                    @if(isset($tab[1])>0)
                                                        <ul class="color-variant color-variants-{{$produit_associe->produit->id}}">
                                                            @php $c=0 @endphp
                                                            @foreach($tab[1] as $ind=>$couleur)
                                                                @php $c++ @endphp
                                                                <li data-page="div-box-ass"   data-id="{{$produit_associe->produit->id}}" data-rel="{{$ind}}" class="@if($c==1) {{'active'}} @endif"  ><div style="background-color:{{$couleur}};    height: 100%;border-radius: 100%; "></div></li>
                                                            @endforeach

                                                        </ul>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                    @endforeach


                                </div>

                            </div>
                        </div>
                            @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Section ends -->




<!-- product section start -->
    @if(count($categoriesProduits)>0)
<section class="section-b-space ratio_asos">
    <div class="container">
        <div class="row">
            <div class="col-12 product-related">
                <h2>{!! Helper::traducteurs(44) !!}</h2>
            </div>
        </div>
        <div class="row search-product">
            @foreach($categoriesProduits as $category)
                @php $img_survol='' @endphp
                @foreach($category->Produit->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

                @php $tab=[] @endphp
                @php $price=$category->Produit->prixttc;
                  $repture =1;
                @endphp
                @if($category->Produit->stock>0 && $category->Produit->type==1)
                    @php $repture =0 @endphp
                @endif
                @if($category->Produit->type==2)
                    @foreach($category->Produit->stocks[0]->imagedeclinaisons as $imagedec)
                        @if($imagedec->defaut==1)
                            @php $img=$imagedec->image->image_name @endphp
                        @endif
                        @if($imagedec->survol==1)
                            @php $img_survol=$imagedec->image->image_name @endphp
                        @endif
                    @endforeach
                @foreach($category->Produit->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 class="col-xl-3 col-md-4 col-6">
                <div class="product-box div-box detail-{{$category->Produit->id}}">
                    <div class="img-wrapper">
                        @if($category->Produit->newcollection==1)
                            <div class="ribbon"><span>New</span></div>
                        @endif
                            <div class="lable-block lable-block-{{$category->Produit->id}}"><span class="lable3 remise-{{$category->Produit->id}}"></span></div>

                            <div class="front">
                            <a href="{{route('produits.show',$category->Produit->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',$category->Produit->id)}}"><img src="{{asset('images/produits/'.$img_survol)}}"
                                             class="img-fluid blur-up lazyload bg-img" alt=""></a>
                        </div>
                        @endif


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



                                <div class="c-quick-add c-quick-add--button c-button--add-shopping-cart--tile btn-add-tocart is-error right"   >
                                    <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="div-box" data-rel="{{$category->Produit->id}}"class="w-100 select_taille_{{$category->Produit->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="{{$category->Produit->type}}"  data-id="{{$category->Produit->id}}" class="ti-shopping-cart-disable"> </button>  </div>

                                        @else
                                            <div class="{{$cls}}"> <button data-page="div-box"   data-rel="{{$category->Produit->type}}"  data-id="{{$category->Produit->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="{{$category->Produit->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',$category->Produit->id)}}">

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

                        </ul>
                            @endif
                    </div>
                </div>
            </div>

                          @endforeach

        </div>
    </div>
</section>
@endif
<!-- product section end -->

@endsection