@php


    $customer_details=$data['customer_details'];
    $country_list=$data['country_list'];
    $shpaddres=$data["shpaddres"];
    $shipping_charge=$data["shipping_charge"];
    $offer_exist_in_cart=false;
    $cart_products=$data['cart_products']['product_array'];
    $product_grand_total=0;
    $product_grand_total_with_discount=0;
    $out_fit_ids=array();
    $inactive_product_count=0;
    $inactive_product_array=array();
    $appendcheck=$data['appendarray'];
@endphp
@extends('layouts.user-inner')
  @section('content')  
   <!-- Ec breadcrumb start -->
   <div class="sticky-header-next-sec  ec-breadcrumb">
       <div class="container">
           <div class="row">
               <div class="col-12">
                   <div class="row ec_breadcrumb_inner">
                       <div class="col-md-12 col-sm-12">
                           <!-- ec-breadcrumb-list start -->
                           <ul class="ec-breadcrumb-list">
                               <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                               <li class="ec-breadcrumb-item active">Checkout</li>
                           </ul>
                           <!-- ec-breadcrumb-list end -->
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- Ec breadcrumb end -->



    <!-- Ec checkout page -->
    <section class="ec-page-content section-space-p">
        <div class="container">
            <div class="row">
                <div class="ec-checkout-leftside col-lg-8 col-md-12 ">
                    <!-- checkout content Start -->
                    <div class="ec-checkout-content">
                        <div class="ec-checkout-inner">
                           
                            <div class="ec-checkout-wrap">
                                <div class="ec-checkout-block ec-check-bill" id="ec-checkout-block">
                                    <h4 class="ec-checkout-title">Enter Billing Address</h4>
                                    <div class="ec-bl-block-content">
                                       
                                        <div class="ec-check-bill-form">
                                            <form action="/add_shipping_address" method="post">
                                                @csrf
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>First Name</label>
                                                    <input pattern="[a-zA-Z]+" type="text" class="disable_clicked" id="shp_u_name" required name="shp_u_name" @if(Session::has('buy_as_guest')) value="" @else value="{{ $customer_details->u_name }}" @endif/>
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Last Name</label>
                                                    <input pattern="[a-zA-Z]+" type="text" class="disable_clicked" id="shp_u_lname" required name="shp_u_lname" @if(Session::has('buy_as_guest')) value="" @else value="{{ $customer_details->u_lname }}" @endif/>
                                                </span>
                                            @if(Session::has('buy_as_guest'))
                                            <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Street Number & Name</label>
                                                    <input type="text" class="disable_clicked" id="shp_u_adds" required name="shp_u_adds"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Zone</label>
                                                    <input type="text" class="disable_clicked" id="shp_u_adds_2" required name="shp_u_adds_2"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Building Number</label>
                                                    <input class="disable_clicked" id="shp_u_city" type="text" required name="shp_u_city"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Flat/Room Number</label>
                                                    <input class="disable_clicked" id="shp_u_province" type="text" name="shp_u_province"  />
                                                </span>
                                            @else
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Address Line 1</label>
                                                    <input type="text" class="disable_clicked" id="shp_u_adds" required name="shp_u_adds"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Address Line 2</label>
                                                    <input type="text" class="disable_clicked" id="shp_u_adds_2" required name="shp_u_adds_2"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Country</label>
                                                    <span class="ec-bl-select-inner">
                                                        <select name="shp_u_country" class="disable_clicked" required id="ec-select-country"
                                                            class="ec-bill-select">
                                                            <option value="0">Select Country</option>
                                        @foreach($country_list as $clist)
                                        <option value="{{ $clist->country_id }}">{{ $clist->country_name }}</option>
                                        @endforeach
                                                        </select>
                                                    </span>
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>City</label>
                                                    <input class="disable_clicked" id="shp_u_city" type="text" required name="shp_u_city"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>State Or Province (Optional)</label>
                                                    <input class="disable_clicked" id="shp_u_province" type="text" name="shp_u_province"  />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Post Code</label>
                                                    <input class="disable_clicked" id="shp_u_pobox" type="text" required name="shp_u_pobox"  />
                                                </span>
                                                @endif
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Phone Number</label>
                                                    <input class="disable_clicked" id="shp_u_contact" type="tel" pattern="[0-9]{8}" minlength="8" maxlength="8" required name="shp_u_contact" @if(Session::has('buy_as_guest')) value="" @else value="{{ $customer_details->u_contact }}" @endif/>
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Email</label>
                                                    <input class="disable_clicked" id="shp_u_email" type="email" required name="shp_u_email" @if(Session::has('buy_as_guest')) value="" @else value="{{ $customer_details->u_email }}" @endif />
                                                </span>
                                                <button type="submit" id="save_btn" style="display: none;"></button>
                                            @if(Session::has('buy_as_guest'))
                                            <div></div>
                                            @else
                                                <div class="checkout-checkbox">
                                <span class="ec-pay-agree">
                                    <input style="width: auto;" type="checkbox" name="primary_set" value="1">
                                 <span class="text-checkbox">   Save as primary address    </span>                            
                                    </span>
                                
                                <span class="checked"></span>
                            </div>
                            @endif
                                            </form>
                                        </div>

                                    </div>
                                </div>

                            </div>
                            
                            <span class="ec-check-order-btn">
                               <a class="btn btn-primary" href="javascript:void(0);" onclick="location.reload();">Cancel</a>
                               @if(Session::has('buy_as_guest'))
                               <button class="btn btn-primary" onclick="save_address_to_checkout()">Save</button>
                               @else
                               <button class="btn btn-primary" onclick="$('#save_btn').trigger('click')">Save</button>
                               @endif
                            </span>
                        </div>
                    </div>
                    <!--cart content End -->
                </div>
                <!-- Sidebar Area Start -->
                <div class="ec-checkout-rightside col-lg-4 col-md-12 col-12">
                    <div class="ec-sidebar-wrap">
                        <!-- Sidebar Summary Block -->
                        <div class="ec-sidebar-block">
                            <div class="ec-sb-title">
                                <h3 class="ec-sidebar-title">Order Summary</h3>
                            </div>
                            <div class="order-summary-block">
                                @foreach ($cart_products as $cart_product) 
                                <div class="row">
                                    <div class="col-lg-3 col-md-3 col-3">
                                        <img src="/uploads/product_img_580x800/{{$cart_product['product_image']}}">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-6 names">
                                        <span class="name">{{$cart_product['product_name']}}</span>
                                        <span class="name-1">{{$cart_product['product_size_name']}}</span>
                                        <span class="name-1">{{$cart_product['product_color']}}</span>
                                    </div>
                                    <div class="col-lg-3 col-md-3 col-3 names">
                                        @php
                                $product_price=$cart_product['product_price'];
                                $product_quantity=$cart_product['product_quantity'];
                                $product_total_price= $product_price*$product_quantity;
                                $product_grand_total=$product_grand_total+$product_total_price;
                            @endphp
                                    <!-- ////////////////////Offer Price Showing /////////// -->
                            @php
                                     
                            @endphp
                               @if($cart_product['offer_datas'])
                                    @php
                                        $offer_exist_in_cart=true;
                                        $offer_details=$cart_product['offer_datas'];
                                        $offer_price=$offer_details['product_offer_amount']*$product_quantity;
                                        $offer_percentage=$offer_details['product_offer_percentage'];
                                        $product_grand_total_with_discount=$product_grand_total_with_discount+$offer_price;
                                    @endphp 
                                        <span class="name">QAR {{number_format($offer_price, 2, '.', '')}}</span>
                                        @else
                                        <span class="name">QAR {{number_format($product_total_price, 2, '.', '')}}</span>
                                        @php
                                        $product_grand_total_with_discount=$product_grand_total_with_discount+$product_total_price;
                                    @endphp
                                @endif
                                        <span class="name-1">QTY : {{$cart_product['product_quantity']}}</span>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            <div class="ec-sb-block-content">
                                <div class="ec-checkout-summary">
                                    <div>
                                        <span class="text-left">Subtotal</span>
                                        <span class="text-right">QAR {{number_format($product_grand_total, 2, '.', '')}}</span>
                                    </div>
                                    <div>
                                        <span class="text-left">Discount</span>
                                        <span class="text-right">QAR @if($offer_exist_in_cart==true) {{number_format($product_grand_total - $product_grand_total_with_discount, 2, '.', '')}} @else{{number_format(00, 2, '.', '')}}@endif</span>
                                    </div>
                                                                        @if($shipping_charge!="")
                                                                        <div>
                                        <span class="text-left">Shipping Charge</span>
                                        <span class="text-right">QAR {{number_format($shipping_charge->shipping_charge, 2, '.', '')}}</span>
                                    </div>
                                    @endif
                                    
                                                                   
                                    <div class="ec-checkout-summary-total">
                                        <span class="text-left">Total Amount</span>
                                        <span class="text-right">QAR {{number_format($product_grand_total_with_shipping, 2, '.', '')}}</span>
                                    </div>


                                    <div class="ec-checkout-summary-total">
                                        <span class="text-left"><input style="height:auto;" type="radio" checked> &nbsp;Cash On Delivery</span>
                                    </div>
                                  
                                       <div class="checkout-box">
                                        <form action="/payment" method="post" style="width: 100%;">
                                            @csrf
                                            
                                            @if(Session::has('buy_as_guest'))
                                            <input type="hidden" name="new_shp_u_name" id="new_shp_u_name" required>
                                            <input type="hidden" name="new_shp_u_lname" id="new_shp_u_lname" required>
                                            <input type="hidden" name="new_shp_u_adds" id="new_shp_u_adds">
                                            <input type="hidden" name="new_shp_u_adds_2" id="new_shp_u_adds_2" required>
                                            <input type="hidden" name="new_shp_u_city" id="new_shp_u_city" required>
                                            <input type="hidden" name="new_shp_u_province" id="new_shp_u_province" required>
                                            <input type="hidden" name="new_shp_u_pobox" id="new_shp_u_pobox" required>
                                            <input type="hidden" name="new_shp_u_contact" id="new_shp_u_contact" required>
                                            <input type="hidden" name="new_shp_u_email" id="new_shp_u_email" required>
                                            <input type="hidden" name="new_ec_select_country" id="new_ec_select_country" required>
                                            @else
                                            <input type="hidden" name="shipp_addr_id" id="shipp_addr_id" value="0" name="">
                                            @endif
                                        <button type="submit" id="triggersubmitpayment" style="display:none;" class="btn btn-primary mt-3">Proceed</button>
                                        <a href="javascript:void(0);" onclick="checkdatafn()" class="btn btn-primary mt-3">Checkout Now</a>
                                    </form>
                                       </div>
                                      
                                     </span>
                                </div>
                             
                            </div>
                        </div>
                        <!-- Sidebar Summary Block -->
                    </div>
               
                </div>
            </div>
        </div>
    </section>
    <!--choose billing address-->
    @if(Session::has('buy_as_guest'))
    {{ '' }}
    @else
    <section class="billing-address section-space-p">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12 text-center">
                    <h4>Choose a Billing Address</h4>
                </div>
                @if(count($shpaddres)>0)
               <div class=" row p-6" >
                                @foreach($shpaddres as $address)
                                <div class="col-lg-3">
                    <div class="billing-address-box">
                        <div class="d-flex" style="align-items: center;justify-content: space-between;">
                            
                            <label for="account1">Address {{$addr_i}}</label>
                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#ship_add_edit_modal" onclick="shp_edt_addr_fn({{ $address->address_id }})"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                        </div>
                            
                        <div class="content">
                            <span>{{$address->shp_u_name." ".$address->shp_u_lname}}</span><br>
                            <span>@if($address->shp_u_adds == "" && $address->shp_u_adds_2 == "") {{ 'N/A' }} @else{{ $address->shp_u_adds.", ".$address->shp_u_adds_2.", ".$address->shp_u_city.", " }}@if($address->shp_u_province !=""){{ $address->shp_u_province.", " }} @endif @if($address->shp_u_country != 0){{ $address->country_pro->country_name }}@endif @endif</span>
                        </div>
                        <div>
                            <span class="ec-check-order-btn">
                                @if($address->shp_primary_stat == 1)
                                <a class="btn btn-primary foractive csn-active" href="#">Selected</a>
                                <script type="text/javascript">
                                    document.getElementById("shipp_addr_id").value={{$address->address_id}};
                                </script>
                                @else
                                <a onclick="selectaddres({{$address->address_id}})" id="addressval{{$address->address_id}}" class="btn btn-primary foractive" href="javascript:void(0);">Use This Address</a>
                                @endif
                                </span>
                        </div>
                    </div>
                </div>
                @endforeach
                @else
                <div class="col-lg-12 text-center">
                    <a class="btn btn-primary" href="/profile?address">Add Address</a>
                </div>
                @endif
               </div>
            </div>
        </div>
    </section>
    @endif


