@extends('layout.layout')
@section('title')
Subject Details
@endsection
@section('backurl')
/
@endsection
@section('content')

<!--begin::Card-->
<div class="card card-custom">
    <form id="sigup_form" class="form" method="POST" action="{{ route('signup.store') }}" enctype="multipart/form-data" autocomplete="off">
        @csrf
        @method('POST')
        @if (isset($user->id))
            <input type="hidden" name="user_id" value={{ $user->id }}>
        @endif
        <input type="hidden" id="previous_compensation" value="{{ isset($user->id) ? $user->compensationType : "GiftCard" }}" />
        <div class="card-body py-12">
            <h3>Create a Subject Profile</h3>
            <h4 class="fw-normal mt-4">Please provide Subject Details for creating profile</h4>

            <div class="basic-info my-13 px-10">
                <h4 class="fw-bolder">Basic Information</h4>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">ERX ID</label>
                        <input type="text" class="form-control readonly-field" value="{{ ( !is_null(old('erxId')) ? old('erxId') : ( isset($user->id) ? $user->erxId : $erxId ) ) }}" readonly name="erxId" id="erxId">
                        <p class="text-danger">{{ $errors->first('erxId') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Subject ID
                            <span class="text-danger">*</span>
                        </label>
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                            <span class="bg-gray-200 input-group-text rounded-1">0050</span>
                            </div>
                            <input type="text" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" maxlength="4" class="form-control" placeholder="XXXX" value="{{ ( !is_null(old('subjectId')) ? str_pad(old('subjectId'), 4, '0', STR_PAD_LEFT) : ( isset($user->id) ? $participant->subjectId : '' ) ) }}" name="subjectId" id="subjectId">
                        </div>
                        <p class="text-danger">{{ $errors->first('subjectId') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">First Name
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" maxlength="25" oninput="this.value = this.value.replace(/[^A-Z a-z.]/g, '').replace(/(\..*)\./g, '$1');" class="form-control" placeholder="Enter first name" name="first_name" id="first_name" value="{{ ( !is_null(old('first_name')) ? old('first_name') : ( isset($user->id) ? $user->first_name : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('first_name') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Last Name
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" maxlength="25" oninput="this.value = this.value.replace(/[^A-Z a-z.]/g, '').replace(/(\..*)\./g, '$1');" class="form-control" placeholder="Enter last name" name="last_name" id="last_name" value="{{ ( !is_null(old('last_name')) ? old('last_name') : ( isset($user->id) ? $user->last_name : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('last_name') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Gender
                        </label>
                        <select class="form-control form-select" name="gender" id="gender">
                            <option disabled selected>Select Gender</option>
                            <option value="male" {{ (old('gender') == "male"  ? 'selected' : ( (isset($user->id) && $user->gender == "male" ) ? 'selected' : '' ) ) }}>Male</option>
                            <option value="female" {{ (old('gender') == "female"  ? 'selected' : ( (isset($user->id) && $user->gender == "female" ) ? 'selected' : '' ) ) }}>Female</option>
                            <option value="other" {{ (old('gender') == "other"  ? 'selected' : ( (isset($user->id) && $user->gender == "other" ) ? 'selected' : '' ) ) }}>Other</option>
                        </select>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Date of Birth
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" maxlength="10" class="form-control datepicker" name="dateOfBirth" id="dateOfBirth" placeholder="mm/dd/yyyy" value="{{ ( !is_null(old('dateOfBirth')) ? old('dateOfBirth') : ( isset($user->id) ? convert_date_for_application($user->dateOfBirth) : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('dateOfBirth') }}</p>
                    </div>
                </div>
            </div>

            <div class="basic-info my-13 px-10">
                <h4 class="fw-bolder">Contact Information</h4>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Email Address</label>
                        <span class="text-danger">*</span>
                        <input type="email" class="form-control" placeholder="Enter email address" name="email" id="email" value="{{ ( !is_null(old('email')) ? old('email') : ( isset($user->id) ? $user->email : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('email') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Phone Number
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" maxlength="10" class="form-control" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" placeholder="XXXXXXXXXX" name="phoneNo" id="phoneNo" value="{{ ( !is_null(old('phoneNo')) ? old('phoneNo') : ( isset($user->id) ? $user->phoneNo : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('phoneNo') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Address 1
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter first address" name="address" id="address" value="{{ ( !is_null(old('address')) ? old('address') : ( isset($user->id) ? $user->address : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('address') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Address 2
                        </label>
                        <input type="text" class="form-control" placeholder="Enter second address" name="address2" id="address2" value="{{ ( !is_null(old('address2')) ? old('address2') : ( isset($user->id) ? $user->address2 : '' ) ) }}">
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Country
                            <span class="text-danger">*</span>
                        </label>
                        <select class="form-control form-select" id="country" onchange="getStates(this)" name="country" data-control="select2">
                            <option disabled selected>Select Country</option>
                            @foreach ($countries as $country)
                                <option value="{{ $country->name }}" {{ (old('country') == $country->name ? 'selected' : ( (isset($user->id) && $user->country == $country->name ) ? 'selected' : ( (is_null(old('country')) && !isset($user->id) &&  $country->name == "United States")  ? 'selected' : '' ) ) ) }} >{{ $country->name }}</option>
                            @endforeach
                        </select>
                        <p class="text-danger">{{ $errors->first('country') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">State
                            <span class="text-danger">*</span>
                        </label>
                        <select class="form-control form-select" id="state" onchange="getCities()" name="state" data-control="select2">
                            <option disabled selected>Select State</option>
                            @if (!is_null(old('state')))
                                <option value="{{ old('state') }}" selected>{{ old('state') }}</option>
                            @elseif (isset($user->id) && isset($user->state))
                                <option value="{{ $user->state }}" selected>{{ $user->state }}</option>
                            @endif
                        </select>
                        <p class="text-danger">{{ $errors->first('state') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">City
                            <span class="text-danger">*</span>
                        </label>
                        <select class="form-control form-select" id="city" name="city" data-control="select2">
                            <option disabled selected>Select City</option>
                            @if (!is_null(old('city')))
                                <option value="{{ old('city') }}" selected>{{ old('city') }}</option>
                            @elseif (isset($user->id) && isset($user->city))
                                <option value="{{ $user->city }}" selected>{{ $user->city }}</option>
                            @endif
                        </select>
                        <p class="text-danger">{{ $errors->first('city') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Zip Code
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" maxlength="50" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" class="form-control" placeholder="Enter Zip code" name="zip" id="zip" value="{{ ( !is_null(old('zip')) ? old('zip') : ( isset($user->id) ? $user->zip : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('zip') }}</p>
                    </div>
                </div>
            </div>

            <div class="basic-info my-13 px-10">
                <h4 class="fw-bolder">Compensation Method <span class="text-danger">*</span></h4>
                <p class="fs-5">Please select preferred compensation method from the available options below</p>
                <div class="row mt-6">
                    <div class="d-flex flex-wrap mt-6 payment" id="payment">
                        <div class="budget-select channel-select me-10">
                            <input type="radio" name="compensationType" class="position-absolute budget" id="GiftCard" value="GiftCard" onclick="hide_ach()" {{ (old('compensationType') == "GiftCard"  ? 'checked' : ( (isset($user->id) && $user->compensationType == "GiftCard" ) ? 'checked' : '' ) ) }}>
                            <label for="GiftCard" class="cursor-pointer flex flex-wrap py-5 rounded-2 transitions-2">
                            <i class="fa fa-2x fa-gift me-4"></i>
                            <span class="fs-3 position-relative" style="bottom: 3px;">Gift Card</span>
                            <span class="circle"></span>
                            </label>
                        </div>
                        <div class="budget-select channel-select me-10">
                            <input type="radio" name="compensationType" class="position-absolute budget" id="PaperCheck" value="PaperCheck" onclick="hide_ach()" {{ (old('compensationType') == "PaperCheck"  ? 'checked' : ( (isset($user->id) && $user->compensationType == "PaperCheck" ) ? 'checked' : '' ) ) }}>
                            <label for="PaperCheck" class="cursor-pointer flex flex-wrap py-5 rounded-2 transitions-2">
                            <i class="fa fa-2x fa-print me-4"></i>
                            <span class="fs-3 position-relative" style="bottom: 3px;">Paper Check</span>
                            <span class="circle"></span>
                            </label>
                        </div>
                        <div class="budget-select channel-select">
                            <input type="radio" name="compensationType" class="position-absolute budget" id="ACH" @if (isset($user->id) && $user->compensationType == "ACH") onclick="show_ach()" @else onclick="enable_ach()" @endif value="ACH" {{ (old('compensationType') == "ACH"  ? 'checked' : ( (isset($user->id) && $user->compensationType == "ACH" ) ? 'checked' : '' ) ) }}>
                            <label for="ACH" class="cursor-pointer flex flex-wrap py-5 rounded-2 transitions-2">
                            <i class="fa fa-2x fa-print me-4"></i>
                            <span class="fs-3 position-relative" style="bottom: 3px;">ACH</span>
                            <span class="circle"></span>
                            </label>
                        </div>
                    </div>
                </div>
                <p class="text-danger my-5"> {{ $errors->first('compensationType') }}</p>
            </div>

            <div class="basic-info my-13 px-10 ach_divs" style="display: {{ ((old('compensationType') == "ACH" && !is_null(old('bank')))  ? 'block' : ( (isset($user->id) && $user->compensationType == "ACH" ) ? 'block' : 'none' ) ) }}">
                <div class="align-items-center d-flex justify-content-between">
                    <span>
                        <h4 class="fw-bolder">Bank Account Information</h4>
                        <h5 class="fw-bolder">Please provide bank account details.</h5>
                    </span>
                    @if (isset($user->id) && $user->compensationType == "ACH")
                    <a class="btn btn-primary actionBtn" onclick="enable_ach()"> Edit ACH Details </a>
                    @endif
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Bank Name</label>
                        <input type="text" class="form-control readonly-field" readonly id="bank" name="bank" value="{{ ( !is_null(old('bank')) ? old('bank') : ( isset($ach->id) ? $ach->bank : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('bank') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Branch Name
                        </label>
                        <input type="text" class="form-control" placeholder="Enter branch name" name="branchName" id="branchName" value="{{ ( !is_null(old('branchName')) ? old('branchName') : ( isset($ach->id) ? $ach->branchName : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('branchName') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Bank Country
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control readonly-field" readonly id="bankCountry" name="bankCountry" value="{{ ( !is_null(old('bankCountry')) ? old('bankCountry') : ( isset($ach->id) ? $ach->bankCountry : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('bankCountry') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Bank State
                        </label>
                        <input type="text" class="form-control" placeholder="Enter bank state" name="bankState" id="bankState" value="{{ ( !is_null(old('bankState')) ? old('bankState') : ( isset($ach->id) ? $ach->bankState : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('bankState') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Bank City
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter bank city" name="bankCity" id="bankCity" value="{{ ( !is_null(old('bankCity')) ? old('bankCity') : ( isset($ach->id) ? $ach->bankCity : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('bankCity') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Bank Zip Code
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter bank zip code" name="bankPostalCode" id="bankPostalCode" value="{{ ( !is_null(old('bankPostalCode')) ? old('bankPostalCode') : ( isset($ach->id) ? $ach->bankPostalCode : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('bankPostalCode') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-12">
                        <label class="mb-2">Bank Address
                        </label>
                        <input type="text" class="form-control" placeholder="Enter bank address" name="bankAddress" id="bankAddress" value="{{ ( !is_null(old('bankAddress')) ? old('bankAddress') : ( isset($ach->id) ? $ach->bankAddress : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('bankAddress') }}</p>
                    </div>
                </div>
            </div>

            <div class="basic-info my-13 px-10 ach_divs" style="display: {{ ((old('compensationType') == "ACH" && !is_null(old('bank')))  ? 'block' : ( (isset($user->id) && $user->compensationType == "ACH" ) ? 'block' : 'none' ) ) }}">
                <h4 class="fw-bolder">Account Information</h4>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Account Type</label>
                        <span class="text-danger">*</span>
                        <select class="form-control" name="accountType" id="accountType">
                            <option value="Personal Bank Account" selected {{ (old('accountType') == "Personal Bank Account"  ? 'selected' : ( (isset($ach->id) && $ach->accountType == "Personal Bank Account" ) ? 'selected' : '' ) ) }}>Personal Bank Account</option>
                            <option value="Business Bank Account" {{ (old('accountType') == "Business Bank Account"  ? 'selected' : ( (isset($ach->id) && $ach->accountType == "Business Bank Account" ) ? 'selected' : '' ) ) }}>Business Bank Account</option>
                        </select>
                        <p class="text-danger">{{ $errors->first('accountType') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Account Number
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter account number" name="accountNumber" id="accountNumber" value="{{ ( !is_null(old('accountNumber')) ? old('accountNumber') : ( isset($ach->id) ? $ach->accountNumber : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('accountNumber') }}</p>
                    </div>
                </div>
                <div class="row mt-6">
                    <div class="form-group col-md-6">
                        <label class="mb-2">Confirm Account Number
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Confirm account number" name="confirm_accountNumber" value="{{ ( !is_null(old('confirm_accountNumber')) ? old('confirm_accountNumber') : ( isset($ach->id) ? $ach->accountNumber : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('confirm_accountNumber') }}</p>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="mb-2">Routing Number
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control readonly-field" readonly id="routingNumber" name="routingNumber" value="{{ ( !is_null(old('routingNumber')) ? old('routingNumber') : ( isset($ach->id) ? $ach->routingNumber : '' ) ) }}">
                        <p class="text-danger">{{ $errors->first('routingNumber') }}</p>
                    </div>
                </div>
            </div>

            @if (isset($user->id))
                <div class="basic-info my-13 px-10">
                    <div class="row mt-6">
                        <div class="col-md-12">
                            <label class="form-label mb-2">Justification <span class="text-danger">*</span> </label>
                            <textarea maxlength="500" onkeyup="countChar(this)" name="justification" id="justification" class="border-2 comment form-control mb-2 mb-md-0 min-h-125px" placeholder="Max 500 characters allowed" >{{ old('justification') }}</textarea>
                            <span class="d-block fs-7 mb-2 mt-2 text-muted"><span id="word_count" class="text-success word-count"> {{ Str::length(old('justification')) ?? '0'  }} </span> characters reached</span>
                            <p class="text-danger">{{ $errors->first('justification') }}</p>
                        </div>
                    </div>
                </div>
            @endif

        </div>

        <div class="card-footer d-flex justify-content-end py-6 px-9">
            <a class="btn btn-secondary btn-active-light-primary me-2" href="/">Back</a>
            <button class="btn btn-primary actionBtn" onclick="submit_form(this)">
                Save
            </button>
        </div>
    </form>
</div>
<!--end::Card-->

<div class="modal fade mydropdownmodal" id="ach_bank_modal"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Validate Bank</h5>

				<!--begin::Close-->
				<div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
					<span class="fa fa-times"></span>
				</div>
				<!--end::Close-->
			</div>
			<div class="modal-body">
				<div class="row mb-6">
					<!--begin::Label-->
					<label class="col-lg-4 col-form-label fw-bold fs-6">
						<span>Routing Number</span>
					</label>
					<!--end::Label-->
					<!--begin::Col-->
					<div class="col-lg-8 fv-row">
						<input type="text" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"  id="ACHConfirmRoutingNumber" placeholder="Routing Number" value="{{ isset($ach->id) ? $ach->routingNumber : '' }}" />
					</div>
					<!--end::Col-->
				</div>
				<div class="row mb-6">
                        <!--begin::Label-->
                        <label class="col-lg-4 col-form-label fw-bold fs-6">
                            <span>Country</span>
                        </label>
                        <!--end::Label-->
                        <!--begin::Col-->
                        <div class="col-lg-8 fv-row">
                        <select class="form-control form-select form-control-lg form-control-solid mb-3 mb-lg-0" id="ACHConfirmCountry" data-control="select2">
                            <option disabled selected>Select Country</option>
                            @foreach ($ach_countries as $country)
                                <option value="{{ $country->country_code }}" {{ $country->country_code == "US" ? 'selected' : '' }} >{{ $country->country_name }}</option>
                            @endforeach
                        </select>
                        <!--end::Col-->
                    </div>
                </div>
            </div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" onclick="fetch_ach_bank()">Continue</button>
			</div>
	    </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" id="confirmBankData">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Confirm Bank Name</h5>

				<!--begin::Close-->
				<div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
					<span class="svg-icon svg-icon-2x"></span>
				</div>
				<!--end::Close-->
			</div>

			<div class="modal-body">
				<div class="row mb-6">
					<!--begin::Label-->
					<label class="col-lg-4 col-form-label fw-bold fs-6">Bank Name</label>
					<!--end::Label-->
					<!--begin::Col-->
					<div class="col-lg-8 fv-row">
						<input type="text" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 readonly-field"  id="ACHConfirmBankData"/>
					</div>
					<!--end::Col-->
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light" data-bs-dismiss="modal">No</button>
				<button type="button" class="btn btn-primary" onclick="confirm_ach_bank()">Confirm</button>
			</div>
		</div>
	</div>
</div>



<script>

    $(document).ready(function(){
        $(".loader-fade").fadeOut();
        var error_array = @json($errors->getMessages());
        if(Object.keys(error_array).length){
            Swal.fire({
                text: "Requied fields are missing",
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                allowOutsideClick: false,
                customClass: {
                    confirmButton: "btn btn-primary"
                }
            }).then((result) => {  
                if (result.isConfirmed) {    
                    var error_field = '{{ array_key_first($errors->getMessages()) }}'
                    if(error_field != ""){
                        if(error_field == 'compensationType'){
                            error_field = 'payment';
                        }
                        $('html, body').animate({
                            scrollTop: $("#"+error_field).offset().top - 120
                        }, 1000);
                    }
                }
            });
        }
    });

    $(document).ready(function(){
        getStates();
        getCities();
        $('#ach_bank_modal').on('hide.bs.modal', function () {
            if($('#bank').val() == ''){
                var previous_compensation = $('#previous_compensation').val();
                $('#'+previous_compensation).prop('checked', true);
            }
        });
    });


    function submit_form(e){
        $(e).attr('disabled', true);
        $('#sigup_form').submit();
    }

    function getStates(){
        var country = $('#country').val();
        var state = $('#state').val();
        jQuery.ajax({
            method: "GET",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },

            url: "{{route('getStates', '')}}"+"/"+country,
            success: function(response) {
                $("#state").empty();
                $('#state').append('<option disabled selected>Select State</option>');
                $.each(response, function (index, value) {
                    var selected = state == value.name ? 'selected' : '';
                    $('#state').append('<option value="'+value.name+'"  '+selected+' >'+value.name+'</option>')
                });
            }
        });

        getCities();
    }

    function getCities(){
        var state = $('#state').val();
        var city = $('#city').val();
        jQuery.ajax({
            method: "GET",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },

            url: "{{route('getCities', '')}}"+"/"+state,
            success: function(response) {
                $("#city").empty();
                $('#city').append('<option disabled selected>Select City</option>');
                $.each(response, function (index, value) {
                    var selected = city == value.name ? 'selected' : '';
                    $('#city').append('<option value="'+value.name+'" '+selected+' >'+value.name+'</option>')
                });
            }
        });
    }

    function enable_ach(){
        $('#ach_bank_modal').modal('show');
    }

    function fetch_ach_bank(){
        var ACHConfirmRoutingNumber = $('#ACHConfirmRoutingNumber').val();
        var ACHConfirmCountry = $('#ACHConfirmCountry').val();
        axios.post('{!! route('ACHConfirmAccount') !!}',{
            "_token": "{{ csrf_token() }}",
                'ACHConfirmRoutingNumber': ACHConfirmRoutingNumber,
                'ACHConfirmCountry': ACHConfirmCountry,
        })
            .then(function (response) {
                // console.log(response);
                if(response.status === 200){
                   $('#confirmBankData').modal('show');
                //    console.log(response);
                   $('#ACHConfirmBankData').val(response.data.message);
                   $('.ACHConfirmBankData').val(response.data.message);
                }else{
                    Swal.fire({
                        text: response.message,
                        icon: "error",
                        buttonsStyling: false,
                        confirmButtonText: "Ok, got it!",
                        customClass: {
                            confirmButton: "btn btn-primary"
                        }
                    });
                }
            })
            .catch(function (error) {
                let dataMessage = error.response.data.message;
                let dataErrors = error.response.data.errors;

                for (const errorsKey in dataErrors) {
                    if (!dataErrors.hasOwnProperty(errorsKey)) continue;
                    dataMessage += "\r\n" + dataErrors[errorsKey];
                }

                if (error.response) {
                    Swal.fire({
                        text: dataMessage,
                        icon: "error",
                        buttonsStyling: false,
                        confirmButtonText: "Ok, got it!",
                        customClass: {
                            confirmButton: "btn btn-primary"
                        }
                    });
                }
            })
    }

    function confirm_ach_bank(){
        $('#bank').val($('#ACHConfirmBankData').val());
        $('#bankCountry').val($('#ACHConfirmCountry').val());
        $('#routingNumber').val($('#ACHConfirmRoutingNumber').val());
        $('#ach_bank_modal').modal('hide');
        $('#confirmBankData').modal('hide');
        $('.ach_divs').show();
    }

    function hide_ach(){
        $('.ach_divs').hide();
    }

    function show_ach(){
        $('.ach_divs').show();
    }

    function countChar(text) {
        $('#word_count').html(text.value.length);
    }

</script>

@endsection