@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" aria-current="page">{!! Helper::traducteurs(8) !!}</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>
                                    {!! Helper::traducteurs(20) !!} ?
                                    <a class="Returning"    data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                       aria-expanded="true" aria-controls="collapseOne"><b><U>{!! Helper::traducteurs(21) !!}</U></b></a>

                                </h3>
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                     data-bs-parent="#accordionExample">
                                    <div class="checkout_info  mt-3">
                                        <p>{!! Helper::traducteurs(22) !!}</p>
                                        <form method="post" accept-charset="utf-8" action="{{ route('client/login') }}">
                                            @csrf
                                                <label>{!! Helper::traducteurs(23) !!}<span>*</span></label>
                                               <input type="email" name="email" required="required" id="email"/>


                                            <div class="form_group">
                                                <label>{!! Helper::traducteurs(24) !!}<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">{!! Helper::traducteurs(3) !!}</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>{!! Helper::traducteurs(25) !!}</h3>
                                </div>
                                <div class="row check-out">

                                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                        <div class="field-label">{!! Helper::traducteurs(26) !!} <span>*</span></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">{!! Helper::traducteurs(27) !!} <span>*</span></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">{!! Helper::traducteurs(28) !!} <span>*</span></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">{!! Helper::traducteurs(29) !!} <span>*</span></div>
                                        <select name="ville_id" required>
                                            <option value="0">Choisir ville</option>
                                            @foreach($villes as $ville)
                                            <option @if($ville->id==$user['ville_id']) selected @endif 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">{!! Helper::traducteurs(30) !!}  </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">{!! Helper::traducteurs(31) !!} <span>*</span></div>
                                        <input type="text" id="adresse" name="adresse" value="{{$user['adresse']}}" required>
                                    </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>


                                       {{--   @if($check_livraison==1)

                                             $check='checked';
                                            @endphp
                                            @endif--}}
                                            @if($livraison)
                                            @php $check='checked';
                                            $total+=$livraison->frais;@endphp

                                        <ul class="sub-total">

                                            <li>
                                                <div class="shipping">
                                                    <div class="shopping-option">

                                                        <input disabled  {{ $check }} type="checkbox" name="livraison" id="livraison" value="1">
                                                        <label for="free-shipping">{!! Helper::traducteurs(19) !!} ({{$livraison->frais}} <sup>{{$devise}}</sup>)</label>
                                                    </div>

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

                                        <ul class="total">
                                            <li>{!! Helper::traducteurs(6) !!} <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>
                                                        {!! Helper::traducteurs(32) !!}
                                                    </li>

                                                </ul>
                                                <div>
                                                     <div class="msgerror"></div>
                                                    <label class="checkbox">
                                                        <input type="checkbox" class="input-checkbox " name="vente"  id="check_vente"  value="1"> J’ai lu et j’accepte les  <a target="_blank" href="{{route('pages.contenu',2)}}" id="wow-modal-id-1"> conditions générales de vente </a></label>

                                                    <label class="checkbox">
                                                        <input type="checkbox" class="input-checkbox " name="conf" id="check_conf"  value="1"> J’ai lu les  <a target="_blank" href="{{route('pages.contenu',3)}}" id="wow-modal-id-1"> conditions de confidentialité </a></label>

                                                </div>

                                                <div class="checkout-title">
                                                    <h3>{!! Helper::traducteurs(33) !!}</h3>
                                                </div>
                                                <ul class="radiooption">
                                                    @if($pointendinar>0)
                                                    <li>
                                                        <div class="radio-option">
                                                            <input  class="pointfidelite"  type="checkbox" value="1" name="pointfidelite"  id="pointfidelite"    >
                                                            <label for="pointfidelite">Utilisez mon solde :  {{ number_format($pointendinar,3,'.',' ')}} <sup>{{$devise}}</sup>
                                                                <span class="small-text"> </span></label>
                                                        </div>
                                                    </li>
                                                    <li class="restemsg">

                                                    </li>
                                                    @endif
                                                    <li>
                                                        <div class="radio-option">
                                                            <input class="pay" type="radio" value="1" name="payement_mode" id="payment-1" checked="checked">
                                                            <label for="payment-1"> {!! Helper::traducteurs(34) !!}  @if($livraison)(Frais de livraison {{$livraison->frais}} <sup>{{$devise}}</sup>)@endif
                                                                <span class="small-text">{!! Helper::traducteurs(35) !!}</span></label>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="radio-option">
                                                            <input class="pay" type="radio" value="2" name="payement_mode" id="payment-2"    >
                                                            <label for="payment-2"> Paiement par carte bancaire <img src="{{asset('frontend/img/payement.png')}}" alt="">
                                                                <span class="small-text">Payer vos commandes via votre carte bancaire en toute sécurité</span></label>
                                                                <br> <br>
                                                                <div class="bodymagasin">
                                                                            <div class="checkout-title">
                                                                                <h3 style="font-size: 15px">Choisir magasin le plus proche de vous</h3>
                                                                            </div>
                                                                <ul class="magasin-option">
                                                                    @php $m=0 @endphp
                                                                    @foreach ($magasins as $magasin)
                                                                    @php $m++ @endphp
                                                                     <li>
                                                                        <div class="radio-option">
                                                                        <input  class="magasins" type="checkbox" value="{{ $magasin->id }}" name="magasin_id" id="magasin_id{{$magasin->id}}"   >

                                                                         <label for="magasin_id{{$magasin->id}}">{{ $magasin->translate($locale)->name }}  :  <span class="adrmg">{{ $magasin->translate($locale)->adresse }}</span></label>
                                                                        </div>
                                                                     </li>
                                                                    @endforeach

                                                                </ul>

                                                                        </div>
                                                            </div>
                                                        </li-->




                                                </ul>
                                            </div>


                                        </div>
                                        <div class="d-flex justify-content-between">
                                        <div class="float-start"><button type="button"  onclick="window.location.href='{{route('produits.cart')}}'" class="btn-outline btn">{!! Helper::traducteurs(36) !!}</button></div>
                                        <div class="float-end"><button   type="submit" class="btn-solid btn">{!! Helper::traducteurs(37) !!}</button></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- section end -->