@if(Session::has('CheckError'))
<script type="text/javascript">
    swal("Unable to checkout!","Something went wrong! please try after some time.","error");
</script>
@endif


    <script type="text/javascript">
        function checkdatafn(){
            
            var shipp_addr_id = $("#shipp_addr_id").val();
            if(typeof shipp_addr_id === 'undefined')
            {
                var new_shp_u_name = $("#new_shp_u_name").val();
                if(new_shp_u_name!=""){
                    $("#triggersubmitpayment").trigger('click');
                }
                else{
                    $('#save_btn').trigger('click');
                }
            }
            else
            {
                if(shipp_addr_id == 0){
                    swal("Error","You haven't selected a address","error");
                }
                else{
                    $("#triggersubmitpayment").trigger('click');
                }
            }
        }
    </script>

    <script type="text/javascript">
        function selectaddres(argument)
        {
            document.getElementById('shipp_addr_id').value=argument;
            swal('Address Selected','Shippment will be delivered on this address','success');
            $(".foractive").removeClass("csn-active");
            $(".foractive").text("Use This Address");
            $("#addressval"+argument).addClass("csn-active");
            $("#addressval"+argument).text("Selected");
        }
    </script>
    
    <script>
        function save_address_to_checkout(){
            var shp_u_name=$('#shp_u_name').val();
            var shp_u_lname=$('#shp_u_lname').val();
            var shp_u_adds=$('#shp_u_adds').val();
            var shp_u_adds_2=$('#shp_u_adds_2').val();
            var shp_u_city=$('#shp_u_city').val();
            var shp_u_province=$('#shp_u_province').val();
            var shp_u_pobox=$('#shp_u_pobox').val();
            var shp_u_contact=$('#shp_u_contact').val();
            var shp_u_email=$('#shp_u_email').val();
            var ec_select_country=$('#ec_select_country').val();
            if(shp_u_name=="" || shp_u_lname=="" || shp_u_adds=="" || shp_u_adds_2=="" || shp_u_city=="" || shp_u_pobox=="" || shp_u_contact=="" || shp_u_email=="")
            {
                $('#save_btn').trigger('click');
            }
            else{
                $("#new_shp_u_name").val(shp_u_name);
                $("#new_shp_u_lname").val(shp_u_lname);
                $("#new_shp_u_adds").val(shp_u_adds);
                $("#new_shp_u_adds_2").val(shp_u_adds_2);
                $("#new_shp_u_city").val(shp_u_city);
                $("#new_shp_u_province").val(shp_u_province);
                $("#new_shp_u_pobox").val(shp_u_pobox);
                $("#new_shp_u_contact").val(shp_u_contact);
                $("#new_shp_u_email").val(shp_u_email);
                $("#new_ec_select_country").val(ec_select_country);
                
                swal("Address Saved","Address Saved Successfully please proceed to checkout","success");
                $('.disable_clicked').attr("disabled","disabled");
                
            }
        }
    </script>
  
 @endsection