@php
$meta_title = 'Checkout - Aurobees';
$meta_description = 'Streamline your shopping experience with our efficient and secure checkout page. Complete your purchase effortlessly, with a wide range of payment options and hassle-free order confirmation. Shop confidently and enjoy a seamless checkout process with our user-friendly interface. Start your stress-free checkout now!';
$meta_keywords = 'Checkout, Aurobees, Payment, Secure Payment';
$add_class_header='show-nav';
@endphp
@extends('frontend.user.includes.master')
@section('body')
<style>
    .error {
        border-block-color: red;
    }
    .container {
        /*max-width: 1680px;*/
    }
</style>
<section class="checkout_wrap">
    <div class="container">
        <div class="checkout_title">
            <h1>{{ HelperServiceProvider::GetLanguageText('checkout')}}</h1>
            @if($errors->any())
            {!! implode('', $errors->all('<div>:message</div>')) !!}
            @endif
        </div>
        <form name="customer_checkout" id="customer_checkout" method="POST" autocomplete="off" enctype="multipart/form-data" action="{{route('checkout.store')}}">
            @csrf
            <div class="row">
                <div class="col-md-7">
                    <div class="express__checkout">
                        <div class="payment_mothod">
                            <h2>{{ HelperServiceProvider::GetLanguageText('fill_in_the_form_below_for_gst_invoice')}}</h2>
                        </div>
                    </div>
                    <div class="accordion_wrap">
                        <div class="accordion" id="checkout_accordion">
                            <div class="accordion-item">
                                <button class="general_info" type="button" data-bs-toggle="collapse" data-bs-target="#general_info">
                                    {{ HelperServiceProvider::GetLanguageText('general_information')}}
                                </button>
                                <div id="general_info" class="accordion-collapse collapse show" data-bs-parent="#checkout_accordion">
                                    <div class="accordion-body">
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('registered_company_name')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="company_name" readonly value="{{HelperServiceProvider::CheckoutPage('company_name')}}" placeholder="" id="company_name">
                                                @error('company_name')
                                                <span class="text-danger error-company_name">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('company_code')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="company_code" readonly value="{{HelperServiceProvider::CheckoutPage('code')}}" placeholder="">
                                                @error('company_code')
                                                <span class="text-danger error-company_code">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('country')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                @php $country=HelperServiceProvider::CheckoutPage('country'); @endphp
                                                <select class="country-select CheckoutCounteryList" name="country" id="country"></select>
                                                <label id="country-error-div" style="display: none;" class="error" for="country">Please select country name</label>
                                                @error('country')
                                                <span class="text-danger error-country">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group state_div">
                                            <label>{{ HelperServiceProvider::GetLanguageText('state')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                @php $oldstate=HelperServiceProvider::CheckoutPage('state'); @endphp
                                                <select name="state" class="form-control select_list" id="state">
                                                    @foreach ($state_list as $state)
                                                    <option value="{{$state->name}}" @if($state->code==$oldstate) selected @endif>{{$state->name}}</option>
                                                    @endforeach
                                                </select>
                                                @error('state')
                                                    <span class="text-danger error-state">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('city')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="city" id="city" value="{{HelperServiceProvider::CheckoutPage('city')}}" maxlength="50" placeholder="">
                                                @error('city')
                                                <span class="text-danger error-city">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('address_line_1')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="address_1" id="address_1" value="{{HelperServiceProvider::CheckoutPage('address_1')}}" maxlength="100" placeholder="">
                                                @error('address_1')
                                                <span class="text-danger error-address_1">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('address_line_2')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="address_2" id="address_2" value="{{HelperServiceProvider::CheckoutPage('address_2')}}" maxlength="100" placeholder="">
                                                @error('address_2')
                                                <span class="text-danger error-address_2">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group pincode-div">
                                            <label>{{ HelperServiceProvider::GetLanguageText('pincode_zipcode')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="pincode" id="pincode" value="{{HelperServiceProvider::CheckoutPage('pincode')}}" placeholder="" >
                                                @error('pincode')
                                                <span class="text-danger error-pincode">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('industry')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                @php $oldIndustry=HelperServiceProvider::CheckoutPage('industry'); @endphp
                                                <select name="industry" class="form-control select_list" id="industry">
                                                    @foreach ($industry_list as $industry)
                                                    <option value="{{$industry->id}}" @if($industry->id==$oldIndustry) selected @endif>{{$industry->name}}</option>
                                                    @endforeach
                                                </select>
                                                @error('industry')
                                                <span class="text-danger error-industry">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('no_of_employees')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                @php $no_of_employee=HelperServiceProvider::CheckoutPage('no_of_employee'); @endphp
                                                <select class="select_list" name="no_of_employee">
                                                    <option value="1-10" @if(@$no_of_employee =='1-10') selected @endif >1-10</option>
                                                    <option value="11-50" @if(@$no_of_employee =='11-50') selected @endif>11-50 </option>
                                                    <option value="51-100" @if(@$no_of_employee =='51-100') selected @endif>51-100</option>
                                                    <option value="100+" @if(@$no_of_employee =='100+') selected @endif>100+</option>
                                                </select>
                                                @error('no_of_employee')
                                                <span class="text-danger error-no_of_employee">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <button class="collapsed general_info1" type="button" data-bs-toggle="collapse" data-bs-target="#general_info1">
                                    {{ HelperServiceProvider::GetLanguageText('contact_information')}}
                                </button>
                                <div id="general_info1" class="accordion-collapse collapse" data-bs-parent="#checkout_accordion">
                                    <div class="accordion-body">
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('first_name')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="f_name" placeholder="" maxlength="40" value="{{HelperServiceProvider::CheckoutPage('f_name')}}">
                                                @error('f_name')
                                                <span class="text-danger error-f_name">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('last_name')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="l_name" placeholder="" maxlength="40" value="{{HelperServiceProvider::CheckoutPage('l_name')}}">
                                                @error('l_name')
                                                <span class="text-danger error-l_name">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('designation')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="designation" id="designation" maxlength="40" placeholder="" value="{{HelperServiceProvider::CheckoutPage('designation')}}">
                                                @error('designation')
                                                <span class="text-danger error-designation">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('address')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="address" placeholder="" maxlength="100" value="{{HelperServiceProvider::CheckoutPage('address')}}">
                                                @error('address')
                                                <span class="text-danger error-address">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('email_address')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="email" name="email" id="email" placeholder="" value="{{HelperServiceProvider::CheckoutPage('email')}}">
                                                @error('email')
                                                <span class="text-danger error-email">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('contact_number')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild calling_code-div">
                                                @php $calling_code=HelperServiceProvider::CheckoutPage('calling_code'); @endphp
                                                <input type="hidden" name="calling_code" value="{{@$calling_code}}" id="calling_code" class="calling_code">
                                                <input type="text" id="mobile_code_contact" value="{{HelperServiceProvider::CheckoutPage('phone')}}" class="form-control phone" placeholder="Phone Number" name="phone" id="phone">
                                                @error('phone')
                                                <span class="text-danger error-phone">{{ $message }}</span>
                                                @enderror
                                                @error('calling_code')
                                                <span class="text-danger error-calling-code">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <button class="collapsed general_info2" type="button" data-bs-toggle="collapse" data-bs-target="#general_info2">
                                    {{ HelperServiceProvider::GetLanguageText('billing_information')}}
                                </button>
                                <div id="general_info2" class="accordion-collapse collapse" data-bs-parent="#checkout_accordion">
                                    <div class="accordion-body">
                                        <div class="same_above">
                                            <label class="custom_check">{{ HelperServiceProvider::GetLanguageText('same_as_above')}}
                                                <input type="checkbox" id="same_as_above">
                                                <span class="checkmark"></span>
                                            </label>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('registered_company_name')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="billing_company_name" id="billing_company_name" placeholder="" value="{{HelperServiceProvider::CheckoutPage('billing_company_name')}}">
                                                @error('billing_company_name')
                                                <span class="text-danger error-billing_company_name">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('country')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                @php $billing_country=HelperServiceProvider::CheckoutPage('billing_country'); @endphp
                                                <select class="country-select CheckoutBillingCounteryList" name="billing_country" id="billing_country"></select>
                                                <label id="billing-country-error-div" style="display: none;" class="error" for="billing_country">Please select country name</label>
                                                @error('billing_country')
                                                <span class="text-danger error-billing_country">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group billing_state_div">
                                            <label>{{ HelperServiceProvider::GetLanguageText('state')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                @php $old_state_list=HelperServiceProvider::CheckoutPage('billing_state'); @endphp
                                                <select name="billing_state" class="form-control select_list" id="billing_state">
                                                    @foreach ($state_list as $key=> $state)
                                                    <option value="{{$state->name}}" @if($state->code==$old_state_list) selected @endif>{{$state->name}}</option>
                                                    @endforeach
                                                </select>
                                                @error('billing_state')
                                                <span class="text-danger error-state">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('city')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="billing_city" id="billing_city" placeholder="" maxlength="50" value="{{HelperServiceProvider::CheckoutPage('billing_city')}}">
                                                @error('billing_city')
                                                <span class="text-danger error-billing_city">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('address_line_1')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="text" name="billing_address_1" id='billing_address_1' maxlength="100" placeholder="" value="{{HelperServiceProvider::CheckoutPage('billing_address_1')}}">
                                                @error('billing_address_1')
                                                <span class="text-danger error-billing_address_1">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('address_line_2')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="billing_address_2" id="billing_address_2" maxlength="100" placeholder="" value="{{HelperServiceProvider::CheckoutPage('billing_address_2')}}">
                                                @error('billing_address_2')
                                                <span class="text-danger error-billing_address_2">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('email_address')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild">
                                                <input type="email" name="billing_email" id="billing_email" placeholder="" value="{{HelperServiceProvider::CheckoutPage('billing_email')}}">
                                                @error('billing_email')
                                                <span class="text-danger error-billing_email">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group">
                                            <label>{{ HelperServiceProvider::GetLanguageText('contact_number')}}<span style="color: red;">*</span></label>
                                            <div class="form_feild billing_calling_code-div">
                                                @php $billing_calling_code=HelperServiceProvider::CheckoutPage('billing_calling_code') @endphp
                                                <input type="hidden" name="billing_calling_code" id="billing_calling_code" class="calling_code" value="{{@$billing_calling_code}}">
                                                <input type="text" id="mobile_code11" value="{{HelperServiceProvider::CheckoutPage('billing_phone')}}" class="form-control billing_phone" placeholder="Phone Number" name="billing_phone" id="billing_phone">
                                                @error('billing_phone')
                                                <span class="text-danger error-billing_phone">{{ $message }}</span>
                                                @enderror
                                                @error('billing_calling_code')
                                                <span class="text-danger error-billing_calling_code">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <button class="collapsed general_info3" type="button" data-bs-toggle="collapse" data-bs-target="#general_info3">
                                    {{ HelperServiceProvider::GetLanguageText('document_information')}}
                                </button>
                                <div id="general_info3" class="accordion-collapse collapse" data-bs-parent="#checkout_accordion">
                                    <div class="accordion-body">
                                        <div class="form_group singapore_document india_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('gst_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="gst_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('gst_number')}}">
                                                @error('gst_number')
                                                <span class="text-danger error-gst_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group india_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('pan_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="pan_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('pan_number')}}">
                                                @error('pan_number')
                                                <span class="text-danger error-pan_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group uae_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('trn_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="trn_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('trn_number')}}">
                                                @error('trn_number')
                                                <span class="text-danger error-trn_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group singapore_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('acra_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="acra_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('acra_number')}}">
                                                @error('acra_number')
                                                <span class="text-danger error-acra_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group indonesia_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('npwp_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="npwp_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('npwp_number')}}">
                                                @error('npwp_number')
                                                <span class="text-danger error-npwp_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group indonesia_document uae_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('tax_registration_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="tax_registration_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('tax_registration_number')}}">
                                                @error('tax_registration_number')
                                                <span class="text-danger error-tax_registration_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group  other_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('company_registration_number')}}</label>
                                            <div class="form_feild">
                                                <input type="text" name="company_registration_number" placeholder="" value="{{HelperServiceProvider::CheckoutPage('company_registration_number')}}">
                                                @error('company_registration_number')
                                                <span class="text-danger error-company_registration_number">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form_group singapore_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('acra_profile_copy')}}</label>
                                            @php $acra_profile_copy = HelperServiceProvider::CheckoutPage('acra_profile_copy');  @endphp
                                            <div class="form_feild">
                                                <div class="upload-btn-wrapper">
                                                    <button class="btn">+Attach</button>
                                                    <input type="file" name="acra_profile_copy" />
                                                    @error('acra_profile_copy')
                                                    <span class="text-danger error-acra_profile_copy">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                                                                    </div>
                                        <div class="form_group indonesia_document uae_document all_document">
                                            <label>{{ HelperServiceProvider::GetLanguageText('tax_registration_document')}}</label>
                                            @php $tax_registration_document = HelperServiceProvider::CheckoutPage('tax_registration_document'); @endphp
                                            <div class="form_feild">
                                                <div class="upload-btn-wrapper">
                                                    <button class="btn">+Attach</button>
                                                    <input type="file" name="tax_registration_document" />
                                                    @error('tax_registration_document')
                                                    <span class="text-danger error-tax_registration_document">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="checkout_right">
                        <div class="payment_description">
                            <ul>
                                <li>
                                    <strong>{{ HelperServiceProvider::GetLanguageText('subscription_model')}}:</strong>
                                    <p> ()</p>
                                </li>
                                <li>
                                    <strong>{{ HelperServiceProvider::GetLanguageText('no_of_user')}}:</strong>
                                    <p></p>
                                </li>
                                <li>
                                    <strong>{{ HelperServiceProvider::GetLanguageText('payment_plan')}}:</strong>
                                    <p></p>
                                </li>
                            </ul>
                        </div>
                        <hr>
                        <div class="payment_description">
                            <ul>
                                <li>
                                    <strong>{{ HelperServiceProvider::GetLanguageText('sub_total')}}:</strong> 
                                    <p> &nbsp; 0.00</p>
                                </li>
                                <li>
                                    <strong>:</strong>
                                    <p> &nbsp; 0.00</p>
                                </li>
                            </ul>
                        </div>
                        <div class="total_amount">
                            <h4>{{ HelperServiceProvider::GetLanguageText('total')}}:</h4>
                            <div class="amount_value"> &nbsp; 
                                <span> 0.00</span>
                            </div>
                        </div>
                        <hr>
                        <div class="payment_description">
                            <ul>
                                <li>
                                    <strong>{{ HelperServiceProvider::GetLanguageText('payment_mode')}}</strong> 
                                    <div class="pay_method_grid">
                                        {{-- @if(!(@$country_code =='IN' || @$country_code=='ID')) --}}
                                            <div class="choose_meethod">
                                                <input type="radio" id="Offline" checked name="payment_mode" value="Offline">
                                                <label for="Offline">{{ HelperServiceProvider::GetLanguageText('offline')}}</label>
                                            </div>
                                        {{-- @else
                                        <div class="choose_meethod">
                                            <input type="radio" id="auropay" checked name="payment_mode" value="auropay">
                                            <label for="auropay"><img style="width: 90px;" src="{{ asset('img/auropay.webp') }}" alt="Logo"></label>
                                        </div>
                                        @endif --}}
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="btn_wrap">
                            <p>
                                <label class="custom_check"> {{ HelperServiceProvider::GetLanguageText('i_agree_to_the_terms_of_use')}}, <a href="http://127.0.0.1:8000/page/terms-and-conditions" target="_blank">{{ HelperServiceProvider::GetLanguageText('view_terms_and_condition')}}</a>
                                    <input type="checkbox" name="checkbox">
                                    <span class="checkmark"></span>
                                </label>
                            </p>
                            <button class="submit_btn" type="submit">{{ HelperServiceProvider::GetLanguageText('proceed_to_payment')}}</button>
                            <!--<button class="submit_btn mt-4" id="change_lob" type="button">Change Lob</button>-->
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>
@endsection
@section('script')
    <script>
        $("document").ready(function () {
            $('.error-billing_calling_code-error').hide();
            // -----Country Code Selection
            var element = document.getElementById('mobile_code11');
            if (element) {
                $("#mobile_code11").intlTelInput({
                    initialCountry: "auto",
                    separateDialCode: true,
                });
                $("#mobile_code_contact").intlTelInput({
                    initialCountry: "auto",
                    separateDialCode: true,
                });
            }
        });
        $('.accordion-collapse').on('shown.bs.collapse', function(e) {
            var $panel = $(this).closest('.accordion-item');
            $('html,body').animate({
                scrollTop: $panel.offset().top
            }, 500);
        });
        jQuery(function() {
            // Add custom email check validation method
            $.validator.addMethod("checkEmailExists", function(value, element) {
                var emailExists = false;
                // Make an AJAX request to check if the email exists in the database
                $.ajax({
                    url: "{{route('check-checkout-email')}}",
                    type: "POST",
                    data: {
                        _token: "