@extends('layout')
   @section('content')
   @php $arr=Session::get('data'); $plan= $arr[0]; $price= $arr[1]; $year= $arr[2];
   if (isset($arr[3])) {
    $quantity= $arr[3];
   }else {
    $quantity = 1;
   }
    @endphp
   <!-- main-guru-wrapper -->
   <div class="main-guru-wrapper">

       <section class="common-inner-header">

           <div class="common-inner-header-image d-none d-sm-block">
               <img src="images/payment-page-banner-desktop.jpg" class="img-fluid" width="1920" height="620"
                   alt="100% Secure Payments">
           </div>

           <div class="common-inner-header-image d-block d-sm-none">
               <img src="images/payment-page-banner-mobile.jpg" class="img-fluid" width="1100" height="550"
                   alt="100% Secure Payments">
           </div>

           <div class="container">
               <div class="row">
                   <div class="col-sm-12 text-center">
                       <div class="common-inner-header-text">
                           <nav aria-label="breadcrumb">
                               <ol class="breadcrumb mt-3">
                                   <li class="breadcrumb-item"><a href="{{url('/iptv-usa')}}"
                                           class="text-white text-decoration-none fw-bold">Home</a></li>
                                   <li class="breadcrumb-item active text-white" aria-current="page">Payment</li>
                               </ol>
                           </nav>
                       </div>
                   </div>
               </div>
           </div>
       </section>

       <!-- content-area -->
       <section class="content-area py-5">
           <div class="container">
               <div class="row">
                   <aside class="col-sm-12 m-auto">
                       <h1 class="text-center mb-4">Secure, Trusted & 100% Reliable Payments</h1>
                       <div class="card payment-card">
                           <div class="card-body">
                               <form id="payment-form" name="payment-form" class="container" method="post"
                                   autocomplete="on">
                                   <div class="clearfix"></div>
                                   <div class="col-12 text center">
                                       <div class="validation payment-errors"></div>
                                   </div>
                                   <input type="hidden" name="ip" value="{{request()->ip()}}" />
                                   <input type="hidden" name="domain" value="{{url('/')}}" />
                                   <input type="hidden" name="iptv_currency" value="USD - US Dollar" />
                                   <div class="row">
                                       <div class="col-sm-6">
                                           <div class="light-gray-bg">
                                               <h4 class="payment-form-heading brand-color"><img
                                                       src="images/guru-location-pin.png" alt="Shipping/Billing Details"
                                                       class="img-fluid float-end" width="40" height="40">
                                                   Shipping/Billing Details </h4>

                                               <div class="row">
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>First Name <span
                                                                   class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="iptv_fname" id="iptv_fname"
                                                               placeholder="Please enter first name" type="text"
                                                               required="" title="Please enter first name" autocomplete="off">
                                                           <small class="text-danger lh-1 iptv_fname_err"></small>
                                                       </div>
                                                   </div>
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Last Name <span class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="iptv_lname" id="iptv_lname"
                                                               placeholder="Please enter last name" type="text"
                                                               required="" title="Please enter last name" autocomplete="off">
                                                           <small class="text-danger lh-1 iptv_lname_err"></small>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="form-group mb-4">
                                                   <label>Billing Address <span class="error fw-bold">*</span></label>
                                                   <input class="form-control" name="iptv_street" id="iptv_street"
                                                       placeholder="Please enter billing address" type="text"
                                                       required="" title="Please enter billing address" autocomplete="off">
                                                   <small class="text-danger lh-1 iptv_street_err"></small>
                                               </div>

                                               <div class="row">
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Country <span class="error fw-bold">*</span></label>
                                                           <div class="form-item w-100">
                                                               <input id="country_selector" type="text"
                                                                   class="form-control" name="iptv_country"
                                                                   style="width: 100%">
                                                               <label for="country_selector"
                                                                   style="display:none;">Select a country
                                                                   here...</label>
                                                           </div>
                                                           <div class="form-item" style="display:none;">
                                                               <input type="text" id="country_selector_code"
                                                                   class="form-control" name="iptv_country"
                                                                   data-countrycodeinput="1" readonly
                                                                   placeholder="Selected country code will appear here" />
                                                               <label for="country_selector_code">...and the selected
                                                                   country code will be updated here</label>
                                                               <small class="text-danger lh-1 iptv_country_err"></small>
                                                           </div>
                                                       </div>
                                                   </div>
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>State <span class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="iptv_state" id="iptv_state"
                                                               placeholder="Please enter state" type="text"
                                                               minlength="3" required="" title="Please enter state">
                                                           <small class="text-danger lh-1 iptv_state_err"></small>
                                                       </div>
                                                   </div>


                                               </div>

                                               <div class="row">
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>City <span class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="iptv_city" id="iptv_city"
                                                               placeholder="Please enter city" type="text" minlength="3"
                                                               required="" title="Please enter city" autocomplete="off">
                                                           <small class="text-danger lh-1 iptv_city_err"></small>
                                                       </div>
                                                   </div>

                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Zip Code <span class="error fw-bold">*</span></label>
                                                           <input class="form-control"
                                                               placeholder="Please enter zip code" id="iptv_zip"
                                                               name="iptv_zip" type="text" maxlength="8" required=""
                                                               title="Please enter zip code"  autocomplete="off"/>
                                                           <small class="text-danger lh-1 iptv_zip_err"></small>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="row">
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Phone Number <span
                                                                   class="error fw-bold">*</span></label>
                                                           <input class="form-control"
                                                               placeholder="Please enter phone number" name="iptv_phone"
                                                               id="phone" title="Please enter phone number" required=""
                                                               type="text"  onkeypress="return isNumber(event)" autocomplete="off"/>
                                                           <small class="text-danger lh-1 iptv_phone_err"></small>
                                                       </div>
                                                   </div>

                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Email for receipt <span
                                                                   class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="email"
                                                               placeholder="Please enter email for receipt" type="text"
                                                               required="" title="Please enter email for receipt"  autocomplete="off"/>
                                                           <small class="text-danger lh-1 email_err"></small>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="form-group mb-4">
                                                   <label class="d-block" for="sameadr">
                                                       <input value="Yes" name="sameadr" id="sameadr" type="checkbox"
                                                           checked>&nbsp; Shipping address same as Billing
                                                   </label>
                                               </div>

                                               <div class="clearfix"></div>
                                               <div id="shippingBillingAddress" class="row" style="display:none">

                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Shipping Address <span
                                                                   class="error fw-bold">*</span></label>
                                                           <input type="text" class="form-control"
                                                               name="iptv_street_shipping" id="iptv_street_shipping"
                                                               placeholder="Please enter shipping address"
                                                                title="Please enter shipping address">
                                                           <small
                                                               class="text-danger lh-1 iptv_street_shipping_err"></small>
                                                       </div>
                                                   </div>
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Country <span class="error fw-bold">*</span></label>
                                                           <div class="form-item w-100">
                                                               <input id="shipping" type="text" class="form-control"
                                                                   name="shipping">
                                                               <label for="country_selector"
                                                                   style="display:none;">Select a country
                                                                   here...</label>
                                                           </div>
                                                           <div class="form-item" style="display:none;">
                                                               <input type="text" id="shipping_code"
                                                                   class="form-control" name="shipping"
                                                                   data-countrycodeinput="1" readonly
                                                                   placeholder="Selected country code will appear here" />
                                                               <label for="shipping_code">...and the selected country
                                                                   code will be updated here</label>
                                                               <small
                                                                   class="text-danger lh-1 shipping_code_err"></small>
                                                           </div>
                                                       </div>
                                                   </div>
                                                   <div class="clearfix"></div>
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>State <span class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="iptv_state_shipping"
                                                               id="iptv_state_shipping"
                                                               placeholder="Please enter state" type="text"
                                                               minlength="3"  title="Please enter state">
                                                           <small
                                                               class="text-danger lh-1 iptv_state_shipping_err"></small>
                                                       </div>
                                                   </div>
                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>City <span class="error fw-bold">*</span></label>
                                                           <input class="form-control" name="iptv_city_shipping"
                                                               id="iptv_city_shipping" value=""
                                                               placeholder="Please enter city" type="text" minlength="3"
                                                               title="Please enter city">
                                                           <small
                                                               class="text-danger lh-1 iptv_city_shipping_err"></small>
                                                       </div>
                                                   </div>

                                                   <div class="clearfix"></div>

                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Zip Code <span class="error fw-bold">*</span></label>
                                                           <input type="text" class="form-control"
                                                               placeholder="Please enter Zip code"
                                                               name="iptv_zip_shipping" id="iptv_zip_shipping"
                                                               maxlength="8"
                                                               title="Please enter Zip code" />
                                                           <small
                                                               class="text-danger lh-1 iptv_zip_shipping_err"></small>
                                                       </div>
                                                   </div>

                                                   <div class="col-sm-6">
                                                       <div class="form-group mb-4">
                                                           <label>Alternate Phone Number</label>
                                                           <input type="text" class="form-control"
                                                               placeholder="Please enter alternate phone number"
                                                               name="iptv_phone_two" id="iptv_phone_two" value=""
                                                               title="Please enter alternate phone number"  onkeypress="return isNumber(event)" autocomplete="off"/>
                                                           <small class="text-danger lh-1 iptv_phone_two_err"></small>
                                                       </div>
                                                   </div>
                                                   <div class="clearfix"></div>
                                               </div>
                                           </div>

                                       </div>
                                       <!-- Payment Info Block -->

                                       <div class="col-sm-6 bg-white">

                                           <h4 class="payment-form-heading brand-color"><img
                                                   src="images/guru-ssl-icon.png" alt="SSL Security"
                                                   class="img-fluid float-end" width="100" height="52"> Payment Details
                                           </h4>

                                           <div class="form-group mb-4">
                                               <label>Selected Plan</label>
                                               <input name="plan" class="form-control" value="{{$plan}}"
                                                   placeholder="Selected Plan" type="text" readonly>
                                           </div>

                                           <div class="row">
                                               <div class="col-sm-6">
                                                   <div class="form-group mb-4">
                                                       <label>Amount</label>
                                                       <div class="d-flex">
                                                           <span class="currency-prepend rounded-start">US$</span>
                                                           <input name="iptv_amount" id="iptv_amount"
                                                               class="form-control rounded-0 rounded-end" value="{{ $price }}"
                                                               placeholder="Amount" type="text" readonly>
                                                           <small class="text-danger lh-1 iptv_amount_err"></small>
                                                       </div>
                                                   </div>
                                               </div>

                                               <div class="col-sm-6">
                                                   <div class="form-group mb-4">
                                                       <label>Quantity</label>
                                                       <input id="price" class="form-control" value="{{$price}}"
                                                           placeholder="Quantity" type="hidden" required=""
                                                           title="Please select quntity"  readonly="">
                                                       <select class="form-select d-block select" name="quantity" id="leave" >
                                                           <option class="qty" hidden value="{{$quantity}}">{{$quantity}}</option>
                                                           <option  value="1">1</option>
                                                           <option value="2">2</option>
                                                           <option value="3">3</option>
                                                           <option value="4">4</option>
                                                           <option value="5">5</option>

                                                       </select>
                                                       <small class="text-danger lh-1 quantity_err"></small>
                                                   </div>
                                               </div>
                                           </div>

                                           <div class="row">
                                               <div class="col-sm-6">
                                                   <div class="form-group mb-4">
                                                       <label>Cardholder name <span
                                                               class="error fw-bold">*</span></label>
                                                       <input class="form-control" name="iptv_cardholder_name"
                                                           placeholder="Enter cardholder name" type="text"
                                                           id="iptv_cardholder_name" minlength="3"
                                                           title="Enter cardholder name" required="">
                                                       <small class="text-danger lh-1 iptv_cardholder_name_err"></small>
                                                   </div>
                                               </div>
                                               <div class="col-sm-6">
                                                   <div class="form-group mb-4">
                                                       <label for="cc-number" class="control-label">Card details <span
                                                               class="error fw-bold">*</span> <small
                                                               class="text-muted">[<span
                                                                   class="cc-brand"></span>]</small></label>
                                                       <input class="form-control cc-number" name="ipti_card_details"
                                                           id="ipti_card_details" placeholder="XXXX XXXX XXXX XXXX XXXX"
                                                           type="text" inputmode="numeric" autocomplete="cc-number"
                                                           minlength="18" maxlength="24" required="" title="Please enter card details">
                                                       <div class="err" id="carderror"></div>
                                                       <small class="text-danger lh-1 ipti_card_details_err"></small>
                                                   </div>
                                               </div>
                                           </div>

                                           <div class="row">
                                               <div class="col-sm-6">
                                                   <div class="form-group mb-4">
                                                       <label>Expiration Date <span
                                                               class="error fw-bold">*</span></label>
                                                       <input class="form-control" name="iptv_expiry" id="iptv_expiry"
                                                           inputmode="numeric" placeholder="MM / YYYY" required=""
                                                           title="Please enter expiry date">
                                                       <div class="err" id="dateerror"></div>
                                                       <small class="text-danger lh-1 iptv_expiry_err"></small>
                                                   </div>
                                               </div>

                                               <div class="col-sm-6">
                                                   <div class="form-group mb-4">
                                                       <label>CVC <span class="error fw-bold">*</span></label>
                                                       <input class="form-control" name="iptv_cvc" placeholder="CVC"
                                                           maxlength="4" id="iptv_cvc" type="password" required=""
                                                           title="Please enter cvc">
                                                       <div class="err" id="cvcerror"></div>
                                                       <small class="text-danger lh-1 iptv_cvc_err"></small>
                                                   </div>
                                               </div>
                                           </div>

                                           <div class="row">
                                               <div class="col-sm-12 mb-4">
                                                   <div class="form-group">
                                                       <label class="d-block">Fill Captcha <span
                                                               class="error fw-bold">*</span></label>
                                                       <div id="captchaBackground"
                                                           class="cpacha-ref d-flex justify-content-between mb-4">
                                                           <div id="captcha" class="bg-white border rounded">
                                                               <img src="{{ URL::to('/captcha')}}" width="120" height="30" class="img-fluid"
                                                                   id="imgcaptcha10" alt="CAPTCHA">
                                                           </div>
                                                           <input id="textBox" type="text" class="form-control"
                                                               name="captcha10" placeholder="Code">
                                                           <button id="10" type="button"
                                                               class="rounded-circle refreshButton refresh_captcha"><img
                                                                   src="images/captcha-btn.png" alt="Refresh"
                                                                   class="img-fluid"></button>
                                                           <span id="output" class="error"></span>
                                                       </div>
                                                   </div>
                                                   <small
                                                       class="text-danger lh-1 captcha10_err">{{ $errors->first('captcha10') }}</small>
                                               </div>
                                           </div>
                                           <div class="form-group">
                                               <button type="button" id="buynow"
                                                   class="btn btn-primary btn-block btn-lg fw-bold w-100 rounded"
                                                   name="submit-button">Pay Now</button>
                                           </div>

                                       </div>
                                       <!-- / Payment Info Block -->
                                   </div>


                                   <!--            </div>  -->
                               </form>
                           </div>
                       </div>

                       <!-- card.// -->
                       <div class="text-center bg-transparent border-0 pt-4">
                           <img src="images/guruiptv-secure-payment-icons.jpg" class="img-fluid"
                               alt="100% Secure and Trusted Payments">
                       </div>


                   </aside> <!-- col.// -->
               </div> <!-- row.// -->
           </div>
       </section>
       <!-- / content-area -->


   </div>
   <!-- / main-guru-wrapper -->
   @endsection

   @section('meta-tags')

   <title>Payment - Guru IPTV</title>

   <meta name="description"
       content="Guru IPTV has continuously been USA Fastest Growing IPTV Service. We are Top Selling IPTV in USA & Canada. Call Now {{ config('sitesettings.guru_phone_one') }}">

   <link rel="canonical" href="https://www.guruiptv.xyz/payment" />
   <meta property="og:locale" content="en" />
   <meta property="og:type" content="website" />
   <meta property="og:title" content="100% Secure Payment - Guru IPTV" />
   <meta property="og:description"
       content="Guru IPTV has continuously been USA Fastest Growing IPTV Service. We are Top Selling IPTV in USA & Canada. Call Now {{ config('sitesettings.guru_phone_one') }}" />
   <meta property="og:url" content="{{url('/home')}}" />
   <meta property="og:site_name" content="{{url('/home')}}" />
   <meta property="og:image" content="https://www.guruiptv.xyz/img/request-bc.jpg" />
   <meta property="og:image:secure_url" content="https://www.guruiptv.xyz/img/request-bc.jpg" />
   <meta property="og:image:width" content="500">
   <meta property="og:image:height" content="400">
   <meta property="og:image:alt" content="100% Secure Payment - Guru IPTV" />
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:description"
       content="Guru IPTV has continuously been USA Fastest Growing IPTV Service. We are Top Selling IPTV in USA & Canada. Call Now {{ config('sitesettings.guru_phone_one') }}" />
   <meta name="twitter:title" content="100% Secure Payment - Guru IPTV" />
   <meta property="article:author" content="{{url('/home')}}" />
   <meta property="article:publisher" content="{{url('/home')}}" />
   <link rel="stylesheet" href="{!! asset('css/countrySelect.min.css') !!}">

   @endsection

   @section('scripts')
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.payment/3.0.0/jquery.payment.js"></script>
   <script src="{!! asset('js/countrySelect.js') !!}"></script>

   <script>