<script>
    $('#formcmd').on("submit", function() {

        $('.msgerror').hide();
        var check_vente=$('#check_vente').is(':checked');
        var check_conf=$('#check_conf').is(':checked');
        if(check_vente==true && check_conf==true)
        {


        var form=$('#formcmd').serialize();
        var modep=   $(".pay:checked").val();
          //  console.log(form);
          if(modep==1 || modep==2)
          {
              var verif=0;
              if(modep==1)
              {
                if ($('#livraison').length ) {
                    if($('#livraison').is(':checked'))
                    {
                         verif=1;
                    }
                }
                else
                verif=0;

              }
              if(modep==2)
              {
                if ($('#livraison').length ) {
                    if($('#livraison').is(':checked'))
                    {
                         verif++;
                    }
                }
                if($('.magasins').is(':checked'))
                    {
                         verif++;
                    }
                    else
                    {
                        if(verif==0)
                        verif=1;
                    }

                    if(verif!=1)
                    {
                        alert('Veuillez spécifiez votre choix pour la livraison');
                    }

              }
if(verif==1)
{
        $.ajax({
            url:  ENDPOINT+'/orders/add',
            type: 'post',
            dataType: 'json',
            data: {"_token": token,data: form},
            beforeSend: function () {

            },
            success: function (data) {




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

                }
                else
               {
                   if(data.verif_stock==0)
                   {
                       window.location.href= ENDPOINT+'/produits/cart';
                   }
               }




            },

            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr.responseText);
                console.log(thrownError);
            }
        });
    }
    }
        }
        else
        {
            var htmlerror='Veuillez cocher les conditions générales de vente et conditions de confidentialité'
                     $('.msgerror').html(htmlerror);
                     $('.msgerror').show();
        }
    });
</script>
@endsection