@extends('layouts.app')
<style>
    .ui-datepicker-trigger {
        width: 25;
        height: 25;
        float: right;
        margin-top: -28px;
        margin-right: 4px;
    }

    .invalid-feedback {
        display: block
    }

    .field-checkboxName {
        margin-bottom: 0 !important
    }

    #my-captcha-image-image img {
        float: left;
    }

    .field-my-captcha-image a {
        float: right;
    }

    select[readonly] {
        background: #eee;
        pointer-events: none;
        touch-action: none;
    }
</style>
@section('title')
    All Brands
@endsection
@section('content')
    <div class="card card-white">
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-normal text-head-color"> Aadhaar
                Details            </h6>
        </div>
        <div class="formwizard">
            <div class="form-header d-flex mb-4"> <span class="stepIndicator finish">Registration</span> <span
                    class="stepIndicator active">Application</span> <span class="stepIndicator">Payment</span> </div>
        </div>
        <div class=" card-white mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color">आधार विवरण (Aadhaar Detail)                     <!-- <span class="text-head-color" style="color:red;">(Correction)</span>                 -->
                                    </h6>
            </div>
            <div class="card-body">
                <form id="AdharDetailsForm" autocomplete="off" action="{{ route('adharverify.store') }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf

                                        {{-- <div class="row mb-3">
                        <label class="col-5 text-end">Do you have Aadhaar Number?(Do you have Aadhaar Number?) <span class="astric-sign">*</span>
                        </label>
                        <div class="col-1 text-center">
                            <strong>:</strong>
                        </div>
                        <div class="col-6 ">
                            <div class="mb-3 field-IsAadharNumber ">
                                <select id="IsAadharNumber" class="form-select form-select-sm " name="IsAadharNumber"
                                    name="AadharDetails">
                                    <option value="" selected="">--Select--</option>
                                    <option value="1" {{ ($PersonalModel['IsAadharNumber'] ?? old('IsAadharNumber')) =='1' ? 'selected' : '' }}>Yes</option>
                                    <option value="0" {{ ($PersonalModel['IsAadharNumber'] ?? old('IsAadharNumber')) =='0' ? 'selected' : '' }}>No</option>
                                </select>
                                @error('IsAadharNumber')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                <div class="invalid-feedback"></div>
                            </div>
                        </div>
                        <hr>
                    </div>
                    <div id="showhiderad" style="display:none">
                        <div class="row mb-3">
                            <label class="col-5 text-end">आवेदन संख्या(Application Number)</label>
                            <div class="col-1 text-center">
                                <strong>:</strong>
                            </div>
                            <div class="col-6 ">{{ $PersonalModel['ApplicationNumber'] }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-5 text-end">उम्मीदवार का नाम(Candidate's Name)</label>
                            <div class="col-1 text-center">
                                <strong>:</strong>
                            </div>
                            <div class="col-6 ">{{ $PersonalModel['CandidateName'] }}</div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-5 text-end">
                                लिंग(Gender)</label>
                            <div class="col-1 text-center">
                                <strong>:</strong>
                            </div>
                            <div class="col-6 ">
                                @foreach ($GenderMst as $Gender)
                                                                    @endforeach
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-5 text-end">उम्मीदवार की जन्मतिथि(Candidate's Date of Birth)</label>
                            <div class="col-1 text-center">
                                <strong>:</strong>
                            </div>
                            <div class="col-6 ">
                                {{ date('d-m-Y', strtotime($PersonalModel['DOB'])) }}
                            </div>
                        </div>
                        <input type="hidden" id="AadharSelectedOptionhidden" value="">
                        <div class="row mb-3">
                            <label class="col-5 text-end">उम्मीदवार से अनुरोध है कि वह नीचे दिए गए विकल्पों में से किसी एक का चयन करें
                                और
                                जारी रखें(Candidate are requested to select any one of the options below
                                and
                                proceed further)</label>
                            <div class="col-1 text-center">
                                <strong>:</strong>
                            </div>
                            <div class="col-6 ">
                                <div class="mb-3 field-aadhardetails-aadharselectedoption">
                                    <input type="hidden" name="AadharDetails" value="">
                                    <div id="aadhardetails-aadharselectedoption" role="radiogroup">
                                        <label style="margin-bottom:10px">
                                            <input class="inputbox inputindex_1" type="radio" checked id="adharSelection" {{ $PersonalModel['AadharSelectedOption'] == '0' ? 'checked' : '' }}
                                                name="AadharDetails" value="0">मैं स्वेच्छा से अपना आधार नंबर साझा करने के लिए सहमत हूं और मुझे पता है कि इसका उपयोग यूआईडीएआई के आधार रिकॉर्ड में उपलब्ध मेरे व्यक्तिगत पहचान विवरण से मिलान करके निफ्ट अगस्त 2024 परीक्षा के लिए मेरी पहचान स्थापित करने के लिए किया जाएगा।( Voluntarily Agree
                                            To Share My Aadhaar Number And I Am Aware That It Will Be Used To Establish
                                            My Identity For NIFT AUGUST 2024 Examination By Matching My Personal
                                            Identification Details Available In Aadhaar Records Of UIDAI.)
                                        </label>
                                        <label style="margin-bottom:10px">
                                            <input class="inputbox inputindex_2" type="radio" id="adharSelection" {{ $PersonalModel['AadharSelectedOption'] == '1' ? 'checked' : '' }}
                                                name="AadharDetails" value="1"> आधार पर मेरी जानकारी आवेदन पत्र में दर्ज की गई जानकारी के समान नहीं है।(My Information On
                                            Aadhaar Is Not The Same As Entered In The Application Form.)
                                        </label>
                                        <label style="margin-bottom:10px">
                                            <input class="inputbox inputindex_3" type="radio" id="adharSelection" {{ $PersonalModel['AadharSelectedOption'] == '2' ? 'checked' : '' }}
                                                name="AadharDetails" value="2"> मैं इच्छुक नहीं हूँ
                                                मेरा आधार नंबर साझा करने के लिए.(I Am Not Willing
                                            To Share My Aadhaar Number.)
                                        </label>
                                    </div>
                                    @error('AadharDetails')
                                    <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    
                                    <div class="invalid-feedback"></div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div id="adharID" style="display: none;">
                            <h6 class="m-0 font-weight-normal text-head-color">
                                विवरण आधार के अनुसार(Details as per Aadhaar)</h6>
                            <hr>
                            <div class="row mb-3">
                                <label class="col-5 text-end">आधार नंबर(Aadhaar Number) <span class="astric-sign">*</span>
                                </label>
                                <div class="col-1 text-center">
                                    <strong>:</strong>
                                </div>
                                <div class="col-6 ">
                                    <div class="mb-3 field-AadharNumber">
                                        <input type="text" id="AadharNumber" class="form-control form-control-sm "
                                            name="AadharNumber" id="AadharNumber"
                                            value="{{ $PersonalModel['AadharNumber'] }}" maxlength="14" 
                                            placeholder="Enter Aadhaar No">
                                        <div class="invalid-feedback"></div>
                                    </div>
                                    @error('AadharNumber')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div id="adharIDO" style="display: none;">
                            <div class="row mb-3">
                                <label class="col-5 text-end">उम्मीदवार का नाम(Candidate's Name) <span class="astric-sign">*</span>
                                </label>
                                <div class="col-1 text-center">
                                    <strong>:</strong>
                                </div>
                                <div class="col-6 ">
                                    <div class="mb-3 field-NameOnAadhar">
                                    
                                        <input type="text" id="NameOnAadhar"
                                            class="form-control form-control-sm text-uppercase " name="NameOnAadhar"
                                            value="{{ isset($PersonalModel['NameOnAadhar']) && !empty($PersonalModel['NameOnAadhar']) ? $PersonalModel['NameOnAadhar'] : old('NameOnAadhar') }}" maxlength="100" placeholder="Enter Candidate's Name" 
                                            onkeypress="return lettersOnly(event)" >
                                        <div class="invalid-feedback"></div>
                                    </div>
                                    @error('NameOnAadhar')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <label class="col-5 text-end">
                                    लिंग(Gender) <span class="astric-sign">*</span>
                                </label>
                                <div class="col-1 text-center">
                                    <strong>:</strong>
                                </div>
                                <div class="col-6 ">
                                    <div class="mb-3 field-GenderOnAadharID">
                                      
                                        <select id="GenderOnAadharID" class="form-select form-select-sm "
                                            name="GenderOnAadharID" >
                                            <option value="">--Select--</option>
                                            @foreach ($GenderMst as $Gender)
                                            <option value="{{ isset($Gender->ID) ? $Gender->ID : '' }}"