$(document).ready(function() {

    $("#leave option[value^='" + $('.qty').val() + "']").attr("selected", "true");

    document.getElementById("iptv_amount").value = $('#price').val();
    var amt = $('#price').val();
        var qt = $('#leave').val();
        var msg = qt * amt;
        document.getElementById("iptv_amount").value = msg;
    $("#leave").on('change', function() {
        var amt = $('#price').val();
        var qt = $('#leave').val();
        var msg = qt * amt;
        document.getElementById("iptv_amount").value = msg;
    });
});
   </script>


   <script>
$(document).ready(function() {
    $("input, textarea").keypress(function(e) {
        if (e.which === 32 && !this.value.length) {
            e.preventDefault();
        }
        var inputValue = e.charCode;
    });

    $("#country_selector").countrySelect({
        defaultCountry: "us",
        //onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
        preferredCountries: ['ca', 'gb', 'us']
    });
});
   </script>
   <script>
$(document).ready(function() {
    $("#shipping").countrySelect({
        defaultCountry: "us",
        //onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
        preferredCountries: ['ca', 'gb', 'us']
    });

});
   </script>
   <script>
$(document).ready(function() {
    $.fn.jQuerySimpleCounter = function(options) {
        var settings = $.extend({
            start: 0,
            end: 100,
            easing: 'swing',
            duration: 400,
            complete: ''
        }, options);
        var thisElement = $(this);
        $({
            count: settings.start
        }).animate({
            count: settings.end
        }, {
            duration: settings.duration,
            easing: settings.easing,
            step: function() {
                var mathCount = Math.ceil(this.count);
                thisElement.text(mathCount);
            },
            complete: settings.complete
        });
    };

    $('#count1').jQuerySimpleCounter({
        end: 50000,
        duration: 14000
    });
    $('#count2').jQuerySimpleCounter({
        end: 500,
        duration: 14000
    });
    $('#count3').jQuerySimpleCounter({
        end: 140,
        duration: 14000
    });
    $('#count4').jQuerySimpleCounter({
        end: 250,
        duration: 14000
    });
    $('#count5').jQuerySimpleCounter({
        end: 100000,
        duration: 14000
    });
});
   </script>
   <script>
