@include('admin.layouts.header')
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
@include('admin.layouts.sidebar')
<style>
    .app-tabs{
        padding: 10px 20px;
    }
    .nach-send:hover{
        text-decoration: none;
    }

</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    {!! isset($consumer_application->bank_details->bank_name) ? 'Edit' : 'Add' !!} Consumer's Bank Details
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="{{ asset('/') }}" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ asset('admin-user') }}" class="m-nav__link">
                            <span class="m-nav__link-text">
                                 Bank Details
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                {!! isset($consumer_application->bank_details->bank_name) ? 'Edit' : 'Add' !!}
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption" style="position: relative;">
                    <div class="m-portlet__head-title">
                        <ul class="nav nav-tabs" style="margin-bottom:0;border:none;">
                            <li class="active app-tabs"><a data-toggle="tab" class="appli-tab active show applicant" data-target="#applicant" href="javascript:;" style="text-decoration: none;">
                                <span class="m-portlet__head-icon">
                                    <i class="flaticon-add"></i>
                                </span>
                                    <h3 class="m-portlet__head-text">
                                        {!! (isset($consumer_application->applicant_bank->bank_name)) ? 'Edit' : 'Add' !!} Applicant's Bank Application

                                        @if(isset($consumer_application->applicant_bank->karza_response) && $consumer_application->applicant_bank->karza_response == 'false')
                                            <div style="padding: 5px;font-size: 12px;color: red;" id="b_vali_div"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="margin-right: 6px;color: red;" title="Bank validation failed"></i>Bank validation failed !</div>
                                        @elseif(isset($consumer_application->applicant_bank->karza_response))
                                            <?php
                                            $bank_validation = json_decode($consumer_application->applicant_bank->karza_response);
                                            ?>
                                            @if(!isset($bank_validation->result->bankResponse))
                                                <div style="padding: 5px;font-size: 12px;color: red;" id="b_vali_div"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="margin-right: 6px;color: red;" title="Bank validation failed"></i>Bank validation failed !</div>
                                            @else
                                                <div style="padding: 5px;font-size: 12px;color:@if(isset($bank_validation->result->bankTxnStatus) && $bank_validation->result->bankTxnStatus == false) red @else darkgreen @endif" id="b_vali_div">{!! $bank_validation->result->bankResponse or '' !!}</div>
                                            @endif
                                        @endif
                                    </h3>
                            </a></li>
                            @if(isset($consumer_application->co_applicant_id) && $consumer_application->co_applicant_id != 0)
                            <li class="app-tabs"><a data-toggle="tab" class="appli-tab coapplicant" data-target="#co_applicant" href="javascript:;" style="text-decoration: none;">
                                    <span class="m-portlet__head-icon">
                                        <i class="flaticon-add"></i>
                                    </span>
                                    <h3 class="m-portlet__head-text">
                                        {!! isset($consumer_application->co_applicant_bank->bank_name) ? 'Edit' : 'Add' !!} Co-Applicant's Bank Application

                                        @if(isset($consumer_application->co_applicant_bank->karza_response) && $consumer_application->co_applicant_bank->karza_response == 'false')
                                            <div style="padding: 5px;font-size: 12px;color: red;" id="b_vali_div"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="margin-right: 6px;color: red;" title="Bank validation failed"></i>Bank validation failed !</div>
                                        @elseif(isset($consumer_application->co_applicant_bank->karza_response))
                                            <?php
                                            $bank_validation = json_decode($consumer_application->co_applicant_bank->karza_response);
                                            ?>
                                            @if(!isset($bank_validation->result->bankResponse))
                                                <div style="padding: 5px;font-size: 12px;color: red;" id="b_vali_div"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="margin-right: 6px;color: red;" title="Bank validation failed"></i>Bank validation failed !</div>
                                            @else
                                                <div style="padding: 5px;font-size: 12px;color:@if(isset($bank_validation->result->bankTxnStatus) && $bank_validation->result->bankTxnStatus == false) red @else darkgreen @endif" id="b_vali_div">{!! $bank_validation->result->bankResponse or '' !!}</div>
                                            @endif
                                        @endif
                                    </h3>
                                </a></li>
                            @endif
                        </ul>

                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div id="applicant" class="tab-pane fade in active show">
                    <div class="col-12" style="padding-top: 10px">
                        @if(\Illuminate\Support\Facades\Session::has('Fetch_AA_Monitoring|-69') && !isset($account_aggregator->is_monitoring) || (isset($account_aggregator->is_monitoring) && $account_aggregator->is_monitoring == 0))
                            <span class="btn btn-primary fetch_statement_monitoring" style="background-color: #2d337e;">Fetch AA Report</span>
                        @else
                            <span class="btn btn-success" style="background-color: #2d337e;"><a style="color: white;" target="_blank" href="/admin/collection/account-aggregator-report/{!! $consumer_application_id !!}">AA Report Fetched</a></span>
                        @endif
                        @if(isset($consumer_application->applicant_bank->bank_name) && \Illuminate\Support\Facades\Session::has('Mandate_Creations|-7'))
                        @if(!in_array($consumer_application->state,$show_mandate_creation))
                            <span class="btn btn-primary create_physical_mandate" data-type="monthly" style="background-color: #3f4786;">Create Monthly Physical Mandate</span>
                            <span class="btn btn-primary create_physical_mandate" data-type="ADHO" style="">Create ADHO Physical Mandate</span>
                        @endif
                    @endif
                    </div>
                    <br />
                    <!--begin::Form-->
                    <form action="{{ asset('admin/consumer-applications/save-bank-details/'.$consumer_application_id) }}" class="m-form m-form--fit m-form--label-align-right" method="POST" enctype="multipart/form-data" id="save_bank_details" autocomplete="off">
                        <div class="m-portlet__body">
                            <div class="m-form__section m-form__section--first">
                                <input type="hidden" name="application_id" value="{!! $consumer_application_id !!}"/>
                                <input type="hidden" name="_token" value="{{csrf_token()}}" />
                                <div class="form-group m-form__group row pan_fill_form">
                                    <label class="col-lg-3 col-form-label">
                                        Upload Cheque Copy
                                    </label>
                                    <div class="col-lg-4">
                                        <input class="form-control" type="file" name="img_cheque_details_app"/>
                                        <input class="form-control" type="hidden" name="img_cheque_details_type_app"/>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="btn btn-success form-control fill-cheque-details">Fill Details <span class="loading_icon_c"><img src="/assets/front/img/loading.gif" style="position: absolute;margin-top: -25px;margin-left: 196px;display: none;padding-left: 17px;"></span></div>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Account Holder Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" name="name" value="{{ Request::old('name',isset($consumer_application->applicant_bank->name) ? $consumer_application->applicant_bank->name : '') }}" placeholder="Enter Account holder Name" required="required"/>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Account Type: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">

                                        <select class="form-control m-input" name="account_type" id="exampleSelect1" required="required">
                                            @if(!isset($consumer_application->applicant_bank->account_type) || $consumer_application->applicant_bank->account_type == null)
                                                <option value=""> Select Account Type </option>
                                            @endif
                                            @if(isset($consumer_application->applicant_bank->account_type) && $consumer_application->applicant_bank->account_type != null)
                                                <option value="savings" @if(Request::old('account_type',$consumer_application->applicant_bank->account_type) == "savings") selected="" @endif>Savings</option>
                                                <option value="current" @if(Request::old('account_type',$consumer_application->applicant_bank->account_type)== "current") selected="" @endif>Current</option>
                                                <option value="cc" @if(Request::old('account_type',$consumer_application->applicant_bank->account_type)== "cc") selected="" @endif>Cash Credit</option>
                                                <option value="nre" @if(Request::old('account_type',$consumer_application->applicant_bank->account_type)== "nre") selected="" @endif>Savings - NRE</option>
                                                <option value="nro" @if(Request::old('account_type',$consumer_application->applicant_bank->account_type)== "nro") selected="" @endif>Savings - NRO</option>
                                            @else
                                                <option value="savings">Savings</option>
                                                <option value="current">Current</option>
                                                <option value="cc">Cash Credit</option>
                                                <option value="nre">Savings - NRE</option>
                                                <option value="nro">Savings - NRO</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        IFSC Code: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input input_ifsc_code" maxlength="11" name="ifsc_code" id="ifsc_code" oninput="checkIFSCLength()" value="{{ Request::old('ifsc_code',isset($consumer_application->applicant_bank->ifsc_code) ? $consumer_application->applicant_bank->ifsc_code : '') }}" placeholder="Enter IFSC Code" required="required"/>
                                        <span id="error_message_ifsc" style="color: red; display: none;font-size: 13px;">Please enter a valid IFSC Code.</span>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="btn btn-success form-control fill-bank-details getBankData">Fill <span class="loading_icon_c"><img src="/assets/front/img/loading.gif" style="position: absolute;margin-top: -25px;margin-left: 196px;display: none;padding-left: 17px;"></span></div>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Bank Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <select class="form-control m-input selectpicker" name="bank_name" id="bank_name" required="required" data-live-search="true">
                                            <option value="">Select Bank</option>
                                            <?php $found = 0; ?>
                                            @foreach($supported_bank as $_bank_name)
                                                <option value="{!! $_bank_name->bank !!}" @if(isset($consumer_application->applicant_bank->bank_name) && $consumer_application->applicant_bank->bank_name == $_bank_name->bank) <?php $found = 1; ?> selected="selected" @endif>{!! $_bank_name->bank !!}</option>
                                            @endforeach
                                            @if($found == 0 && isset($consumer_application->applicant_bank->bank_name))
                                                <option value="{!! $consumer_application->applicant_bank->bank_name !!}" selected="selected">{!! $consumer_application->applicant_bank->bank_name !!}</option>
                                            @endif
                                            <option value="other">Other</option>
                                        </select>
                                        <input type="text" class="form-control" name="new_bank_name" style="margin-top: 7px;display: none;" placeholder="Bank Name"/>
                                        <input type="text" class="form-control" name="new_bank_code" style="margin-top: 7px;display: none;" placeholder="Bank Code eg. ICIC"/>
                                        <div class="btn btn-primary add-bank-btn" data-id="0" style="font-size: 13px;padding: 3px 7px;">Add New Bank</div>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row bank_name_text" style="display: none;">
                                    <label class="col-lg-3 col-form-label">
                                        Other Bank Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" name="bank_name_text" placeholder="Enter Other Bank Name"/>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Branch Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" name="branch_name" value="{{ Request::old('bank_name',isset($consumer_application->applicant_bank->branch_name) ? $consumer_application->applicant_bank->branch_name : '') }}" required="required" placeholder="Enter Branch Name"/>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Account Number: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="password" class="form-control m-input" name="account_number" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" value="{{ Request::old('account_number',isset($consumer_application->applicant_bank->account_number) ? $consumer_application->applicant_bank->account_number : '') }}" placeholder="Enter Account Number" minlength="5" required="required" id="account_number"/>
                                    </div>
                                </div>
                                {{--@if(!isset($consumer_application->bank_details->bank_name))--}}
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Re-enter Account Number: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" autocomplete="new-password" minlength="5" class="form-control m-input" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" value="{{ Request::old('account_number',isset($consumer_application->applicant_bank->account_number) ? $consumer_application->applicant_bank->account_number : '') }}" placeholder="Enter Account Number" required="required" id="re_enter_account"/>
                                    </div>
                                </div>
                                {{--@endif--}}
                                @if((isset($consumer_application->applicant_bank->karza_response) && $consumer_application->applicant_bank->karza_response == 'false') || !isset($bank_validation->result->bankResponse) || (isset($bank_validation->result->bankTxnStatus) && $bank_validation->result->bankTxnStatus == false) || (\Auth::user()->user_type >= 5))
                                    <div class="form-group m-form__group row">
                                        <label class="col-lg-3 col-form-label">
                                            Re-Validate Bank:
                                        </label>
                                        <div class="col-lg-1">
                                            <input type="checkbox" style="margin-top: 5px;width: 32px;height: 20px;" class="form-control m-input" name="re_validate"/>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <input type="hidden" name="applicant_type" value="1" />
                        <div class="m-portlet__foot m-portlet__foot--fit">
                            <div class="m-form__actions m-form__actions">
                                @if(!in_array(strtolower($consumer_application->state),array('disbursed','nach registered','closed')))
                                    <button type="submit" class="btn btn-primary">
                                        {!! isset($consumer_application->applicant_bank->bank_name) ? 'Update' : 'Submit' !!}
                                    </button>
                                    <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                                        Cancel
                                    </button>
                                @endif
                            </div>
                        </div>
                    </form>
                    <!--end::Form-->
                </div>
                @if(isset($consumer_application->co_applicant_id) && $consumer_application->co_applicant_id != 0)
                <div id="co_applicant" class="tab-pane fade">
                    <div class="col-12">
                        @if(isset($consumer_application->co_applicant_bank->bank_name) && \Illuminate\Support\Facades\Session::has('Mandate_Creations|-7'))
                            @if(!in_array($consumer_application->state,$show_mandate_creation))
                                <span class="btn btn-primary create_physical_mandate" data-type="monthly" style="right: 280px;top: 17px;position: absolute;background-color: #3f4786;">Create Monthly Physical Mandate</span>
                                <span class="btn btn-primary create_physical_mandate" data-type="ADHO" style="float: right;top: 17px;right: 0px;position: absolute;">Create ADHO Physical Mandate</span>
                            @endif
                        @endif
                    </div>
                    <br />
                <!--begin::Form-->
                    <form action="{{ asset('admin/consumer-applications/save-bank-details/'.$consumer_application_id) }}" class="m-form m-form--fit m-form--label-align-right" method="POST" enctype="multipart/form-data" id="save_bank_details" autocomplete="off">
                        <div class="m-portlet__body">
                            <div class="m-form__section m-form__section--first">
                                <input type="hidden" name="application_id" value="{!! $consumer_application_id !!}"/>
                                <input type="hidden" name="_token" value="{{csrf_token()}}" />
                                <div class="form-group m-form__group row pan_fill_form">
                                    <label class="col-lg-3 col-form-label">
                                        Upload Cheque Copy
                                    </label>
                                    <div class="col-lg-4">
                                        <input class="form-control" type="file" name="img_cheque_details_coapp"/>
                                        <input class="form-control" type="hidden" name="img_cheque_details_type_coapp"/>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="btn btn-success form-control fill-cheque-details">Fill Details <span class="loading_icon_c"><img src="/assets/front/img/loading.gif" style="position: absolute;margin-top: -25px;margin-left: 196px;display: none;padding-left: 17px;"></span></div>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Account Holder Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" name="name" value="{{ Request::old('name',isset($consumer_application->co_applicant_bank->name) ? $consumer_application->co_applicant_bank->name : '') }}" placeholder="Enter Account holder Name" required="required"/>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Account Type: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">

                                        <select class="form-control m-input" name="account_type" id="exampleSelect1" required="required">
                                            @if(!isset($consumer_application->co_applicant_bank->account_type) || $consumer_application->co_applicant_bank->account_type == null)
                                                <option value=""> Select Account Type </option>
                                            @endif
                                            @if(isset($consumer_application->co_applicant_bank->account_type) && $consumer_application->co_applicant_bank->account_type != null)
                                                <option value="savings" @if(Request::old('account_type',$consumer_application->co_applicant_bank->account_type) == "savings") selected="" @endif>Savings</option>
                                                <option value="current" @if(Request::old('account_type',$consumer_application->co_applicant_bank->account_type)== "current") selected="" @endif>Current</option>
                                                <option value="cc" @if(Request::old('account_type',$consumer_application->co_applicant_bank->account_type)== "cc") selected="" @endif>Cash Credit</option>
                                                <option value="nre" @if(Request::old('account_type',$consumer_application->co_applicant_bank->account_type)== "nre") selected="" @endif>Savings - NRE</option>
                                                <option value="nro" @if(Request::old('account_type',$consumer_application->co_applicant_bank->account_type)== "nro") selected="" @endif>Savings - NRO</option>
                                            @else
                                                <option value="savings">Savings</option>
                                                <option value="current">Current</option>
                                                <option value="cc">Cash Credit</option>
                                                <option value="nre">Savings - NRE</option>
                                                <option value="nro">Savings - NRO</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Bank Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <select class="form-control m-input selectpicker" name="bank_name" id="bank_name" required="required" data-live-search="true">
                                            <option value="">Select Bank</option>
                                            <?php $found = 0; ?>
                                            @foreach($supported_bank as $_bank_name)
                                                <option value="{!! $_bank_name->bank !!}" @if(isset($consumer_application->co_applicant_bank->bank_name) && $consumer_application->co_applicant_bank->bank_name == $_bank_name->bank) <?php $found = 1; ?> selected="selected" @endif>{!! $_bank_name->bank !!}</option>
                                            @endforeach
                                            @if($found == 0 && isset($consumer_application->co_applicant_bank->bank_name))
                                                <option value="{!! $consumer_application->co_applicant_bank->bank_name !!}" selected="selected">{!! $consumer_application->co_applicant_bank->bank_name !!}</option>
                                            @endif
                                            <option value="other">Other</option>
                                        </select>
                                        <input type="text" class="form-control" name="new_bank_name" style="margin-top: 7px;display: none;" placeholder="Bank Name"/>
                                        <input type="text" class="form-control" name="new_bank_code" style="margin-top: 7px;display: none;" placeholder="Bank Code eg. ICIC"/>
                                        <div class="btn btn-primary add-bank-btn" data-id="0" style="font-size: 13px;padding: 3px 7px;">Add New Bank</div>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row bank_name_text" style="display: none;">
                                    <label class="col-lg-3 col-form-label">
                                        Other Bank Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" name="bank_name_text" placeholder="Enter Other Bank Name"/>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Branch Name: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" name="branch_name" value="{{ Request::old('bank_name',isset($consumer_application->co_applicant_bank->branch_name) ? $consumer_application->co_applicant_bank->branch_name : '') }}" required="required" placeholder="Enter Branch Name"/>
                                    </div>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Account Number: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="password" class="form-control m-input" name="account_number" value="{{ Request::old('account_number',isset($consumer_application->co_applicant_bank->account_number) ? $consumer_application->co_applicant_bank->account_number : '') }}" placeholder="Enter Account Number" required="required" id="account_number" minlength="5" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" />
                                    </div>
                                </div>
                                {{--@if(!isset($consumer_application->bank_details->bank_name))--}}
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        Re-enter Account Number: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" minlength="5" autocomplete="new-password" class="form-control m-input" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" value="{{ Request::old('account_number',isset($consumer_application->co_applicant_bank->account_number) ? $consumer_application->co_applicant_bank->account_number : '') }}" placeholder="Enter Account Number" required="required" id="re_enter_account"/>
                                    </div>
                                </div>
                                {{--@endif--}}
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-3 col-form-label">
                                        IFSC Code: <span style="color: red;">*</span>
                                    </label>
                                    <div class="col-lg-6">
                                        <input type="text" class="form-control m-input" maxlength="11" name="ifsc_code" oninput="checkIFSCLength()" value="{{ Request::old('ifsc_code',isset($consumer_application->co_applicant_bank->ifsc_code) ? $consumer_application->co_applicant_bank->ifsc_code : '') }}" placeholder="Enter IFSC Code" required="required"/>
                                        <span id="error_message_ifsc" style="color: red; display: none;">Please enter a valid IFSC Code.</span>
                                    </div>
                                </div>
                                @if((isset($consumer_application->co_applicant_bank->karza_response) && $consumer_application->co_applicant_bank->karza_response == 'false') || !isset($bank_validation->result->bankResponse) || (isset($bank_validation->result->bankTxnStatus) && $bank_validation->result->bankTxnStatus == false) || (\Auth::user()->user_type >= 5))
                                    <div class="form-group m-form__group row">
                                        <label class="col-lg-3 col-form-label">
                                            Re-Validate Bank:
                                        </label>
                                        <div class="col-lg-1">
                                            <input type="checkbox" style="margin-top: 5px;width: 32px;height: 20px;" class="form-control m-input" name="re_validate"/>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <input type="hidden" name="applicant_type" value="2" />
                        <div class="m-portlet__foot m-portlet__foot--fit">
                            <div class="m-form__actions m-form__actions">
                                @if(!in_array(strtolower($consumer_application->state),array('disbursed','nach registered','closed')))
                                    <button type="submit" class="btn btn-primary">
                                        {!! isset($consumer_application->co_applicant_bank->bank_name) ? 'Update' : 'Submit' !!}
                                    </button>
                                    <button type="reset" onclick="window.history.back()" class="btn btn-secondary">
                                        Cancel
                                    </button>
                                @endif
                            </div>
                        </div>
                    </form>
                    <!--end::Form-->
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")


