@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>cart</h2>
                    </div>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active">cart</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb End -->


    <!--section start-->
    <section class="cart-section section-b-space">
        <div class="container  ">
            @if(count($carts)>0)
            <div class="row">
                <form method="post" action="{{route('produits.checkout')}}" id="form-cart" >
                    @csrf
                <div class="col-sm-12 table-responsive-xs containershop">
                    <table class="table cart-table">
                        <thead>
                        <tr class="table-head">
                            <th scope="col">Impage</th>
                            <th scope="col">Produit</th>
                            <th scope="col">Prix</th>
                            <th scope="col">Qte</th>
                            <th scope="col">Action</th>
                            <th scope="col">Total</th>
                        </tr>
                        </thead>
                        <tbody>
                        @php $total=0 @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; @endphp
                                @endif
                                @if($typep==2)
                                    @php $name=$cart->stock->produit->name ; $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  $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
                        <tr class="itemcart{{$cart->id}}  ligne_p{{$cart->id}}">
                            <td>
                                <a href="#"><img  src="{{asset('images/produits/'.$img)}}" alt=""></a>
                            </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" data-field=""><i class="ti-minus"></i></button> </span>
                                                <input type="text"   name="quantity" class="qty{{$cart->id}} form-control input-number"   value="{{$cart->qte}}">
                                                <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>
                                    <div class="col">
                                        <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>
                                <h2>{{$cart->prixttc}} <sup>{{$devise}}</sup></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="qty{{$cart->id}} form-control input-number"   value="{{$cart->qte}}">
                                        <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>
                            </td>
                            <td class="action"><a href="#" onclick="removecart({{$cart->id}})" class="icon text-danger"><i class="font-20 fa fa-trash-o"></i></a></td>
                            <td>
                                <h2 class="td-color "><span class="price_tr">{{ number_format($cart->qte * $cart->prixttc,3,'.',' ')}}</span>  <sup>{{$devise}}</sup></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" > Avec livraison (<span class="pricefrais">{{ number_format($frais,3,'.',' ')}}</span> <sup>{{$devise}}</sup>)
                                <input type="hidden" id="livfrais" value="{{$frais}}">
                                </td>

                            </tr>
                            <tr>
                                <td>Total : </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">continue shopping</a></div>
                <div class="col-6"><a href="javascript:;" onclick="$('#form-cart').submit();" class="btn btn-solid">check out</a></div>
            </div>
                @else
                <div class="row">
                <p class="cart-empty">Votre panier est actuellement vide.</p>
                </div>
                @endif
        </div>
    </section>

@endsection