$(document).ready(function() {
    // $("#sameadr").click(function() {

        // if ($(this).is(":checked") == true) {

        //     if ($('#iptv_street').val() != '') {
        //         $('#iptv_street_shipping').val($('#iptv_street').val());
        //     }
        //     if ($('#iptv_city').val() != '') {
        //         $('#iptv_city_shipping').val($('#iptv_city').val());
        //     }
        //     if ($('#iptv_state').val() != '') {
        //         $('#iptv_state_shipping').val($('#iptv_state').val());
        //     }
        //     if ($('#iptv_zip').val() != '') {
        //         $('#iptv_zip_shipping').val($('#iptv_zip').val());
        //     }
        //     if ($('#phone').val() != '') {
        //         $('#iptv_phone_two').val($('#phone').val());
        //     }
        //     if ($('#country_selector').val() != '') {
        //         $('#shipping').val($('#country_selector').val());
        //         $('#shipping_code').val($('#country_selector_code').val());
        //         $('#shippingBillingAddress ').fadeOut('medium');
        //     }
        //     //alert($('#country_selector_code').val())
        // } else {
        //     $('#iptv_street_shipping').val('');
        //     $('#iptv_city_shipping').val('');
        //     $('#iptv_state_shipping').val('');
        //     $('#iptv_zip_shipping').val('');
        //     $('#iptv_phone_two').val('');
        //     $('#shipping').val($('#shipping').val());
        //     //$('#shipping').attr('value',$('#shipping').val());                
        //     //$('#shipping').val($('#shipping_code').val());
        //     $('#shippingBillingAddress').fadeIn('medium');
        // }
    //});
});
   </script>

   <script>
