@extends('front.index')

@section('meta_title'){{@$auth->name}}  @endsection
@section('meta_des'){{@$auth->name}}   @endsection
@section('meta_key'){{@$auth->name}}   @endsection

@section('content')
    {{--    <section class="map-back">--}}
    {{--        <div class="container">--}}
    {{--            <h1 class="title">الدفع</h1>--}}
    {{--            <ul class="maplink">--}}
    {{--                <li> <a href="index.html">الرئيسية</a></li>--}}
    {{--                <li> <a href="card.html">سلة المشتريات  </a></li>--}}
    {{--                <li>الدفع </li>--}}
    {{--            </ul>--}}
    {{--        </div>--}}
    {{--    </section>--}}
    <section class="shipping">
        <div class="container">
            {{--            <div class="alert alert-danger"><i class="fa fa-exclamation-triangle"></i>  إذا كنت لا تملك حساب، <a class="logincard" href="login.html">قم بتسجيل دخولك الآن </a> </div>--}}
            <form action="{{route('front.cart.proceedToCheckOutDataSave')}}" method="post" autocomplete="off">
                <input type="hidden" name="order_id" value="{{$order->id}}">
                {!! csrf_field() !!}
                <div class="row">
                    <div class="col-sm-8 boxcard">
                        <div class="datacard">
                            <h3 class="titlebold">@lang('front.dtClient')</h3>
                            <div class="row">

                                <div class="col-sm-12 inpudata">
                                    <label>@lang('front.name')<em>*</em></label>
                                    <input class="form-control" type="text" name="name" value="{{$auth->name}}"  required placeholder="@lang('front.name')">
                                </div>
                                <div class="col-sm-12 inpudata">
                                    <label>@lang('front.mobile') <em>*</em></label>
                                    <input class="form-control" type="text" name="mobile" value="{{$auth->mobile}}"  required placeholder="@lang('front.mobile')">
                                </div>

                                <div class="col-sm-4 inpudata">
                                    <label>@lang('front.city') <em>*</em></label><i class="fas fa-home"></i>
                                    <select class="form-control select2 mainAreas" name="city" required>
                                        <option value="">@lang('front.city')</option>
                                        @foreach($citys as $city)
                                            <option value="{{$city->id}}" data-id="{{$city->price_shipping}}">{{$city->name}}</option>
                                        @endforeach
                                    </select>

                                </div>

                                <div class="col-sm-4 inpudata">
                                    <label>@lang('front.street') <em>*</em></label>
                                    <input class="form-control" type="text" name="street" value="" required placeholder="@lang('front.street')">

                                </div>
                                <div class="col-sm-4 inpudata">
                                    <label>@lang('front.houseNumber') <em>*</em></label>
                                    <input class="form-control" type="text" name="houseNumber" value="" required placeholder="@lang('front.houseNumber')">
                                </div>
                                <input  type="hidden" value="0" id="discount_apply">

                                <div class="col-sm-12 inpudata">
                                    <label>@lang('front.address') <em>*</em>   </label>
                                    <textarea class="form-control" name="address"  placeholder="@lang('front.address')">{{$auth->address}}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="datacard">
                            <h3 class="titlebold"> @lang('front.payment_method')</h3>
                            {{--                            <p class="text">@lang('front.payment_method')</p>--}}
                            {{--                            <div class="shoping"> --}}
                            {{--                                <img src="{{asset('assets')}}/images/shoping.png" alt="orbit star" title="orbit star">--}}
                            {{--                            </div>--}}
                            {{--                            <label class="che-box m-bank">--}}
                            {{--                                <input type="radio" name="radio"><span class="label-text">الدفع عن طريق البنك</span>--}}
                            {{--                            </label>--}}
                            <label class="che-box m-cash">
                                <input type="radio" name="payment_method" checked><span class="label-text">@lang('front.cash')</span>
                            </label>
                            <div class="hidebank">
                                <div class="row">
                                    <div class="col-sm-6 inpudata">
                                        <label>اسم حامل البطاقة <em>*</em></label>
                                        <input class="form-control" type="text" name="" placeholder="">
                                    </div>
                                    <div class="col-sm-6 inpudata">
                                        <label>رقم بطاقة الخصم / الائتمان <em>*</em></label>
                                        <input class="form-control" type="text" name="" placeholder="">
                                    </div>
                                    <div class="col-sm-6 inpudata">
                                        <label>تاريخ إنتهاء الصلاحية <em>*</em></label>
                                        <input class="form-control calendar" type="text" name="" placeholder="">
                                    </div>
                                    <div class="col-sm-6 inpudata">
                                        <label>رمز الحماية <em>*</em></label>
                                        <input class="form-control" type="password" name="" placeholder="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 boxcard">
                        <div class="feacard">
                            <div class="feacard">
                                <h3 class="titlebold"> @lang('front.cobone')</h3>
                                <div id="coponmessage">

                                </div>
                                <form id="formId" method="post" action="#">
                                    @CSRF
                                    <input class="form-control" type="text"  id="codeCopone" name="codeobone" placeholder=" @lang('front.code')">
                                    <button class="bottom " id="comment" onClick='submitDetailsForm()'   type="button"> @lang('front.savecobone')</button>
                                </form>
                                <div class="Okk" >

                                </div>

                            </div>

                            <h3 class="titlebold">@lang('front.dtProduct')</h3>
                            @foreach($productsAddCarts as $product)

                                <div class="photo"> <img src="{{@$product->Products->image}}" alt="{{@$product->Products->name}}" title="{{@$product->Products->name}}"></div>
                                <div class="textcontant">
                                    <h4>{{@$product->Products->name}}
                                        @if($product->item_color)
                                            -{{$product->item_color->name}}
                                        @else
                                        @endif
                                        @if($product->item_size)
                                            -{{$product->item_size->name}}
                                        @else
                                        @endif



                                    </h4>
                                    <div class="price"><span>@lang('front.qty')  : {{$product->quantity}} </span> <span>@lang('front.price')  : {{$product->price}} </span></div>

                                    <div class="price"><span>@lang('front.total_price')  : {{$product->total_price}} </span></div>
                                </div>
                                </hr>
                            @endforeach
                            <ul class="product-spec mt-3">

                            </ul>
                            <ul class="product-spec mt-3">
                                <li>@lang('front.TotlaPrice')     <span >{{$productsAddCartstotal_price}}</span></li>
                                <li>@lang('front.dicountCoupone')     <span class="shippitngss" atr_total=0 >0</span></li>
                                <li>@lang('front.price_delavary')     <span  class="subAreas">0</span></li>
                                <li>@lang('front.dtPrice')     <span class="base-color subArease" total={{$productsAddCartstotal_price}}>{{$productsAddCartstotal_price}}</span></li>

                            </ul>


                            <button class="bottom" type="submit">@lang('front.saveProcessing')</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            $(document).on("change",".mainAreas",function(){


                var price = $(".mainAreas option:selected").attr('data-id');
                var dataid = $(".mainAreas option:selected").attr('value');

                $.get("{{route('front.cart.getPriceShiping',['city_id='])}}"+ dataid, function(data){

                    if(dataid == ''){
                        $('.subAreas').html(0);
                        $('.subArease').html($('.subArease').attr('total'));
                    }else{

                        $('.subAreas').html(price);
                        var total = parseInt($('.subArease').attr('total'))+parseInt(price);

                        $('.subArease').html(total );
                        $('.subArease').attr('total',total);

                    }



                });


            });
        });

    </script>
    <script language="javascript" type="text/javascript">
        function submitDetailsForm() {
            var code = $('#codeCopone').val();

            $.get("{{route('front.cart.getCoupone',['code_id='])}}"+ code, function(html){

                if(code != $('#discount_apply').val() ){
                    if (html.discount !=0){
                        $('.shippitngss').html(html.discount);
                        var dis = parseInt($('.subArease').attr('total'))-parseInt(html.discount);
                        $('.subArease').attr('total',dis);
                        $('.subArease').html(dis);
                        $('.shippitngss').attr('atr_total',html.discount)
                        $('#discount_apply').val(code);


                    }else {
                        var dis = parseInt($('.subArease').attr('total'))+parseInt($('.shippitngss').attr('atr_total'));
                        $('.subArease').attr('total',dis);
                        $('.subArease').html(dis);
                        $('.shippitngss').html(html.discount);

                        $('.shippitngss').attr('atr_total',html.discount)
                        $('#discount_apply').val("");

                    }
                }else{
                    //alert("الكود مستخدم من قبل");
                }

                $('.Okk').html(html.error );
            });


            $("#formId").submit();
        }
    </script>
@endsection