@extends('web.layout.master')

@section('content')
<style>


    @media (max-width: 766px) {

        .contPayBtnMobile{
            display: block !important;
        }
        .contPayBtnDesktop{
            display: none !important;
        }

        .shippingOptionMobile{
            display: block !important;
        }
        .shippingOptionDesktop{
            display: none !important;
        }

        .custom-container{
            padding: 0px !important;
            margin-top: 3px !important;
        }
        .card-none-border{
            border-radius: 0px !important;
            border: 0px;
        }
        .shipaddre{
            margin-bottom: 5px !important;
        }

        .shipaddre-body{
            margin-bottom: 20px !important;
        }
    }

    #app {
        background: #f1f1f1;
        min-height: 600px;
    }

    .btn-success {
        background: #409b5e;
        border: 0px;
    }
    .shippingFormRow>*{
        padding: 10px;
    }
    input,select{
        border:1.2px solid #3A3A3A !important;
        margin-top: 5px;
     }
     .btn-primary {
        background: #04458f;
        border: 0px;
    }
    .contPayBtnMobile{
        display: none;
    }
    .contPayBtnDesktop{
        display: initial;
    }

    .shippingOptionMobile{
        display: none;
    }
    .shippingOptionDesktop{
        display: initial;
    }
    .shipaddre{
        border-radius: 10px 10px 0px 0px;
        border-bottom: 0px;
    }
    .shipaddre-body{
        padding-bottom: 0px !important;
        margin-bottom: 5px;
    }
    .custshipadd{
        margin-top: 0px;
        border-radius: 0px 0px 10px 10px;
        border-top: 0px;
    }
    .custshipadd-body{
        padding-top: 0px !important;
    }

    .radio-main .custom-radio01 input{
        top: 10px !important;
    }

     /* Dotted red border */
 .hrdash {
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
  height: 1px;
  background: #000;
  background: repeating-linear-gradient(90deg,#000,#000 6px,transparent 6px,transparent 12px);
  }
  .rotate { transform: rotate(180deg);transition: all 0.5s ease;}

</style>

@include('web.checkout-header-v2')
<div class="container mt-4 mb-2 custom-container">
    <div class="row">
        <div class="col-md-8">
            <p class="alert alert-danger" id="addressTaxFail" style="display: none" role="alert"></p>
            <div class="alert alert-danger" id="addressTaxFailLookup" style="display: none" role="alert"></div>
            <div class="alert alert-danger" id="addressTaxFailLookup2" style="display: none" role="alert"></div>
            <div class="card card-none-border mb-1 d-lg-none">
                <div class="card-body p-1">
                    <div class="row btn-nav-accordion" onclick="collapseContentTotal()">
                        <div class="col-8">


                            <div style="display: flex;">
                                <div class="mt-1 m-1" style="margin-top: 6px !important;">
                                    <img src="{{ asset('assets/web') }}/images/cart-mobile.svg" alt="cart-logo" width="20px" class="mt-1">
                                </div>
                                <p class="mt-2 showorderlabeltotal" style="margin-left: 5px;margin-bottom: 10px;color: #dc3545;font-size: 18px;">Show order summary </p><p class="m-auto" style="font-size: 18px;margin-top: 10px !important;color:#dc3545;"><i class="fas fa-chevron-down faicon"></i></p></div>

                        </div>
                        <div class="col-4 text-end">
                            <p style="margin-bottom: 0px;margin-top: 4px;font-weight: 700;font-size: 22px;margin-right: 13px;" class="total">${{ str_replace(',','',round(session()->get('subtotal'),2)) }}</p>
                        </div>

                    </div>
                    <div class="collapse mt-2" id="collapseTotal">
                        <div class="card-body p-1" id="cartItemMobile">
                            <div class="text-center">
                                <p>Loading....</p>
                            </div>
                        </div>

                        <div class="card card-none-border">
                            <div class="card-body">
                                <div class="row mb-2">
                                    <div class="col-6 fs-6">
                                        <b>Subtotal</b>
                                    </div>
                                    <div class="col-6 fs-6 text-end">
                                        <b class="subtotal">${{ (!empty(session()->get('subtotal')) ? str_replace(',','',number_format(session()->get('subtotal'),2)) : "0.00") }}</b>
                                    </div>
                                </div>

                                <div class="row mb-2 discountPriceDiv" @if(!empty(session()->get('discountPrice')) && session()->get('discountPrice') <= 0) style="display: none" @endif>
                                    <div class="col-7 fs-6 text-success">
                                        <b>Promo Code <span class="couponDiscountDiv">({{ session()->get('couponCode') }} - {{ session()->get('couponDiscount') }})</span></b>
                                    </div>
                                    <div class="col-5 fs-6 text-end">
                                        <b class="discountPrice text-success">- ${{ (!empty(session()->get('discountPrice')) ? str_replace(',','',(session()->get('discountPrice'))) : "") }}</b>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-4 fs-6">
                                        <b>Shipping <span class="surchageShippingrright">@if(!empty(session()->get('ShippingSurcharges'))) (+${{ str_replace(',','',number_format(session()->get('ShippingSurcharges'),2)) }} surcharge) @endif</span></b>
                                    </div>
                                    <div class="col-8 fs-6 text-end">
                                        <b class="shippingEst"><span style="color: #7d7d7d;">Provide Shipping Address</span></b>
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-4 fs-6">
                                        <b>Tax</b>
                                    </div>
                                    <div class="col-8 fs-6 text-end">
                                        <b class="taxEst"><span style="color: #7d7d7d;">Provide Shipping Address</span></b>
                                    </div>
                                </div>
                                <hr class="hrdash2 mt-3 mb-3" style="margin-top: 15px !important;margin-bottom: 12px !important;border: none !important;height: 1px !important;background: #000 !important;background: repeating-linear-gradient(90deg,#000,#000 6px,transparent 6px,transparent 12px) !important;">
                                <div class="row mb-2">
                                    <div class="col-4 fs-6">
                                        <b>Order Total</b>
                                    </div>
                                    <div class="col-8 fs-6 text-end">
                                        <b class="total"><span style="color: #7d7d7d;">Provide Shipping Address</span></b>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card card-none-border shipaddre shippingoptiondiv">
                <div class="card-body shipaddre-body p-2">
                    <div class="row p-1 mt-2">
                        <div class="col-7">
                            <h3>Shipping Address</h3>
                        </div>
                        <div class="col-5 text-end d-lg-none">
                            @if(auth()->check() && (!$userAddresses->isEmpty()))
                                <a href="{{ route('checkout-manage-address-v2') }}" class="text-danger changeShppingAddressBtn">Manage Address</a>
                            @else
                                <a href="{{ route('checkout-shipping-v2') }}?ischange=1" class="text-danger changeShppingAddressBtn">Edit</a>
                            @endif
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-body p-1">
                            <div class="d-flex">
                                <div class="text-success p-2 text-center">
                                    <i class="fas fa-check p-1" style="font-size: 18px;"></i>
                                </div>
                                <div class="p-2" style="width: 80%;">
                                    <b>{{ session()->get('shippingfirstname') }} {{ session()->get('shippinglastname') }}</b>
                                    @if(!empty(session()->get('shippingcompany')))
                                        <b>{{ session()->get('shippingcompany') }}</b>
                                    @endif
                                    <p class="mb-0">{{ session()->get('shippingstreetadress') }}</p>
                                    @if(!empty(session()->get('shippingstreetadress2')))
                                        <p class="mb-0">{{ session()->get('shippingstreetadress2') }}</p>
                                    @endif
                                    <p class="mb-0">{{ session()->get('shippingcity') }} {{ session()->get('shippingstate') }} {{ session()->get('shippingzipcode') }}</p>
                                    <p>{{ session()->get('shippingcountry') }}</p>
                                </div>
                                <div class="p-2 text-center d-none d-lg-block" style="width: 20%;">
                                    <a href="{{ route('checkout-shipping-v2') }}?ischange=1" class="text-danger changeShppingAddressBtn">Edit</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-2 card-none-border custshipadd shippingoptiondiv">

                    <form action="{{ route('checkout-shipping-method-v2') }}" method="post" id="shimethodform">
                        @csrf
                        <input type="hidden" name="subtotal" id="subtotaltxt" value="">
                        <input type="hidden" name="ShippingCharges" id="ShippingChargestxt" value="">
                        <input type="hidden" name="ShippingTax" id="ShippingTaxtxt" value="">

                        <input type="hidden" name="total" id="totaltxt" value="">
                        <input type="hidden" name="discountPrice" id="discountPricetxt" value="">
                        <input type="hidden" name="ShippingSurcharges" id="ShippingSurchargestxt" value="0">


                    <div class="card-body custshipadd-body p-2">

                        <h3 class="mt-3">Shipping Address</h3>
                        <p style="color: #ee0000;display: none;" id="taxerrorshow">An error has occurred processing your request. Please contact us <a href="tel:866.243.2721" class="text-decoration-none">866.243.2721</a></p>
                        <p style="color: #4f4f4f">Transit times are based upon carrier estimates</p>

                        <div class="radio-main clearfix" id="shippingOption">

                            <div class="custom-control custom-radio01" id="qtyloadershippingmethod">
                                {{--  <label class="custom-control-label clearfix" for="shippingOption1">Dependent upon shipping address</label>  --}}
                            </div>
                        </div>
                        <div class="row mt-4 mb-4">
                            <div class="col-12 text-center">
                                <button href="#" type="button" class="btn btn-success  contPayBtnMobile shippingMethodBtn" style="width: 100%;height: 45px;font-size: 18px;" disabled="true">Continue to Payment</button>
                                <button href="#" type="button" class="btn btn-success contPayBtnDesktop shippingMethodBtn" style="width: 17rem;height: 45px;font-size: 18px;" disabled="true">Continue to Payment</button>

                            </div>
                            <div class="col-12 text-center mt-3">

                                <a href="{{ route('home') }}" class="text-danger">Continue Shopping</a>
                            </div>

                        </div>
                    </div>
                </form>

            </div>
        </div>


        <div class="col-md-4">
            <div class="d-none d-lg-block">
                <div class="row">
                    <div class="col-md-6"><h5>ORDER SUMMARY</h5></div>

                </div>
            </div>
            <div class="card d-none d-lg-block mb-3">
                <div class="card-body p-3 d-none d-lg-block" id="cartItem">
                    <div class="text-center">
                        <p>Loading....</p>
                    </div>
                </div>
            </div>
            <div class="card d-none d-lg-block">
                <div class="card-body p-2">
                    <div class="row" onclick="collapseContent()">
                        <div class="col-7">
                            <label class="fs-55"  >Have a Promo Code? </label>
                        </div>
                        <div class="col-5 text-end">
                            <i class="fas fa-chevron-down faicon"></i>
                        </div>

                    </div>
                    <div class="collapse mt-3 show" id="collapsePromoCode">
                        <div id="couponError2" style="display: none;border: 1px solid #EB6B43;margin-bottom: 5px;color:#F07F43;padding: 10px;background: #FFFAF5;border-radius: 5px;">
                            <div class="d-flex">
                                <span>The coupon code you entered is invalid</span>
                                <a href="#" onclick="removeCouponCodeError()" id="removeCouponCode1" style="margin-left: 100px;color:#F07F43;"><i class="fa fa-times" aria-hidden="true"></i></a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-9">
                                <div class="form-group">
                                    <input type="text" name="coupon_code" value="{{ (!empty(\Session::get('couponCode')) ? \Session::get('couponCode') : '') }}" class="form-control" id="coupon_code" aria-describedby="coupon_code" placeholder="PROMO CODE" style="height: 50px;" oninput="this.value = this.value.toUpperCase()">
                                    @if(!empty(\Session::get('couponCode')))
                                        <span id="couponError" class="text-success">Coupon code applied.</span>&nbsp;&nbsp;<a href="#" onclick="removeCouponCode()" id="removeCouponCode">Remove</a>
                                    @else
                                        <span id="couponError" style="display: none"></span>&nbsp;&nbsp;<a href="#" onclick="applyCouponCode(1)" id="removeCouponCode" style="display: none">Remove</a>
                                    @endif
                                </div>
                            </div>
                            <div class="col-3 p-1" style="">
                                <button type="button" class="btn btn-primary btn-lg" onclick="applyCouponCode()">APPLY</button>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="d-lg-none" style="border: 2.5px solid #ddd;margin-top: 5px;margin-bottom: 0px;">

                <hr class="hrdash d-none d-lg-block">
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="col-6 fs-6">
                            <b>Subtotal</b>
                        </div>
                        <div class="col-6 fs-6 text-end">
                            <b class="subtotal">${{ (!empty(session()->get('subtotal')) ? str_replace(',','',round(session()->get('subtotal'),2)) : "") }}</b>
                        </div>
                    </div>
                    <div class="row mb-2 discountPriceDiv" @if(!empty(session()->get('discountPrice')) && session()->get('discountPrice') <= 0) style="display: none" @endif>
                        <div class="col-7 fs-6 text-success">
                            <b>Promo Code <span class="couponDiscountDiv">({{ session()->get('couponCode') }} - {{ session()->get('couponDiscount') }})</span></b>
                        </div>
                        <div class="col-5 fs-6 text-end">
                            <b class="discountPrice text-success">- ${{ (!empty(session()->get('discountPrice')) ? str_replace(',','',(session()->get('discountPrice'))) : "") }}</b>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-8 fs-6">
                            <b>Shipping <span class="surchageShippingrright">@if(!empty(session()->get('ShippingSurcharges'))) (+${{ str_replace(',','',number_format(session()->get('ShippingSurcharges'),2)) }} surcharge) @endif</span></b>
                        </div>
                        <div class="col-4 fs-6 text-end">
                            <b class="shippingEst">${{ (!empty(session()->get('discountPrice')) ? str_replace(',','',number_format((session()->get('ShippingCharges') + session()->get('ShippingSurcharges')),2)) : "0.00") }}</b>
                        </div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-6 fs-6">
                            <b>Tax</b>
                        </div>
                        <div class="col-6 text-end ">
                           <b class="taxEst">${{ (!empty(session()->get('discountPrice')) ? str_replace(',','',round(session()->get('ShippingTax'),2)) : "0.00") }}</b>
                        </div>
                    </div>
                    <hr class="d-none d-lg-block">
                    <hr class="hrdash mt-4 mb-4 d-lg-none">
                    <div class="row mb-2">
                        <div class="col-6 fs-6">
                            <b>Order Total</b>
                        </div>
                        <div class="col-6 fs-6 text-end">
                            <b class="total">${{ (!empty(session()->get('discountPrice')) ? str_replace(',','',round(session()->get('total'),2)) : "0.00") }}</b>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <a href="{{ route('checkout') }}" type="button" class="btn btn-secondary btn-lg w-100 mb-4 mt-2 disabled" aria-label="Proceed to Checkout">Place Order</a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card mt-2 mb-2">
                <div class="card-body pb-0">
                    <div class="row">
                        <div class="col-12 fs-6">
                            <p>Cart ID # {{ (!empty(\Cookie::get('cart')) ? \Cookie::get('cart') : "") }}</p>
                        </div>
                        <hr>
                        <div class="col-12 fs-6">
                            <p>Having trouble? Contact us! <a href="tel:866.243.2721" class="text-decoration-none">866.243.2721</a> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- Restricted Item Modal -->
<div class="modal fade " id="restrictedItem" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="restrictedItemLabel" aria-hidden="true" aria-label="...">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Restrictions</h5>

        </div>
        <div class="modal-body p-4">
            <div class="d-none d-lg-block">
                <table class="table">
                    <tr class="table-secondary">
                        <td>RESTRICTED ITEMS</td>
                        <td>REASON</td>
                    </tr>

                    @foreach ($restrictedItems as $item)
                    <tr>
                        <td>{{ $item->name }}</td>
                        <td>Unable to ship outside 48 contiguous US States</td>
                    </tr>
                    @endforeach
                </table>
            </div>
            <div class="d-lg-none">
                <table class="table">

                    @foreach ($restrictedItems as $item)
                    <tr class="table-secondary">
                        <td>RESTRICTED ITEMS</td>
                    </tr>
                    <tr>
                        <td>{{ $item->name }}</td>
                    </tr>
                    <tr class="table-secondary">
                        <td>REASON</td>
                    </tr>
                    <tr>
                        <td>Unable to ship outside 48 contiguous US States</td>
                    </tr>
                    @endforeach
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <a href="{{ route('checkout-shipping-v2') }}" type="button" class="btn btn-primary">EDIT ADDRESS</a>
          <a href="{{ route('checkout-restricted-item') }}" class="btn btn-success">REMOVE ITEMS AND CONTINUE</a>
        </div>
      </div>
  </div>

<script>
    @if(!empty(session()->get("subtotal")))
    var stotal = '{{ session()->get("subtotal") }}';
    $.session.set("subtotal",stotal);
    @endif


    function collapseContent(){
        $('#collapsePromoCode').collapse('toggle');
    }
    $('#collapsePromoCode').on('shown.bs.collapse', function () {
            $('.faicon').addClass('rotate');
            $('.showorderlabel').text('Hide order summary');
     });

     $('#collapsePromoCode').on('hidden.bs.collapse', function () {
        $('.faicon').removeClass('rotate');
        $('.showorderlabel').text('Show order summary');
     });
     function collapseContentTotal(){
        $('#collapseTotal').collapse('toggle');
    }
    $('#collapseTotal').on('shown.bs.collapse', function () {
            $('.faicon').addClass('rotate');
            $('.showorderlabeltotal').text('Hide order summary');
     });

     $('#collapseTotal').on('hidden.bs.collapse', function () {
        $('.faicon').removeClass('rotate');
        $('.showorderlabeltotal').text('Show order summary');
     });
     $('#cartItemMobile').load('{{ route("checkout-item-list-v2") }}');
     $(document).ready(function() {
        //$('#collapsePromoCode').collapse('toggle');
            setTimeout(function() {
                $(".alert").alert('close');
            }, 2000);
            var country = "{{ session()->get('shippingcountry') }}";
            var shippingstates = "{{ session()->get('shippingstate') }}";
            @if(!empty($restrictedItems))
                if(country != 'United States'){
                    $('#restrictedItem').modal('show');
                }

            @endif
            @if(!empty($restrictedItems))
                if(country == 'United States' && shippingstates == 'AK'){
                    $('#restrictedItem').modal('show');
                }

            @endif
            @if(!empty($restrictedItems))
                if(country == 'United States' && shippingstates == 'HI'){
                    $('#restrictedItem').modal('show');
                }
            @endif

    });
    //$('#qtyloader').show();
    $(".shippingMethodBtn").prop("disabled", true);
    $(document).ajaxStart(function () {
       // $('#qtyloader').show();
       $(".shippingMethodBtn").prop("disabled", true);
   })
   .ajaxStop(function () {
      // setTimeout(function () {
      //  $('#qtyloader').hide();
      $(".shippingMethodBtn").prop("disabled", false);
     //  }, 400);
   });

    var country = "{{ session()->get('shippingcountry') }}";
    $(document).ready(function() {

        $('.subtotal').text('$' + $.session.get("subtotal"));

        if($.session.get("shippingEstPrice")){
            $('.shippingEst').text('$' + $.session.get("shippingEstPrice"));
        }
        if($.session.get("taxEst")){
            $('.taxEst').text('$' + $.session.get("taxEst"));
        }

        $('.total').text('$' + $.session.get("total"));


        var customVerifyState2 = "{{ session()->get('shippingstate') }}";
        if(country == 'United States' && customVerifyState2){
            ShippingSurcharge(customVerifyState2);
        }else{
            ShippingSurcharge();
        }
        shippingOption("{{ session()->get('shippingcountry') }}","{{ session()->get('shippingzipcode') }}","{{ session()->get('shippingcity') }}","{{ session()->get('shippingstate') }}");


    });


    async function ShippingSurchargeV2(state = "") {

        try {
            const response = await $.ajax({
                type: 'post',
                url: "{{ route('shipping-surcharges') }}",
                data: { "_token": '{{ csrf_token() }}', "state": state },
                dataType: "json"
            });

            if (response.data.surcharges) {
                ShippingSurcharges = response.data.surcharges;
            }
            if (response.data.freightcharges) {
                freightSurCharges = response.data.freightcharges;
            }
        } catch (error) {
            console.error('Shipping surcharge fetch failed:', error);
        }
    }


    var ShippingSurcharges = 0;
        var freightSurCharges = 0;
    async function shippingOption(country = 0,zipcoden = "",city = "",state = ""){
       // $('#qtyloader').show();
        await ShippingSurchargeV2(state)
        $.ajax({
            type: 'post',
            url: "{{ route('shipping-flate-rates') }}",
            data: { "_token": '{{ csrf_token() }}', price: 0,country:country,zipcoden:zipcoden,city:city,state:state },
            dataType: "json",
            success: function(responce) {
                $('#shippingOptionHead').show();
                $('#shippingOption').html('<div class="custom-control custom-radio01"><label class="custom-control-label clearfix" for="shippingOption1">Loading..</label></div>');
               var srat = responce.data.shippingflaterate;
               var orderestimatedtext = responce.data.orderestimatedtext;

                if(srat.length > 0){
                    var flatcount = 0;
                    var flatid = 0;
                    $('#shippingOption').html('');
                    $(responce.data.shippingflaterate).each(function(index, flatrate) {
                        var itype = 'radio';
                        var istyle = '';
                        if(flatrate.excluded_states != 'AK'){
                        if (orderestimatedtext != "" && index === 0) {
                            var shiplab = '';
                            if(country == 'Canada'){
                                shiplab = '';
                            }
                            var flatrate_base_rate = flatrate.base_rate;

                            if(ShippingSurcharges != 0){
                                flatrate_base_rate = flatrate_base_rate + ShippingSurcharges;
                            }

                            var shippingOption = '<div class="custom-control custom-radio01">';
                            shippingOption += '<input aria-labelledby="PartsWarehouse" type="radio" checked value="' + flatrate.id + '" id="shippingOption' + flatcount + '" onchange="shippingOptionSelect(this.value)" name="shipping_option" class="custom-control-input shipping-option">';
                            shippingOption += '<label class="custom-control-label clearfix" for="shippingOption' + flatcount + '"><div class="row"><div class="col-10">';

                            shippingOption += flatrate.label + shiplab;
                            if (freightSurCharges != 0) {
                                var surchargeOnly = parseFloat(ShippingSurcharges) - parseFloat(freightSurCharges);
                                if (surchargeOnly > 0) {
                                    shippingOption += ' + surcharge(s) of $' + surchargeOnly.toFixed(2);
                                }
                                shippingOption += ' + freight charges of $' + parseFloat(freightSurCharges).toFixed(2);
                            } else if (ShippingSurcharges != 0) {
                                shippingOption += ' + surcharge(s) of $' + parseFloat(ShippingSurcharges).toFixed(2);
                            }
                            shippingOption += '</div><div class="col-2"><span id="estiprice" style="font-size: 18px;">$' + parseFloat(flatrate_base_rate).toFixed(2) + '</span></div></div></label>';
                            shippingOption += '</div>';
                            $('#shippingOption').append(shippingOption);
                            $('#isestimated').val(1);
                            checkoutOrderLog('{{ $cart_id }}', 'estimated_delivery', "{{ date('Y-m-d H:i') }}");
                        }
                            var flabel = flatrate.label;

                            var shippingOption = '<div class="custom-control custom-radio01">';
                            if (flatcount == 0) {
                                shippingOption += '<input aria-labelledby="PartsWarehouse" type="' + itype + '" checked value="' + flatrate.id + '" id="shippingOption' + flatcount + '" onchange="shippingOptionSelect(this.value)" name="shipping_option" class="custom-control-input shipping-option">';
                            } else {
                                shippingOption += '<input aria-labelledby="PartsWarehouse" type="' + itype + '" value="' + flatrate.id + '" id="shippingOption' + flatcount + '" onchange="shippingOptionSelect(this.value)" name="shipping_option" class="custom-control-input shipping-option">';
                            }
                            shippingOption += '<label class="custom-control-label clearfix" for="shippingOption' + flatcount + '" style="' + istyle + '"><div class="row"><div class="col-10">';
                            if (orderestimatedtext != "" && index === 1) {
                            shippingOption += orderestimatedtext;
                            if (freightSurCharges != 0) {
                                var surchargeOnly = parseFloat(ShippingSurcharges) - parseFloat(freightSurCharges);
                                if (surchargeOnly > 0) {
                                    shippingOption += ' + surcharge(s) of $' + surchargeOnly.toFixed(2);
                                }
                                shippingOption += ' + freight charges of $' + parseFloat(freightSurCharges).toFixed(2);
                            } else if (ShippingSurcharges != 0) {
                                shippingOption += ' + surcharge(s) of $' + parseFloat(ShippingSurcharges).toFixed(2);
                            }
                            shippingOption += '</div><div class="col-2"><span>$' + parseFloat(flatrate.base_rate).toFixed(2) + '</span></div></div></label>';
                            }else{
                            var shiplab = '';
                            if(country == 'Canada'){
                                shiplab = '';
                            }
                            var flatrate_base_rate = flatrate.base_rate;

                            if(ShippingSurcharges != 0){
                                flatrate_base_rate = flatrate_base_rate + ShippingSurcharges;
                            }
                              shippingOption += flatrate.label + shiplab;
                            if (freightSurCharges != 0) {
                                var surchargeOnly = parseFloat(ShippingSurcharges) - parseFloat(freightSurCharges);
                                if (surchargeOnly > 0) {
                                    shippingOption += ' + surcharge(s) of $' + surchargeOnly.toFixed(2);
                                }
                                shippingOption += ' + freight charges of $' + parseFloat(freightSurCharges).toFixed(2);
                            } else if (ShippingSurcharges != 0) {
                                shippingOption += ' + surcharge(s) of $' + parseFloat(ShippingSurcharges).toFixed(2);
                            }
                            shippingOption += '</div><div class="col-2"><span style="font-size: 18px;">$' + parseFloat(flatrate_base_rate).toFixed(2) + '</span></div></div></label>';

                            }
                            $('#isestimated').val(0);
                            shippingOption += '</div>';
                            if (orderestimatedtext != "" && flabel.indexOf('Expedited') === 0) {
                                $('#shippingOption').append(shippingOption);
                            }
                            if (orderestimatedtext == "") {
                                $('#shippingOption').append(shippingOption);
                            }
                        if (flatcount == 0) {
                            flatid = flatrate.id;
                        }

                        flatcount++;
                        if (index === 0 && orderestimatedtext != "") {
                            // return false;
                        }
                    }
                      });
                      shippingOptionSelect(flatid);

                      $(".shippingMethodBtn").prop("disabled", false);

                }else{
                    $(".shippingMethodBtn").prop("disabled", true);
                    $('#shippingOption').html('');
                        $('#shippingOption').append('<div class="custom-control custom-radio01">'+
                            '<label class="custom-control-label clearfix" for="shippingOption1">No Shipping Options</label>'+
                          '</div>');

                }
            }
        });
    }

    var ShippingCharges = 0;

    function ShippingSurcharge(state = ""){
     //   $('#qtyloader').show();
        $('.ShippingSurcharges').text('0.00')
        $.ajax({
            type: 'post',
            url: "{{ route('shipping-surcharges') }}",
            data: { "_token": '{{ csrf_token() }}',"state":state },
            dataType: "json",
            success: function(responce) {
               if(responce.data.surcharges){
                   ShippingSurcharges = responce.data.surcharges;
               }
               if(responce.data.freightcharges){
                   freightSurCharges = responce.data.freightcharges;
               }

               totalcal();
            }
        });


   }
   function removeCouponCodeError(){
    $('#couponError2').hide();
  }
    function shippingOptionSelect(value){
       // $('#qtyloader').show();
        if(value != 0){
            $('.shippingEst').text('0.00')
            $.ajax({
                type: 'post',
                url: "{{ route('shipping-flate-rates-price') }}",
                data: { "_token": '{{ csrf_token() }}', flate_rate_id: value },
                dataType: "json",
                success: function(responce) {
                var flatrate = responce.data.shippingflaterate;
                if(flatrate){

                    ShippingCharges = flatrate.base_rate;
                    if(ShippingCharges <= 0){
                        ShippingChargesZero = 1;
                    }else{
                        ShippingChargesZero = 0;
                    }
                    if(country == 'United States'){

                        var taxparam = {"Address1": "{{ session()->get('shippingstreetadress') }}",
                        "City": "{{ session()->get('shippingcity') }}",
                        "State": "{{ session()->get('shippingstate') }}",
                        "Address2": "{{ !empty(session()->get('shippingstreetadress2')) ? session()->get('shippingstreetadress2') : '' }}",
                        "Zip5": "{{ session()->get('shippingzipcode') }}",
                        "Zip4": ""};
                        LookupTax(taxparam);
                        ShippingSurcharge(taxparam.State);
                    }else{
                        ShippingSurcharge();
                    }

                   totalcal();

                }

                checkoutOrderLog('{{ $cart_id }}', 'shipping_selected', "{{ date('Y-m-d H:i') }}");
                }
            });

        }
    }
    var isTaxResponseCode = 0;
    var ShippingTax = 0;
    var subtotal = $.session.get("subtotal");
    var affectAmount = 0;
    var iscouponinvalid = 0;
    var ispaysstatetax =  "{{ (auth()->check()) ? auth()->user()->paysstatetax : '' }}";
    $.session.set("ispaysstatetax",ispaysstatetax);
    function totalcal(){
        if($.session.get("discountPrice") && !isNaN($.session.get("discountPrice"))){
        discountPrice = $.session.get("discountPrice");
        }else{
            discountPrice = 0;
        }
        var total = parseFloat(subtotal) - parseFloat(discountPrice);
        total = total+parseFloat(ShippingCharges)+parseFloat(ShippingSurcharges)+parseFloat(ShippingTax);
        if(ShippingSurcharges > 0){
            $('.surchageShippingrright').text('( +$' + parseFloat(ShippingSurcharges).toFixed(2) +' surcharge)');
        }
        if(discountPrice > 0 && $('#coupon_code').val() != ''){
            $('.discountPriceDiv').show();
            $('.discountPrice').text('- $'+discountPrice);
            $.session.set("couponCode",$('#coupon_code').val());

        }else{
            $.session.set("couponCode",'');
            if(iscouponinvalid == 0){
                $('#couponError2').hide();
                $('#couponError').hide();
            }
            $('#removeCouponCode').hide();
            $('#coupon_code').val('');
            $('#coupon_code_new').val('');
            $('.discountPriceDiv').hide();
        }
        if(ShippingTax > 0){
            $('.taxEst').text('$'+parseFloat(ShippingTax).toFixed(2));
        }
        $('.shippingEst').text('$'+(parseFloat(ShippingCharges)+parseFloat(ShippingSurcharges)).toFixed(2));
        $('.total').text('$'+parseFloat(total).toFixed(2));

        $.session.set("shipping-option-value", $('.shipping-option:checked').next('label').clone().children().remove().end().text());

        $('#subtotaltxt').val($.session.get("subtotal"));
        $('#ShippingChargestxt').val(ShippingCharges);
        $('#ShippingTaxtxt').val(ShippingTax);

        $('#totaltxt').val(total);
        $('#discountPricetxt').val(discountPrice);
        $('#ShippingSurchargestxt').val(ShippingSurcharges);

        $.session.set("subtotal",parseFloat($.session.get("subtotal")).toFixed(2));
        $.session.set("shippingEstPrice",parseFloat(ShippingCharges).toFixed(2));
        $.session.set("discountPrice",parseFloat(discountPrice).toFixed(2));
        $.session.set("taxEst",parseFloat(ShippingTax).toFixed(2));
        $.session.set("total",parseFloat(total).toFixed(2));
          $('#qtyloader').hide();



    }
    var istaxclound = 0;
    function LookupTax(taxparam) {
        $(".shippingMethodBtn").prop("disabled", true);
       // $('#qtyloader').show();
       console.log(subtotal);
       if($.session.get("discountPrice") && !isNaN($.session.get("discountPrice"))){
        discountPrice = $.session.get("discountPrice");
        var taxprice = parseFloat(subtotal)-parseFloat(discountPrice);
       }else{
        var taxprice = parseFloat(subtotal);
       }


        if(affectAmount != 0){
            taxprice = parseFloat(affectAmount);
        }
        //var zeroTaxState = new Array("PR","VI","GU","MP","AP","AA","DE","MT","OR","NH","MS","AE","AS","AK");
       //var zeroTaxState = new Array("VI","GU","MP","AP","AA","DE","MT","OR","NH","MS","AE","AS");
       @if(!empty($setting->zero_tax_states))
        var zeroTaxState = [""];
       @else
        var zeroTaxState = [];
       @endif

        console.log(taxprice);
        console.log(ShippingCharges);
        //var zeroTaxState = new Array("ZZ");
        ispaysstatetax = $.session.get("ispaysstatetax");
        var cusTax = taxparam.State;
        if(jQuery.inArray(cusTax, zeroTaxState) === -1 && ispaysstatetax != 'N') {

            //console.log(taxparam);
           // $('#qtyloader').show();
            var settings = {
                "url": "{{ route('taxcloud-lookup') }}",
                "method": "POST",
                "timeout": 0,
                "headers": {
                    "Content-Type": "application/json",
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                "data": JSON.stringify({
                    "apiKey": "4df21049-4318-4ef6-bf1a-76f44236fc66",
                    "apiLoginID": "26A4E220",
                    "customerID": "{{ auth()->check() ? auth()->user()->customerid : 'guest' }}",
                    "deliveredBySeller": false,
                    "origin": {
                        "Address1": "2578 State Hwy 276",
                        "City": "Rockwall",
                        "State": "TX",
                        "Zip5": "75032",
                        "Zip4": "",
                        "Address2": ""
                    },
                    "destination": taxparam,
                    "cartItems": [
                        {
                            "Index": "1",
                            "ItemID": "1",
                            "TIC": "30000",
                            "Price": (taxprice + parseFloat(ShippingCharges) + parseFloat(ShippingSurcharges)),
                            "Qty": "1",
                            "Tax": "0"
                        }
                    ],
                    "cartID": "{{ $uuid }}"
                }),
            };

            $.ajax(settings).done(function(response) {
               // $('#qtyloader').show();
                var message = response.messages;
                var tax = 0;
                isTaxResponseCode = response.responseType;
                if(response.responseType == 3){
                    $('#addressTaxFail').hide();
                    $('#addressTaxFailLookup').hide();
                    $(response.cartItemsResponse).each(function(index, CartItem) {
                        tax += CartItem.taxAmount;
                    });
                    errortaxstatus = 0;
                    $(".shippingMethodBtn").prop("disabled", false);
                    istaxclound = 1;
                }else{
                    // error handler in the server payment error logs
                    var mslive = message[0].message;
                    var msg = 'An error has occurred processing your request. Please contact us <a href="tel:866.243.2721" class="text-decoration-none">866.243.2721</a>';
                    $('#addressTaxFail').show();
                    $('#addressTaxFailLookup').show();
                    $('#addressTaxFail').html(msg);
                    $('#addressTaxFailLookup').html(msg);
                    errortaxstatus = 1;
                    var serverAdd = '216.73.216.23';
                    $.ajax({
                        type: 'post',
                        url: "{{ route('payment-error-log') }}",
                        data: {"_token": '{{ csrf_token() }}', error:mslive,serverAdd:serverAdd},
                        dataType: "json",
                        success: function(responce) {

                        }
                    });
                    istaxclound = 1;

                }
                ShippingTax = tax;
                ShippingSurcharge(taxparam.State);


                totalcal();
                $(".shippingMethodBtn").prop("disabled", false);

            });
        }else{
            if(ShippingCharges > 0){
                $(".shippingMethodBtn").prop("disabled", false);
            }
            isTaxResponseCode = 3;
            tax=0;
            ShippingTax = tax;
            ShippingSurcharge(taxparam.State);

            totalcal();

        }
    }

    $('.shippingMethodBtn').click(function(e){
        @if(!empty($setting->zero_tax_states))
        var zeroTaxState = [""];
       @else
        var zeroTaxState = [];
       @endif

        if(country == 'United States'){
            ispaysstatetax = $.session.get("ispaysstatetax");
            var cusTax = "{{ session()->get('shippingstate') }}";
            if(jQuery.inArray(cusTax, zeroTaxState) === -1 && ispaysstatetax != 'N') {
                if(ShippingTax > 0){
                    $('#shimethodform').submit();
                }else{
                    if(isTaxResponseCode == 3){
                        $('#shimethodform').submit();
                    }else{
                        $('#taxerrorshow').show();
                    }
                }
            }else{
                $('#shimethodform').submit();
            }
        }else{
            $('#shimethodform').submit();
        }

/*
            if(country == 'United States'){
                ispaysstatetax = $.session.get("ispaysstatetax");
                var cusTax = "{{ session()->get('shippingstate') }}";
                if(jQuery.inArray(cusTax, zeroTaxState) === -1 && ispaysstatetax != 'N') {
                    if(istaxclound == 1){
                        $('#shimethodform').submit();
                    }else{
                        $('#taxerrorshow').show();
                    }
                }else{
                    $('#shimethodform').submit();
                }
            }else{
                $('#shimethodform').submit();
            }
                */
       // $('#shimethodform').submit();
        $('#qtyloader').show();
        totalcal();
    });


    function removeCouponCode(){
        $("#qtyloader").show();
        if($('#coupon_code').val() != ""){
            checkoutOrderLog('{{ $cart_id }}', 'couponcode_removed', "{{ date('Y-m-d H:i') }}");
        }
        $('#couponError2').hide();
        $('#couponError').hide();
        $('#removeCouponCode').hide();
        $('#coupon_code').val('');
        $('#coupon_code_new').val('');
        $('.discountPriceDiv').hide();
    $('#coupon_code').attr('readonly', false);

        $.session.set("discountPrice",0);
        discountPrice = 0;
        if(country == 'United States'){

            var taxparam = {"Address1": "{{ session()->get('shippingstreetadress') }}",
            "City": "{{ session()->get('shippingcity') }}",
            "State": "{{ session()->get('shippingstate') }}",
            "Address2": "{{ !empty(session()->get('shippingstreetadress2')) ? session()->get('shippingstreetadress2') : '' }}",
            "Zip5": "{{ session()->get('shippingzipcode') }}",
            "Zip4": ""};
            LookupTax(taxparam);
        //    ShippingSurcharge(taxparam.State);
        }else{
          //  ShippingSurcharge();
        }
    }

    function applyCouponCode(isremove = 0){
        if(isremove == 1){
            var coupon_code = '';
        }else{
            var coupon_code = $('#coupon_code').val();
        }


        $("#qtyloader").show();

        var totalam = "{{ round(session()->get('subtotal'),2) }}";
        $.ajax({
            type: 'post',
            url: "{{ route('apply-coupon') }}",
            data: { "_token": '{{ csrf_token() }}','coupon_code':coupon_code,'price':totalam,'ischekoutreview':1 },
            dataType: "json",
            success: function(responce) {

                if(responce.status == true){
                    $('#couponError2').hide();
                    $('#couponError').show();
                    discountPrice = responce.data.discount;
                    $('.couponDiscountDiv').html('(' + coupon_code +' - '+ responce.data.discountPerAmount +')');
                    $.session.set("couponDiscount",responce.data.discountPerAmount);
                    $.session.set("discountPrice",responce.data.discount);
                    $('#couponError').text(responce.message);
                    $('#couponError').removeClass('text-danger');
                    $('#couponError').addClass('text-success');
                    $('#removeCouponCode').show();
                    $('#coupon_code').attr('readonly', true);
                    iscouponinvalid = 0;
                    if(country == 'United States'){

                        var taxparam = {"Address1": "{{ session()->get('shippingstreetadress') }}",
                        "City": "{{ session()->get('shippingcity') }}",
                        "State": "{{ session()->get('shippingstate') }}",
                        "Address2": "{{ !empty(session()->get('shippingstreetadress2')) ? session()->get('shippingstreetadress2') : '' }}",
                        "Zip5": "{{ session()->get('shippingzipcode') }}",
                        "Zip4": ""};
                        LookupTax(taxparam);
                    //    ShippingSurcharge(taxparam.State);
                    }else{
                      //  ShippingSurcharge();
                    }
                  //  totalcal();
                    //checkoutOrderLog('{{ $cart_id }}', 'couponcode_applied', "{{ date('Y-m-d H:i') }}");
                }else{
                    if ((responce.invalid_type === "category" || responce.invalid_type === "product" || responce.invalid_type === "pricingtype") && Array.isArray(responce.invalid_products) && responce.invalid_products.length > 0) {
                         $('#qtyloader').hide();
                        showInvalidCouponProductsModal(responce.invalid_products, responce.message, responce.offer_type);
                    } else {
                        $('#couponError').hide();
                        $('#couponError2').show();
                        discountPrice = 0;
                        $('.couponDiscountDiv').html();
                        $('#couponError').text(responce.message);
                        $('#couponError').addClass('text-danger');
                        $('#couponError').removeClass('text-success');
                        $('#coupon_code').val('');
                        $('#removeCouponCode').hide();
                        $.session.set("couponDiscount",'');
                        $.session.set("discountPrice",0);
                        iscouponinvalid = 1;
                        if(country == 'United States'){

                            var taxparam = {"Address1": "{{ session()->get('shippingstreetadress') }}",
                            "City": "{{ session()->get('shippingcity') }}",
                            "State": "{{ session()->get('shippingstate') }}",
                            "Address2": "{{ !empty(session()->get('shippingstreetadress2')) ? session()->get('shippingstreetadress2') : '' }}",
                            "Zip5": "{{ session()->get('shippingzipcode') }}",
                            "Zip4": ""};
                            LookupTax(taxparam);
                        //    ShippingSurcharge(taxparam.State);
                        }
                        $('#coupon_code').attr('readonly', false);
                        setTimeout(function() {
                            $('#couponError').hide();
                        }, 4000);
                    }
                }
            }
        });

    }
</script>
@endsection