<script type="text/javascript">
    function validateEmail(mailId){
            const regex = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[_a-z0-9-]+)*(\.[a-z]{2,})$/i;
            if (mailId !== '' && !regex.test(mailId)) {
                return false;
            }
            return true;
        }
    function checkIFSCLength() {
            const inputField = document.getElementById('ifsc_code');
            const errorMessage = document.getElementById('error_message_ifsc');
            if (inputField.value.length === 11) {
                validateInputIfsc();
            }else {
            errorMessage.style.display = 'none';
        }
        }
    function validateInputIfsc() {
        const inputField = document.getElementById('ifsc_code');
        const errorMessage = document.getElementById('error_message_ifsc');
        const regex = /^[A-Z]{4}0[A-Z0-9]{6}$/;

        if (!regex.test(inputField.value) &&  (inputField.value !== "")) {
            errorMessage.style.display = 'inline';
        } else {
            errorMessage.style.display = 'none';
        }
    }

    @if(in_array(strtolower($consumer_application->state),array('disbursed','nach registered','closed')))
        $("input").attr('disabled','disabled');
        $("input").attr('readonly','readonly');
        $("select").attr('disabled','disabled');
        $("select").attr('readonly','readonly');
    @endif

    @if(\Auth::user()->user_type > 4)
    $('#account_number').bind("cut copy paste",function(e) {
        e.preventDefault();
    });

    $('#re_enter_account').bind("cut copy paste",function(e) {
        e.preventDefault();
    });
    @endif

    $("input[name='re_validate']").change(function(e) {
        if ($(this).prop('checked')){
            $("button[type='submit']").html('Update &amp; Re-Validate');
        }else{
            $("button[type='submit']").html('Update');
        }
    });

    $(".add-bank-btn").click(function(){
        if ($(this).attr('data-id') == 0) {
            $("input[name='new_bank_name']").css({'display': 'block'});
            $("input[name='new_bank_code']").css({'display': 'block'});
            $(this).html("Save Bank");
            $(this).attr('data-id', 1);
        }else{
            let new_bank = $("input[name='new_bank_name']").val();
            let bank_code = $("input[name='new_bank_code']").val();
            if(new_bank.length == 0){
                alert('Please enter bank name');
                return false;
            }

            let application_id = "<?php echo $consumer_application_id ?>";
            let _token = '<?php echo csrf_token(); ?>';
            if (window.confirm('Are you sure?')) {
                $(".init-loader").css({display:'block'});
                $.ajax({
                    type: 'POST',
                    url: "/admin/consumer-application/add-new-bank",
                    data: {id: application_id, _token: _token, bank: new_bank, bank_code : bank_code},
                    dataType: "JSON",
                    success: function (response) {
                        $(".init-loader").css({display:'none'});
                        alert(response.message);
                        if(response.status == 'OK'){
                            window.location.reload();
                        }
                    }
                });
            }
        }
    });

    $(".fill-cheque-details").click(function(){
        var event = this;
        var form = new FormData();
        $(this).find(".loading_icon_c > img").css({'display':'block'});
        var _token = '<?php echo csrf_token(); ?>';
        var application_id = "<?php echo $consumer_application_id ?>";
        var file = $("input[name='img_cheque_details']")[0].files[0];
        form.append("document", file, file.name);
        form.append('_token',_token);
        form.append('id',application_id);
        form.append('type','consumer');

        $.ajax({
            url: '/admin/consumer-application/get-cheque-details',
            type: 'POST',
            data: form,
            async: true,
            cache: false,
            contentType: false,
            processData: false,
            xhr: function() {
                var myXhr = $.ajaxSettings.xhr();
                if (myXhr.upload) {
                    myXhr.upload.addEventListener('progress', function(e) {
                        if (e.lengthComputable) {

                        }
                    } , false);
                }
                return myXhr;
            },
            complete : function(response) {

                let data = JSON.parse(response.responseText);
                if(typeof data.status !== 'undefined' && data.status !== 'FAIL'){
                    if($('input[name="branch_name"]').val() == '') {
                        $('input[name="branch_name"]').val(data.bank_details.branch);
                    }
                    if($('input[name="account_number"]').val() == '') {
                        $('input[name="account_number"]').val(data.acc_no);
                    }
                    if($('input[name="re_enter_account"]').val() == '') {
                        $('input[name="re_enter_account"]').val(data.acc_no);
                    }
                    if($('input[name="ifsc_code"]').val() == '') {
                        $('input[name="ifsc_code"]').val(data.ifsc);
                    }
                    if($('input[name="bank_name"]').val() == '') {
                        $('input[name="bank_name"]').val(data.bank);
                    }
                }else{
                    alert('Unable to read the document.');

                }
                $(event).find(".loading_icon_c > img").css({'display':'none'});
            }
        });
    });

    $("select[name='bank_name']").change(function(){
       let value = $(this).find('option:selected').val();
        $(".bank_name_text").css({display:'none'});
        $("input[name='bank_name_text']").removeAttr('required');
       if (value == 'other'){
           $(".bank_name_text").css({display:'flex'});
           $("input[name='bank_name_text']").attr('required','required');
       }
    });

    $(".create_physical_mandate").click(function(){
        var _token = '<?php echo csrf_token(); ?>';
        let id = <?php echo isset($consumer_application->id) ? $consumer_application->id : 0; ?>;
        let event = $(this);
        let preText = event.text();
        if(id) {
            if (window.confirm('Are you sure?')) {
                $(".init-loader").css({display:'block'});
                event.html('Please wait...');
                $.ajax({
                    type: 'POST',
                    url: "/admin/consumer-application/create-physical-mandate",
                    data: {id: id, _token: _token, frequency: event.attr('data-type')},
                    dataType: "JSON",
                    success: function (response) {
                        $(".init-loader").css({display:'none'});
                        alert(response.message);
                        event.html(preText);
                    }
                });
            }
        }
    });

    // $(document).on("click",".getBankData",function() {
        $(".getBankData").click(function(){
       var input_ifsc_code = document.getElementById("ifsc_code").value;
       const regex = /^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]{11}$/;

       if (!regex.test(input_ifsc_code)) {
            alert('Please enter a valid IFSC Code.');
            return false;
        }
       var _token = '<?php echo csrf_token(); ?>';
            $.ajax({
                method: "POST",
                url: "/admin/consumer-application/bankData/fetch",
                dataType: "JSON",
                data: {input_ifsc_code: input_ifsc_code,_token : _token},
                beforeSend: function(){
                    $(".loading_icon_c > img").css({display:'block'});
                },
                success: function (response) {
                   if(response['status'] !== "invalid"){
                        if(response['branch'] !== 'undefined' && response['branch'] !== 'FAIL'){
                            
                            if($('input[name="branch_name"]').val() == '') {
                                $('input[name="branch_name"]').val(response['branch']);
                            }
                        }

                        if(response['bank'] !== 'undefined' && response['bank'] !== 'FAIL'){
                            if($("#bank_name").val() == '') {
                                var data = {
                                id: response['bank'],
                                text: response['bank']
                                };
                            var newOption = new Option(data.text, data.id, true, true);
                            $('#bank_name').append(newOption).trigger('change');
                            }
                        }
                        alert('Fetched bank details');
                    }else if(response['status'] == "invalid"){
                        alert('Invalid IFSC Code');
                    }
                },
                complete: function(response){
                    $(".loading_icon_c > img").css({display:'none'});
                },
                error: function(response){
                    alert('Something went wrong');
                    $(".loading_icon_c > img").css({display:'none'});
                }
            });
    });
