{{-- Step 2: Personal Details --}}
<div class="step-content">
    <div class="mb-4 border rounded p-3">
        <h6 class="fw-bold">{{$formMaster['personal_details']['c_sno']}}. Personal Details</h6>
        <div class="row mt-3">
            <div class="col-md-4 mb-3">
                <span class="c-label">Date of Birth</span>
                <div class="c-value">{{ $userDetails && $userDetails->d_birth_dt ? \Carbon\Carbon::parse($userDetails->d_birth_dt)->format('d-m-Y') : '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Place of Birth</span>
                <div class="c-value">{{ $userDetails->c_birth_place ?? '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Height</span>
                <div class="c-value">{{ $userDetails->c_height ?? '-' }} {{ $userDetails->c_height ? 'Cms' : '' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Color of Eyes</span>
                <div class="c-value">{{ $userDetails->c_eyes_clr ?? '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Color of Hair</span>
                <div class="c-value">{{ $userDetails->c_hair_clr ?? '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Qualification</span>
                <div class="c-value">{{ $userDetails->c_qualification ?? '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Complexion</span>
                <div class="c-value">{{ $userDetails->c_complexion ?? '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Marks of Identification</span>
                <div class="c-value">{{ $userDetails->c_id_mark ?? '-' }}</div>
            </div>
            <div class="col-md-4 mb-3">
                <span class="c-label">Nationality</span>
                <div class="c-value">{{ $userDetails->c_nationality ?? '-' }}</div>
            </div>
        </div>
    </div>

    {{-- 2B. Passport Details --}}
    <div class="mb-4 border rounded p-3">
        <h6 class="fw-bold">{{$formMaster['passport_details']['c_sno']}}. Passport Details</h6>
        @if($readOnly['passport_details'] ?? false)
            <div class="alert alert-info py-1 px-2 mb-2 small"><i class="fas fa-lock me-1"></i> This section is read-only as it was accepted during scrutiny.</div>
        @endif
        <div class="row mt-3">
            <div class="col-md-6 mb-3">
                <span class="c-label">Passport No</span>
                <input type="text" class="form-control form-control-sm @error('application.c_passport_no') is-invalid @enderror"
                    wire:model="application.c_passport_no"
                    oninput="this.value = this.value.toUpperCase()" maxlength="9"
                    {{ ($readOnly['passport_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.c_passport_no')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
          
            <div class="col-md-6 mb-3">
                <span class="c-label">Date of Passport Issue</span>
                <input type="date"
                    class="form-control form-control-sm @error('application.d_passport_issue_dt') is-invalid @enderror"
                    wire:model="application.d_passport_issue_dt"
                    max="{{ date('Y-m-d') }}"
                    {{ ($readOnly['passport_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.d_passport_issue_dt')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-md-6 mb-3">
                <span class="c-label">Date of Passport Expiry</span>
                <input type="date"
                    class="form-control form-control-sm @error('application.d_passport_expiry_dt') is-invalid @enderror"
                    wire:model="application.d_passport_expiry_dt"
                    {{ ($readOnly['passport_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.d_passport_expiry_dt')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <span class="c-label">Place where Passport Issued</span>
                <input type="text" class="form-control form-control-sm @error('application.c_passport_issueplace') is-invalid @enderror"
                    wire:model="application.c_passport_issueplace" maxlength="40"
                    {{ ($readOnly['passport_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.c_passport_issueplace')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
        </div>
    </div>

    {{-- 2C. Visa Details (Applicable only to foreign candidates) --}}
    <div class="mb-4 border rounded p-3">
        <h6 class="fw-bold">{{$formMaster['visa_details']['c_sno']}}. Visa Details <small class="text-muted">(Applicable only to foreign candidates)</small></h6>
        @if($readOnly['visa_details'] ?? false)
            <div class="alert alert-info py-1 px-2 mb-2 small"><i class="fas fa-lock me-1"></i> This section is read-only as it was accepted during scrutiny.</div>
        @endif
        <div class="row mt-3">
            <div class="col-md-6 mb-3">
                <span class="c-label">Visa Number</span>
                <input type="text" class="form-control form-control-sm @error('application.c_visa_number') is-invalid @enderror"
                    wire:model="application.c_visa_number" maxlength="30"
                    {{ ($readOnly['visa_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.c_visa_number')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <span class="c-label">Visa Type</span>
                <input type="text" class="form-control form-control-sm @error('application.c_visa_type') is-invalid @enderror"
                    wire:model="application.c_visa_type" maxlength="200"
                    {{ ($readOnly['visa_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.c_visa_type')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <span class="c-label">Visa Issued Date</span>
                <input type="date" class="form-control form-control-sm @error('application.d_visaissue_dt') is-invalid @enderror"
                    wire:model="application.d_visaissue_dt" max="{{ date('Y-m-d') }}"
                    {{ ($readOnly['visa_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.d_visaissue_dt')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <span class="c-label">Visa Validity Date</span>
                <input type="date" class="form-control form-control-sm @error('application.d_visavalidity_dt') is-invalid @enderror"
                    wire:model="application.d_visavalidity_dt"
                    {{ ($readOnly['visa_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.d_visavalidity_dt')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <span class="c-label">Visa Issued By</span>
                <input type="text" class="form-control form-control-sm @error('application.c_visa_issuedby') is-invalid @enderror"
                    wire:model="application.c_visa_issuedby" maxlength="100"
                    {{ ($readOnly['visa_details'] ?? false) ? 'disabled' : '' }} />
                @error('application.c_visa_issuedby')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="col-md-6 mb-3">
                <span class="c-label">Scanned copy of Visa <small class="text-muted">(PDF only)</small></span>
                @if($applicationId)
                    @php
                        $requiredDocs = ['EXAMFV'];
                        if(($readOnly['visa_details'] ?? false) || ($readOnly['personal_details'] ?? false)) {
                            $is_delete = false;
                        } else {
                            $is_delete = true;
                        }
                    @endphp
                   
                     @include('layout.partials.files',['isSimpleDoc'=>true,'maxSizeKB'=>'2024'])
                @else
                    <div class="text-muted small">Save application as draft first to upload</div>
                @endif
            </div>
        </div>
    </div>
</div>