$(function() {
    $('[data-numeric]').payment('restrictNumeric');
    $('#iptv_expiry').payment('formatCardExpiry');
    $('#iptv_cvc').payment('formatCardCVC');
    $('.text-muted').hide();
    $('.cc-number').on('keyup', function() {
        var cardBrand = $.payment.cardType($('.cc-number').val());
        if ($('.cc-number').val().length > 1 && cardBrand != null) {
            $('.text-muted').show();
            $('.cc-brand').text(cardBrand).css('color', '#ff4e50').css('text-transform', 'capitalize');
        } else {
            $('.text-muted').hide();
        }
    });
    $('.cc-number').on('input', function() {
        let cardNumber = $(this).val().replace(/\D/g, '');
        let formattedCardNumber = '';
        for (let i = 0; i < cardNumber.length; i += 4) {
            formattedCardNumber += cardNumber.substr(i, 4) + ' ';
        }
        formattedCardNumber = formattedCardNumber.trim();
        $(this).val(formattedCardNumber);
    });
});
   </script>
   <script type="text/javascript">
$(document).ready(function() {
    $("#buynow").click(function(e) {
        $("#buynow").prop('disabled', true);
        e.stopPropagation();
        e.stopImmediatePropagation();

        if ($("#sameadr").is(":checked") == true) {
            if ($('#iptv_street').val() != '') {
                $('#iptv_street_shipping').val($('#iptv_street').val());
            }
            if ($('#iptv_city').val() != '') {
                $('#iptv_city_shipping').val($('#iptv_city').val());
            }
            if ($('#iptv_state').val() != '') {
                $('#iptv_state_shipping').val($('#iptv_state').val());
            }
            if ($('#iptv_zip').val() != '') {
                $('#iptv_zip_shipping').val($('#iptv_zip').val());
            }
            if ($('#phone').val() != '') {
                $('#iptv_phone_two').val($('#phone').val());
            }
            if ($('#country_selector').val() != '') {
                $('#shipping').val($('#country_selector').val());
                $('#shipping_code').val($('#country_selector_code').val());
                $('#shippingBillingAddress ').fadeOut('medium');
            }
        }

        var _token = $("input[name='_token']").val();

        var iptv_fname = $("input[name='iptv_fname']").val();
        var iptv_lname = $("input[name='iptv_lname']").val();
        var iptv_street = $("input[name='iptv_street']").val();

        var iptv_country = $("input[name='iptv_country']").val();
        var iptv_state = $("input[name='iptv_state']").val();
        var iptv_city = $("input[name='iptv_city']").val();
        var iptv_zip = $("input[name='iptv_zip']").val();

        var iptv_phone = $("input[name='iptv_phone']").val();
        iptv_phone = removeSpecialCharPhoneNumber(iptv_phone)
        $("input[name='iptv_phone']").val(iptv_phone) 

        var email = $("input[name='email']").val();
        var iptv_street_shipping = $("input[name='iptv_street_shipping']").val();
        var shipping = $("input[name='shipping']").val();

        var iptv_state_shipping = $("input[name='iptv_state_shipping']").val();
        var iptv_city_shipping = $("input[name='iptv_city_shipping']").val();
        var iptv_zip_shipping = $("input[name='iptv_zip_shipping']").val();
        var iptv_phone_two = $("input[name='iptv_phone_two']").val();
        iptv_phone_two = removeSpecialCharPhoneNumber(iptv_phone_two)
        $("input[name='iptv_phone_two']").val(iptv_phone_two) 
        
        var plan = $("input[name='plan']").val();
        var iptv_amount = $("input[name='iptv_amount']").val();
        var quantity = $("select[name='quantity']").val();
        var iptv_cardholder_name = $("input[name='iptv_cardholder_name']").val();

        var ipti_card_details = $("input[name='ipti_card_details']").val();
        var iptv_expiry = $("input[name='iptv_expiry']").val();
        var iptv_cvc = $("input[name='iptv_cvc']").val();
        var captcha10 = $("input[name='captcha10']").val();

        var sameadr = $("input[name='sameadr']").is(':checked') ? 'Yes' : 0;

        if ($("#sameadr").is(":checked") == true) {
            if ($('#iptv_street').val() != '') {
                $('#iptv_street_shipping').val($('#iptv_street').val());
            }
            if ($('#iptv_city').val() != '') {
                $('#iptv_city_shipping').val($('#iptv_city').val());
            }
            if ($('#iptv_state').val() != '') {
                $('#iptv_state_shipping').val($('#iptv_state').val());
            }
            if ($('#iptv_zip').val() != '') {
                $('#iptv_zip_shipping').val($('#iptv_zip').val());
            }
            if ($('#phone').val() != '') {
                $('#iptv_phone_two').val($('#phone').val());
            }
            if ($('#country_selector').val() != '') {
                $('#shipping').val($('#country_selector').val());
                $('#shipping_code').val($('#country_selector_code').val());
                $('#shippingBillingAddress ').fadeOut('medium');
            }
        }

        $.ajax({
            url: "/buy-now-one",
            type: 'POST',
            data: {
                _token: _token,
                iptv_fname: iptv_fname,
                iptv_lname: iptv_lname,
                iptv_street: iptv_street,
                iptv_country: iptv_country,
                iptv_state: iptv_state,
                iptv_city: iptv_city,
                iptv_zip: iptv_zip,
                iptv_phone: iptv_phone,
                email: email,
                sameadr: sameadr,
                iptv_street_shipping: iptv_street_shipping,
                shipping: shipping,
                iptv_state_shipping: iptv_state_shipping,
                iptv_city_shipping: iptv_city_shipping,
                iptv_zip_shipping: iptv_zip_shipping,
                iptv_phone_two: iptv_phone_two,
                plan: plan,
                iptv_amount: iptv_amount,
                quantity: quantity,
                iptv_cardholder_name: iptv_cardholder_name,
                ipti_card_details: ipti_card_details,
                iptv_expiry: iptv_expiry,
                iptv_cvc: iptv_cvc,
                captcha10: captcha10
            },
            success: function(data) {
                $("#buynow").closest('form').find('.refresh_captcha').trigger("click");
                if ($.isEmptyObject(data.error)) {
                    window.location.href = '/thankyou';
                } else {
                    console.log(data.error);
                    printErrorMsg(data.error);
                    $("#buynow").prop('disabled', false);
                }
            },
            error: function(data){
                $("#buynow").prop('disabled', false);
            }
        });

    });

    $("#iptv_zip").keyup(async function () {
            var inputValue = $(this).val();
            var zipcode = inputValue.replace(/\s+/g, '');
            let errorDiv = document.querySelector(".iptv_zip_err");
            errorDiv.innerHTML = '';
            //$("input[name='iptv_city']").val('');
            //$("input[name='iptv_state']").val('');
            let country_code=$("input[name='iptv_country']").val()
            if (zipcode.length >= 5) {
                if(country_code=='United States' && zipcode.length>5){
                    errorDiv.textContent = 'Please enter valid USA zipcode.';
                    return false
                }
                if(country_code=='Canada' && zipcode.length>6){
                    errorDiv.textContent = 'Please enter valid Canada zipcode.';
                    return false
                }    
                let data = {zipcode:zipcode,country_code:country_code}
                errorDiv.innerHTML = 'Please wait, fetching zipcode details ....';
                const res= await ajaxHandlerPost('{{ route("getZipCode") }}', data);
                errorDiv.innerHTML = '';
                if(res.data){
                    $("input[name='iptv_city']").val(res.data.city);
                    $("input[name='iptv_state']").val(res.data.state);
                }else{
                    errorDiv.textContent = 'No record found for this zipcode.';
                }
               
            }
        });

        $("#iptv_zip_shipping").keyup(async function () {
            var inputValue = $(this).val();
            var zipcode = inputValue.replace(/\s+/g, '');
            let errorDiv = document.querySelector(".iptv_zip_shipping_err");
            errorDiv.innerHTML = '';
            //$("input[name='iptv_city_shipping']").val('');
            //$("input[name='iptv_state_shipping']").val('');
            let country_code=$("input[name='shipping']").val();
            if (zipcode.length >= 5) {
                if(country_code=='United States' && zipcode.length>5){
                    errorDiv.textContent = 'Please enter valid USA zipcode.';
                    return false
                }
                if(country_code=='Canada' && zipcode.length>6){
                    errorDiv.textContent = 'Please enter valid Canada zipcode.';
                    return false
                } 
                let data = {zipcode:zipcode,country_code:country_code}
                errorDiv.innerHTML = 'Please wait, fetching zipcode details ....';
                const res= await ajaxHandlerPost('{{ route("getZipCode") }}', data);
                errorDiv.innerHTML = '';
                if(res.data){
                    $("input[name='iptv_city_shipping']").val(res.data.city);
                    $("input[name='iptv_state_shipping']").val(res.data.state);
                }else{
                    errorDiv.textContent = 'No record found for this zipcode.';
                }
                
            }
        });
        $('#iptv_zip').on('input', function () {
            this.value = this.value.replace(/\s/g, '');
        });
        $('#iptv_zip_shipping').on('input', function () {
            this.value = this.value.replace(/\s/g, '');
        });
        
        $("#country_selector").on('change', function () {
            $("#iptv_zip").trigger('keyup');
        });

        $("#shipping").on('change', function () {
            $("#iptv_zip_shipping").trigger('keyup');
        });
});
   </script>
   @endsection