</script>

<script type="text/javascript">

    $("#save_bank_details").submit(function( event ) {
        if($("#re_enter_account").length > 0) {
            if ($("#re_enter_account").val() !== $("#account_number").val()) {
                alert("Account number mismatch");
                return false;
            }
        }
        const inputFieldAccountNumber = document.getElementById('account_number');
        const inputFieldReAccountNumber = document.getElementById('re_enter_account');

        const regexAccountNumber = /^[0-9][0-9]*$/;
        if (!regexAccountNumber.test(inputFieldAccountNumber.value) && (inputFieldAccountNumber.value !== "")) {
            alert("Invalid Account Number");
            return false;
        }
        if (!regexAccountNumber.test(inputFieldReAccountNumber.value) && (inputFieldReAccountNumber.value !== "")) {
            alert("Invalid Re Enter Account Number");
            return false;
        }
        const inputFieldIfsc = document.getElementById('ifsc_code');
        const regexIfsc = /^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]{11}$/;

        if (!regexIfsc.test(inputFieldIfsc.value)) {
            alert("Please enter a valid IFSC Code.");
            return false;
        }
        
        return true;
        event.preventDefault();
    });

    $(document).ready(function(){
        $('.appli-tab').each(function(){
            if($(this).hasClass('active')){
                /*if($(this).hasClass('applicant')){
                    $('.nach').hide();
                }else{
                    $('.nach').show();
                }*/
                $(this).parent().css({'background':'#dddddd'});
            }else{
                $(this).parent().css({'background':'none'});
            }
        });
        $('.appli-tab').click(function(){
            $('.appli-tab').each(function(){
                if($(this).hasClass('active')){
                    $(this).parent().css({'background':'none'});
                }
            });
            /*if($(this).hasClass('applicant')){
                $('.nach').hide();
            }else{
                $('.nach').show();
            }*/
            $(this).parent().css({'background':'#dddddd'});
        });
        $("#workdiv").hide();
    })

    function selectBoxChanged(e){
        if(e.value == 'WORK'){
            $("#workdiv").show();
        }else{
            $("#workdiv").hide();
        }
    }

    $(".fetch_statement_monitoring").click(function(){
       if(window.confirm('Are you sure? Do you want to fetch the AA Report for Monitoring?')){
           let application_id = "<?php echo $consumer_application_id ?>";
           let _token = '<?php echo csrf_token(); ?>';
           $(".init-loader").css({display:'block'});
           $.ajax({
               type: 'POST',
               url: "/admin/collection/account-aggregator-report/monitoring",
               data: {application_id: application_id, _token: _token},
               dataType: "JSON",
               success: function (response) {
                   $(".init-loader").css({display:'none'});
                   alert(response.message);
                   if(response.status == 'OK'){
                       window.location.reload();
                   }
               }
           });
       }
    });
</script>