@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>Check-out</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('/')}}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Check-out</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>


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

            <div class="checkout-page">
                <div class="checkout-form">
                    @if(! Auth::guard('user')->check())
                    <div class="row">
                        <div class="col-12">
                            <div class="user-actions accordion theme-accordion " id="accordionExample">
                                <h3>
                                    <i class="fa fa-file-o" aria-hidden="true"></i>
                                    Déjà client ?
                                    <a class="Returning"    data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                       aria-expanded="true" aria-controls="collapseOne"><b><U>Cliquez ici pour vous connecter</U></b></a>

                                </h3>
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                     data-bs-parent="#accordionExample">
                                    <div class="checkout_info  mt-3">
                                        <p>Si vous avez déjà acheté chez Get, veuillez saisir vos coordonnées dans les cases ci-dessous    </p>
                                        <form method="post" accept-charset="utf-8" action="{{ route('client/login') }}">
                                            @csrf
                                                <label>Email<span>*</span></label>
                                               <input type="email" name="email" required="required" id="email"/>


                                            <div class="form_group">
                                                <label>Mot de passe<span>*</span></label>

                                                <input type="password" name="password" required="required" id="password"/>

                                                <input type="hidden" name="action" id="action" value="adresse"/>
                                            </div>


                                            <div class="form_group group_3 mt-4">
                                                <button class="btn-solid" type="submit">Connexion</button>

                                            </div>


                                        </form>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    @endif
                    <form id="formcmd" onsubmit="return false">
                        @csrf
                        <div class="row mt-5" >
                            <div class="col-lg-6 col-sm-12 col-xs-12">
                                <div class="checkout-title">
                                    <h3>Billing Details</h3>
                                </div>
                                <div class="row check-out">

                                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                        <div class="field-label">Nom & prenom</div>
                                        <input type="text" name="name" value="{{$user['name']}}" required>
                                    </div>
                                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                        <div class="field-label">Téléphone</div>
                                        <input type="text" name="tel" value="{{$user['tel']}}" required>
                                    </div>
                                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                        <div class="field-label">Email Address</div>
                                        <input type="text" name="email" value="{{$user['email']}}" required>
                                    </div>
                                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                        <div class="field-label">Ville</div>
                                        <select name="ville_id" required>
                                            <option>Choisir ville</option>
                                            @foreach($villes as $ville)
                                            <option value="{{$ville->id}}">{{$ville->translate($locale)->name}}</option>

                                                @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6 col-sm-6 col-xs-12">
                                        <div class="field-label">Code postal</div>
                                        <input type="text" name="codepostal" value="{{$user['codepostal']}}" placeholder="">
                                    </div>
                                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                        <div class="field-label">Adresse</div>
                                        <input type="text" name="adresse" value="{{$user['adresse']}}" required>
                                    </div>


                                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <input type="checkbox" name="shipping-option" id="account-option"> &ensp;
                                        <label for="account-option">Create An Account?</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-sm-12 col-xs-12">
                                <div class="checkout-details">

                                    <div class="order-box">
                                        <div class="title-box">
                                            <div>Image <span  class="price">Total</span> <span  class="qte">Qte</span> <span  class="name">Produit</span></div>
                                        </div>
                                        <ul class="qty">
                                            @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
                                            <li><img  src="{{asset('images/produits/'.$img)}}"   alt="">
                                                <span class="price">{{ number_format($cart->qte * $cart->prixttc,3,'.',' ')}} <sup>{{$devise}}</sup></span>

                                                <span  class="qte">  × {{$cart->qte}}  </span>
                                                <span  class="name">
                                                         {{$name}}
                                                        @if($typep==2)
                                                        <div class="d-flex">
                                            <div class=" color-cart2" style="background-color: {{$color}}"></div>
                                            <div class="ms-2 size-cart2"><a>{{$size}}</a></div>


                                        </div>

                                                    @endif   </span>
                                            </li>
                                            @endforeach
                                        </ul>
                                        <input    type="hidden" name="livraison" id="livraison" value="{{$check_livraison}}">
                                        @if($check_livraison==1)
                                            @php $total+=$livraison->frais; @endphp
                                        <ul class="sub-total">

                                            <li>
                                                <div class="shipping">
                                                    <div class="shopping-option">
                                                        <input disabled checked type="checkbox" >
                                                        <label for="free-shipping">Avec livraison ({{$livraison->frais}} <sup>{{$devise}}</sup>)</label>
                                                    </div>

                                                </div>
                                            </li>
                                        </ul>
                                        @endif
                                        <ul class="total">
                                            <li>Total <span class="count">{{ number_format($total,3,'.',' ')}}<sup>{{$devise}}</sup></span></li>
                                        </ul>
                                    </div>
                                    <div class="payment-box">
                                        <div class="upper-box">
                                            <div class="payment-options">
                                                <ul>
                                                    <li>
                                                        Vos données personnelles seront utilisées pour le traitement de votre commande, vous accompagner au cours de votre visite du site web, et pour d’autres raisons décrites dans notre politique de confidentialité. .
                                                    </li>

                                                </ul>

                                                <div class="checkout-title">
                                                    <h3>Paiements</h3>
                                                </div>
                                                <ul>
                                                    <li>
                                                        <div class="radio-option">
                                                            <input class="pay" type="radio" value="1" name="payement_mode" id="payment-1" checked="checked">
                                                            <label for="payment-1"> Payer à la livraison
                                                                <span class="small-text">Vous payez lors de la livraison de votre commande.</span></label>
                                                        </div>
                                                    </li>


                                                </ul>
                                            </div>


                                        </div>
                                        <div class="text-end"><button   type="submit" class="btn-solid btn">Commander</button></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- section end -->
<script>
    $('#formcmd').on("submit", function() {
        var form=$('#formcmd').serialize();
            console.log(form);
        $.ajax({
            url:  ENDPOINT+'/orders/add',
            type: 'post',
            dataType: 'json',
            data: {"_token": token,data: form},
            beforeSend: function () {

            },
            success: function (data) {

                var modep=   $(".pay:checked").val();


               if(data.saved==1)
                {
                    if(modep==1)
                    {
                        window.location.href= ENDPOINT+'/orders/valider';
                    }
                    if(modep==2)
                    {

                    }

                }




            },

            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr.responseText);
                console.log(thrownError);
            }
        });

    });
</script>
@endsection