@php

    $customer_details = $data['customer_details'];
    $country_list = $data['country_list'];
    $shpaddres = $data['shpaddres'];
    $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 = [];
    $inactive_product_count = 0;
    $inactive_product_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 type="text" class="disable_clicked" id="shp_u_name" required
                                                        name="shp_u_name" required />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Last Name</label>
                                                    <input type="text" class="disable_clicked" id="shp_u_lname" required
                                                        name="shp_u_lname" required />
                                                </span>
                                                <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>Street 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>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Phone Number</label>
                                                    <input class="disable_clicked" id="shp_u_contact" type="text"
                                                        required name="shp_u_contact" />
                                                </span>
                                                <span class="ec-bill-wrap ec-bill-half">
                                                    <label>Email</label>
                                                    <input class="disable_clicked" id="shp_u_email" type="text" required
                                                        name="shp_u_email" />
                                                </span>
                                                <button type="submit" id="save_btn" style="display: none;"></button>
                                                <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>
                                            </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>


                                    <div class="ec-checkout-summary-total">
                                        <span class="text-left">Total Amount</span>
                                        <span class="text-right">QAR
                                            {{ number_format($product_grand_total_with_discount, 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