@extends('admin.layout.master')

@section('content')

<style>
     .error{
        color: red;
    }
</style>
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Authorize.net Test Form Process</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Authorize.net Test Form</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>

    <section class="content">
        <div class="container-fluid">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if (Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                    </p>
                @endif
            @endforeach
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="row">
                <div class="col-md-12">
                <div class="mb-2 text-right">
                    <a href="{{ route('admin.authorize-test-form') }}" class="btn btn-success">Back</a>
                </div>
                    <div class="card card-primary">
                        <div class="card-header">
                            <h4 class="card-title">Authorize.net Test Form Process </h4>
                        </div>

                        <div class="row">
                            <div class="col-md-5 mt-4 p-4">
                                <h4>Request</h4>
                                <div class="card" style="padding:20px;">
                                    <div class="card-body">
                                        <pre>                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7 mt-4 p-4">
                                <h4>Response</h4>
                                <div class="card" style="padding:20px;">
                                    <div class="card-body">
                                       
                                        <pre>                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>



    <script>

        function getBillCountryWiseState(val,state="") {

            var country_name = val;

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                url: "{{ route('shipping-countrywise-state') }}",
                dataType: "json",
                type: "GET",
                data: {
                    'Country_name': country_name
                },

                success: function(data) {

                    $('#bill_rate_state').html('');

                    var sflag = 0;
                    $.each(data, function(key, value) {
                        if(state == value.state_code){
                            sflag = 1;
                        }

                        if((country_name == "United States") || (country_name == "Canada")){

                            $('#bill_rate_state').append('<option value="'+ value.state_code +'">'+ value.name +'</option>');
                        }else{

                            $('#bill_rate_state').append('<option value="'+ value.name +'">'+ value.name +'</option>');
                        }
                    });



                    $('#bill_rate_country').val(val);
                    if(state){
                        if(sflag == 1){
                            $('#bill_rate_state').val(state);
                        }
                    }

                    $('#bill_rate_country').select2({
                        placeholder: "Please select country",
                        theme: 'bootstrap4',
                        allowClear: true
                    });

                },
            });
            }

        function getCountryWiseState(val,state="") {

            var country_name = val;

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': "{{ csrf_token() }}"
                },
                url: "{{ route('shipping-countrywise-state') }}",
                dataType: "json",
                type: "GET",
                data: {
                    'Country_name': country_name
                },

                success: function(data) {

                    $('#ship_rate_state').html('');

                    var sflag = 0;
                    $.each(data, function(key, value) {
                        if(state == value.state_code){
                            sflag = 1;
                        }

                        if((country_name == "United States") || (country_name == "Canada")){
                            $('#ship_rate_state').append('<option value="'+ value.state_code +'">'+ value.name +'</option>');
                        }else{
                            $('#ship_rate_state').append('<option value="'+ value.name +'">'+ value.name +'</option>');
                        }
                    });


                    $('#ship_rate_country').val(val);
                    if(state){
                        if(sflag == 1){
                            $('#ship_rate_state').val(state);
                        }
                    }
                    $('#ship_rate_country').select2({
                        placeholder: "Please select country",
                        theme: 'bootstrap4',
                        allowClear: true
                    });

                },
            });
        }


        jQuery(document).ready(function($) {

            $('#ship_rate_country').select2({
                placeholder: "Please select country",
                theme: 'bootstrap4',
                allowClear: true
            });

            $('#ship_rate_state').select2({
                placeholder: "Please select state",
                theme: 'bootstrap4'
            });

            $('#bill_rate_country').select2({
                placeholder: "Please select country",
                theme: 'bootstrap4',
                allowClear: true
            });

            $('#bill_rate_state').select2({
                placeholder: "Please select state",
                theme: 'bootstrap4'
            });

            $('#card_number').inputmask({
                mask: '(3(4|7)99 9{6} 9{5}|3999 9{4} 9{4} 9{4}|9{4} 9{4} 9{4} 9{4})'
            }).change(function(){
                let value = $(this).val().substr(0,2);
                $('#cvv').inputmask({
                mask: (value==34||value==37)?'9{4}':'9{3}'
                });
            });


            $.validator.addMethod('CCExp', function(value, element, params) {
            var minMonth = new Date().getMonth() + 1;
            var minYear = new Date().getFullYear();

            var expiry_date = $(params.month).val();
            var expiry_year = $(params.year).val();

            // expiry_date = expiry_date.split("/");

            var month = parseInt(expiry_date);
            var year = parseInt(expiry_year);
                return (!month || !year || year > minYear || (year === minYear && month >= minMonth));
          }, 'Your Credit Card Expiration date is invalid.');


            // Custom validation method to check CVV
            $.validator.addMethod("cvvCheck", function (value, element) {
                return /^[0-9]{3,4}$/.test(value); // CVV is typically 3 or 4 digits
            }, "Please enter a valid CVV.");


            // Initialize form validation
            $("#AuthorizeForm").validate({
                rules: {
                     // Shipping Address Rules
                    ship_first_name: {
                        required: true
                    },
                    ship_last_name: {
                        required: true
                    },
                    ship_email: {
                        required: true,
                        validEmail: true
                    },
                    ship_company: {
                        required: true
                    },
                    ship_rate_country: {
                        required: true
                    },
                    ship_street_address: {
                        required: true
                    },
                    ship_city: {
                        required: true
                    },
                    ship_rate_state: {
                        required: true
                    },
                    ship_zipcode: {
                        required: true,
                        validZip: true
                    },

                    // Billing Address Rules
                    bill_first_name: {
                        required: true
                    },
                    bill_last_name: {
                        required: true
                    },
                    bill_email: {
                        required: true,
                        validEmail: true
                    },
                    bill_company: {
                        required: true
                    },
                    bill_rate_country: {
                        required: true
                    },
                    bill_street_address: {
                        required: true
                    },
                    bill_city: {
                        required: true
                    },
                    bill_rate_state: {
                        required: true
                    },
                    bill_zipcode: {
                        required: true,
                        validZip: true
                    },
                    card_number: {
                        required: true,
                        luhnCheck: true
                    },
                    expiry_month: {
                        required: true
                    },
                    expiry_year: {
                        required: true
                    },
                    cvv: {
                        required: true,
                        cvvCheck: true
                    }
                },
                messages: {
                    ship_first_name: {
                        required: "Please enter your first name."
                    },
                    ship_last_name: {
                        required: "Please enter your last name."
                    },
                    ship_email: {
                        required: "Please enter your email."
                    },
                    ship_rate_country: {
                        required: "Please select a country."
                    },
                    ship_street_address: {
                        required: "Please enter your street address."
                    },
                    ship_city: {
                        required: "Please enter your city."
                    },
                    ship_rate_state: {
                        required: "Please select a state/region."
                    },
                    ship_zipcode: {
                        required: "Please enter your zip/postal code."
                    },
                    bill_first_name: {
                        required: "Please enter your first name."
                    },
                    bill_last_name: {
                        required: "Please enter your last name."
                    },
                    bill_email: {
                        required: "Please enter your email."
                    },
                    bill_rate_country: {
                        required: "Please select a country."
                    },
                    bill_street_address: {
                        required: "Please enter your street address."
                    },
                    bill_city: {
                        required: "Please enter your city."
                    },
                    bill_rate_state: {
                        required: "Please select a state/region."
                    },
                    bill_zipcode: {
                        required: "Please enter your zip/postal code."
                    },
                    card_number: {
                        required: "Please enter your card number."
                    },
                    expiry_month: {
                        required: "Please select an expiry month."
                    },
                    expiry_year: {
                        required: "Please select an expiry year."
                    },
                    cvv: {
                        required: "Please enter the CVV."
                    }
                },
                submitHandler: function (form) {
                    alert("Form is valid and ready to be submitted!");
                    form.submit();
                }
            });



        });
    </script>
@endsection