@extends('front.index')

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

@section('content')

    <div class="main-content">
        <main class="bg_gray">
            <div class="container margin_30">
                <div class="page_header">
                    <div class="breadcrumbs">
                        <ul>
                            <li><a href="{{route('front.home')}}">{{trans('front.home')}}</a></li>
                            <li><a href="{{route('front.cart_view')}}">{{trans('front.carts')}}</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /page_header-->
                <form  id="formname" 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-lg-4 col-md-6">
                        <div class="step first">
                            <h3>@lang('front.dtClient')</h3>
                            <ul class="nav nav-tabs" id="tab_checkout" role="tablist">
                                <li class="nav-item"><a class="nav-link active" id="home-tab" data-bs-toggle="tab" href="#tab_1" role="tab" aria-controls="tab_1" aria-selected="true"></a></li>
                                {{--<li class="nav-item"><a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#tab_2" role="tab" aria-controls="tab_2" aria-selected="false">Login</a></li>--}}
                            </ul>
                            <div class="tab-content checkout">
                                <div class="tab-pane fade show active" id="tab_1" role="tabpanel" aria-labelledby="tab_1">
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="name" value="{{$auth->name}}"  required placeholder="@lang('front.name')">

                                    </div>
                                    <div class="form-group">
                                        <input class="form-control" type="text" name="mobile" value="{{$auth->mobile}}"  required placeholder="@lang('front.mobile')">
                                    </div>
                                    <hr>
                                    <div class="row no-gutters">
                                        <div class="col-12 form-group pr-1">
                                            <select class="form-select select2 " name="address_id" required>
                                                <option value="">{{trans('front.address')}}</option>
                                                @foreach($addressClients as $add)
                                                    <option value="{{$add->id}}" @if($add->status == 2) selected @endif >{{$add->address}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                    </div>
                                    <div class="row no-gutters">
                                        <div class="col-12 form-group pr-1">
                                            <a href="{{route('front.getAddress')}}" class=" btn btn-primary btn-xs">اضافة عنوان جديد</a>
                                        </div>

                                    </div>
                                    <hr>
                                    <div class="row no-gutters">
                                        <div class="col-12 form-group pr-1">
                                            <select class="form-select 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>

                                    <!-- /row-->
{{--                                    <div class="form-group">--}}
{{--                                        <input class="form-control" type="text" name="street" value="" required placeholder="@lang('front.street')">--}}

{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <input class="form-control" type="text" name="houseNumber" value="" required placeholder="@lang('front.houseNumber')">--}}

{{--                                    </div>--}}
{{--                                    <div class="form-group">--}}
{{--                                        <textarea class="form-control" name="address"  placeholder="@lang('front.address')">{{$auth->address}}</textarea>--}}

{{--                                    </div>--}}

                                </div>
                                <!-- /tab_1-->

                            </div>
                        </div>
                        <!-- /step-->
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="step middle payments">
                            <h3>@lang('front.payment_method')</h3>
                            <ul>
                                <li>
                                    <label class="container_radio">@lang('front.cash')<a class="info" href="#0" data-bs-toggle="modal" data-bs-target="#payments_method"></a>
                                        <input type="radio" name="payment_method" checked><span class="checkmark"></span>
                                    </label>
                                </li>

                            </ul>

                        </div>
                        <!-- /step-->
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="step last">
                            <h3>3. Order Summary</h3>
                            <div class="box_general summary">
                                <ul>
                                    @foreach($productsAddCarts as $product)
                                    <li class="clearfix"><em>@lang('front.qty')  : {{$product->quantity}} - {{ @$product->getSpecificTitle->name1}}, {{@$product->Products->name}}</em><span>@lang('front.total_price')  : {{$product->total_price}}</span></li>
                                        @endforeach
                                </ul>
                                {{--<ul>--}}
                                    {{--<li class="clearfix"><em><strong>Subtotal</strong></em><span>$450.00</span></li>--}}
                                    {{--<li class="clearfix"><em><strong>Shipping</strong></em><span>$0</span></li>--}}
                                {{--</ul>--}}
                                <div class="total clearfix">@lang('front.subtotal') <span id="total">{{$productsAddCartstotal_price}}</span></div>
                                <div class="total clearfix">@lang('front.delivery') <span id="delivery">0</span></div>
                                <div class="total clearfix">@lang('front.TotlaPrice') <span id="sumdelivery">{{$productsAddCartstotal_price}}</span></div>


                                <button class="btn_1 full-width" id="btnSubmit" type="submit">@lang('front.saveProcessing')</button>
                            </div>
                            <!-- /box_general-->
                        </div>
                        <!-- /step-->
                    </div>
                </div>
                </form>
                <!-- /row-->
            </div>
            <!-- /container-->
        </main>
        <!-- /main-->
    </div>




    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {

            $("#formname").submit(function (e) {
                $("#btnSubmit").attr("disabled", true);
                return true;
            });
        });
    </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{
                        $('#delivery').html(data.price);
                        $('#sumdelivery').html(parseFloat($('#total').html()) + data.price);
                        $('.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