@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>{!! Helper::traducteurs(8) !!}</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">{!! Helper::traducteurs(8) !!}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb End -->


    <!--section start-->
    <section class="cart-section section-b-space">
        <div class="container-fluid containershop ">

            @if(count($carts)>0)
            <div class="row">
                @if(!empty($sess_order_id))
                <div class="col-sm-12">
                    <div class="cart_counter alert alert-info">
                        <div class="">
                            Vous êtes entrain de modifier la commande N°<span >{{$order->number}}</span>
                        </div>
                        <a href="{{route('orders.cancel')}}" class="cart_checkout btn btn-solid btn-xs">Annuler modification</a>
                    </div>
                </div>
                @endif

                <form method="post" action="{{route('produits.checkout')}}" id="form-cart" >
                    @csrf
                <div class="col-sm-12 table-responsive-xs ">
                    <table class="table cart-table">
                        <thead>
                        <tr class="table-head">
                            <th scope="col">{!! Helper::traducteurs(10) !!}</th>
                            <th scope="col">{!! Helper::traducteurs(11) !!}</th>
                            <th scope="col">{!! Helper::traducteurs(12) !!}</th>
                            <th scope="col">{!! Helper::traducteurs(13) !!}</th>
                            <th scope="col">{!! Helper::traducteurs(14) !!}</th>
                            <th scope="col">{!! Helper::traducteurs(6) !!}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php $total=0 ;
                        $verif_stock=1;
                        @endphp
                        @foreach($carts as $cart)


                                @php $tab=[] @endphp

                                @php $total+=$cart->qte * $cart->prixttc @endphp
                                @php $typep=2 @endphp
                                @if(!empty($cart->produit_id))
                                    @php $typep=1; $produit_id=$cart->produit_id;
                                    $stock=$produit->stock;
                                    @endphp
                                @endif

                                @if($typep==2)


                                    @php $name=$cart->stock->produit->name ;
                                      $stock=$cart->stock->stock;
                                     $produit_id=$cart->stock->produit_id;@endphp
                                    @php $img=$cart->stock->imagedeclinaisons[0]->image->image_name @endphp
                                @else
                                    @php $name=$cart->produit->name @endphp
                                    @foreach($cart->produit->images as $image)
                                        @if($image->defaut==1)
                                            @php $img=$image->image_name @endphp
                                        @endif
                                    @endforeach
                                @endif
                            @php $tab=[] @endphp
                            @if($typep==2)

                                @foreach($cart->stock->declinaisons as $declinaison)
                                    @php $price=$cart->stock->prixttc @endphp
                                    @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

                                @php $color=''; $id_color=0; @endphp
                                @php $size=''; $id_size=0; @endphp
                                @foreach($tab[1] as $ind=>$couleur)
                                    @php $color=$couleur @endphp
                                    @php $id_color=$ind @endphp
                                @endforeach
                                @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
                                @foreach($tab_taille as $ind=>$taille)
                                    @php $size=$taille @endphp
                                    @php $id_size=$ind @endphp
                                @endforeach
                                @endif

                                @if($cart->qte>$stock)
                                  @php  $verif_stock=0; @endphp
                                    @endif
                        <tr style="@if($cart->qte>$stock) background:#fff3f3  @endif" class="itemcart{{$cart->id}}  ligne_p{{$cart->id}}">
                            <td>
                                <a href="#"><img  src="{{asset('images/produits/'.$img)}}" alt=""></a>
                                <div class="d-none prixo">{{$price}}</div>
                            </td>
                            <td><a href="#">{{$name}}</a>
                                <div class="mobile-cart-content row">
                                    <div class="col">
                                        <div class="qty-box d-flex justify-content-center">
                                            <div class="  input-group me-2">
                                                <span class="input-group-prepend"><button id="{{$cart->id}}" data-rel="{{$typep}}" data-page="cart" type="button"  data-id="{{$produit_id}}" data-value="1"  class="classProductQuantity btn quantity-left-minus" data-type="minus"  ><i class="ti-minus"></i></button> </span>
                                                <input type="text"   name="quantity" class="classProductQuantity qty{{$cart->id}} form-control input-number"   value="{{$cart->qte}}" id="{{$cart->id}}" data-rel="{{$typep}}" data-page="cart"  data-id="{{$produit_id}}" data-type="update"   >
                                                <span class="input-group-prepend"><button id="{{$cart->id}}" data-rel="{{$typep}}" data-page="cart" type="button" data-id="{{$produit_id}}" data-value="1" class="classProductQuantity btn quantity-right-plus" data-type="plus"  ><i class="ti-plus"></i></button></span>
                                            </div>
                                            @if($typep==2)
                                                <div class="d-flex justify-content-center align-items-center">
                                                    <div class=" color-cart2" style="background-color: {{$color}}"></div>
                                                    <div class="ms-2 size-cart2"><a>{{$size}}</a></div>
                                                    <input type="hidden" class="color-{{$cart->id}}" value="{{$id_color}}" >
                                                    <input type="hidden"  class="size-{{$cart->id}}" value="{{$id_size}}"  >
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col tdprice">
                                        <h2 class="td-color">{{$cart->prixttc}} <sup>{{$devise}}</sup></h2>
                                    </div>
                                    <div class="col">
                                        <h2 class="td-color"><a href="#" class="icon"><i class="ti-close"></i></a>
                                        </h2>
                                    </div>
                                </div>
                            </td>
                            <td nowrap  class="tdprice">
                                <h2>
                                    @if($cart->promo==0)
                                    {{$cart->prixttc}}
                                    <sup>{{$devise}}</sup>
                                        @else
                                        {{$cart->prixttc}}
                                        <sup>{{$devise}}</sup>
                                        <del> {{$price}}
                                            <sup>{{$devise}}</sup></del>

                                    @endif
                                </h2>
                            </td>
                            <td nowrap >
                                <div class="qty-box d-flex justify-content-center">
                                    <div class="  input-group me-2">
                                        <span class="input-group-prepend"><button id="{{$cart->id}}" data-rel="{{$typep}}" data-page="cart" type="button"  data-id="{{$produit_id}}" data-value="1"  class="classProductQuantity btn quantity-left-minus" data-type="minus" data-field=""><i class="ti-minus"></i></button> </span>
                                        <input type="text"  name="quantity" class="classQuantity qty{{$cart->id}} form-control input-number"   value="{{$cart->qte}}" id="{{$cart->id}}" data-rel="{{$typep}}" data-page="cart"    data-id="{{$produit_id}}" data-value="1" data-type="update" >
                                        <span class="input-group-prepend"><button id="{{$cart->id}}" data-rel="{{$typep}}" data-page="cart" type="button" data-id="{{$produit_id}}" data-value="1" class="classProductQuantity btn quantity-right-plus" data-type="plus" data-field=""><i class="ti-plus"></i></button></span>
                                    </div>
                                    @if($typep==2)
                                        <div class="d-flex justify-content-center align-items-center">
                                            <div class=" color-cart2" style="background-color: {{$color}}"></div>
                                            <div class="ms-2 size-cart2"><a>{{$size}}</a></div>
                                            <input type="hidden" class="color-{{$cart->id}}" value="{{$id_color}}" >
                                            <input  type="hidden" class="size-{{$cart->id}}" value="{{$id_size}}"  >

                                        </div>
                                    @endif

                                </div>
                                <div class="repturestock-{{$cart->id}}">
                                    @if($cart->qte>$stock) {!! Helper::traducteurs(15) !!} @endif
                                </div>
                            </td>
                            <td style="min-width: 82px;" class="action"><a href="#" onclick="removecart({{$cart->id}})" class="icon text-danger"><i class="font-20 fa fa-trash-o"></i></a></td>
                            <td class="">
                                <h2 class="td-color "><span class="price_tr">{{ number_format($cart->qte * $cart->prixttc,3,'.',' ')}}  <sup>{{$devise}}</sup></span></h2>
                            </td>
                        </tr>
                            @endforeach
                        </tbody>

                    </table>
                    <div class="table-responsive-md">
                        <table class="table cart-table ">
                            <tfoot>

                                @php $cls='invisible';$frais=0; @endphp
                            @if($livraison)
                                @php $cls='visible';$frais=$livraison->frais;  @endphp
                            @endif
                            <!--tr class="blocliv {{$cls}}" >
                                <td style="    padding-right: 114px;" colspan="2"><input type="checkbox" value="1" name="livraison"   id="livraison"  class="livraison" > {!! Helper::traducteurs(19) !!} (<span class="pricefrais">{{ number_format($frais,3,'.',' ')}}</span> <sup>{{$devise}}</sup>)
                                <input type="hidden" id="livfrais" value="{{$frais}}">
                                </td>

                            </tr-->
                            <tr>
                                <td>{!! Helper::traducteurs(6) !!} : </td>
                                <td>
                                    <h2><span class="subtotal">{{ number_format($total,3,'.',' ')}}</span> <sup>{{$devise}}</sup></h2>
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                </form>
            </div>
            <div class="row cart-buttons">
                <div class="col-6"><a href="{{url('/')}}" class="btn btn-solid">{!! Helper::traducteurs(16) !!}</a></div>
                <div class="col-6"><a href="javascript:;" @if($verif_stock==1) onclick="$('#form-cart').submit();" @endif class="btncheckout btn btn-solid">{!! Helper::traducteurs(17) !!}</a></div>
            </div>
                @else
                <div class="row">
                <p class="cart-empty">{!! Helper::traducteurs(18) !!}</p>
                </div>
                @endif
        </div>
    </section>

@endsection