@include('layouts.header', ['title' => 'Add System User'])
    <div class="wrapper">
    @include('layouts.agency-user-navbar')
    @include('layouts.agency-user-sidebar')
    @php
        $surveyVulnerabilityData = isset($surveyData['survey_user_residential_vulnerability']) ? $surveyData['survey_user_residential_vulnerability'] : [];
    @endphp

        <div class="content-page">
            <div class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <div class="page-title-right"></div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                <h4 class="page-title">Name Of The Project: {{ $project['name'] ?? 'N/A' }}</h4>
                                <h4 class="page-title">Structure</h4>
                                <h4 class="page-title">
                                {{ isset($surveyData['structure_use'])
                                    ? ($surveyData['structure_use'] == 1
                                        ? 'Residential'
                                        : ($surveyData['structure_use'] == 3
                                            ? 'Residential + Commercial'
                                            : 'N/A'))
                                    : 'N/A'
                                }}
                                </h4>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                <h4 class="page-title">
                                {{ isset($surveyData['structure_use'])
                                    ? ($surveyData['structure_use'] == 1
                                        ? 'Residential Info'
                                        : ($surveyData['structure_use'] == 3
                                            ? 'Residential + Commercial Info'
                                            : 'N/A'))
                                    : 'N/A'
                                }}
                                </h4>
                                <h4 class="page-title">Vulnerability</h4>
                                </div>

                                <form id="userForm"
                                    action="{{ route('agencyUser.saveFormScreen4.serveyDetails', ['project_id' => encrypt($id), 'survey_id' => encrypt($surveyId)]) }}"
                                    method="POST" enctype="multipart/form-data" autocomplete="off">
                                    @csrf

                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="senior_citizen_no" class="form-label">No. of Senior Citizens<span
                                                            class="text-danger">*</span></label>
                                                        <select class="form-select form-select-sm @error('senior_citizen_no') is-invalid @enderror" name="senior_citizen_no" id="senior_citizen_no">
                                                            <option value="">Select No. of Senior Citizens</option>
                                                            <option value="0" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '0') ? 'selected' : '' }}>0</option>
                                                            <option value="1" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '1') ? 'selected' : '' }}>1</option>
                                                            <option value="2" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '2') ? 'selected' : '' }}>2</option>
                                                            <option value="3" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '3') ? 'selected' : '' }}>3</option>
                                                            <option value="4" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '4') ? 'selected' : '' }}>4</option>
                                                            <option value="5" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '5') ? 'selected' : '' }}>5</option>
                                                            <option value="6" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '6') ? 'selected' : '' }}>6</option>
                                                            <option value="7" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '7') ? 'selected' : '' }}>7</option>
                                                            <option value="8" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '8') ? 'selected' : '' }}>8</option>
                                                            <option value="9" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '9') ? 'selected' : '' }}>9</option>
                                                            <option value="10" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '10') ? 'selected' : '' }}>10</option>
                                                            <option value="11" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '11') ? 'selected' : '' }}>11</option>
                                                            <option value="12" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '12') ? 'selected' : '' }}>12</option>
                                                            <option value="13" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '13') ? 'selected' : '' }}>13</option>
                                                            <option value="14" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '14') ? 'selected' : '' }}>14</option>
                                                            <option value="15" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '15') ? 'selected' : '' }}>15</option>
                                                            <option value="16" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '16') ? 'selected' : '' }}>16</option>
                                                            <option value="17" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '17') ? 'selected' : '' }}>17</option>
                                                            <option value="18" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '18') ? 'selected' : '' }}>18</option>
                                                            <option value="19" {{ (old('senior_citizen_no', $surveyVulnerabilityData['senior_citizen_no'] ?? '') == '19') ? 'selected' : '' }}>19</option>
                                                        </select>
                                                    @error('senior_citizen_no')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label">Disabled <span class="text-danger">*</span></label>
                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="disabled" id="disabled_yes" value="1"
                                                            {{ old('disabled', $surveyVulnerabilityData['disabled'] ?? '') == 1 ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="disabled_yes">Yes</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="disabled" id="disabled_no" value="0"
                                                            {{ old('disabled', $surveyVulnerabilityData['disabled'] ?? '') == 0 ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="disabled_no">No</label>
                                                    </div>
                                                </div>
                                                @error('disabled')
                                                    <div class="invalid-feedback d-block">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>

                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="structure_owner_name" class="form-label">Children<span
                                                            class="text-danger">*</span></label>
                                                        <select class="form-select form-select-sm @error('children_0_6') is-invalid @enderror" name="children_0_6" id="children_0_6">
                                                            <option value="">Select Children</option>
                                                            <option value="0" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '0') ? 'selected' : '' }}>0</option>
                                                            <option value="1" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '1') ? 'selected' : '' }}>1</option>
                                                            <option value="2" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '2') ? 'selected' : '' }}>2</option>
                                                            <option value="3" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '3') ? 'selected' : '' }}>3</option>
                                                            <option value="4" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '4') ? 'selected' : '' }}>4</option>
                                                            <option value="5" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '5') ? 'selected' : '' }}>5</option>
                                                            <option value="6" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '6') ? 'selected' : '' }}>6</option>
                                                            <option value="7" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '7') ? 'selected' : '' }}>7</option>
                                                            <option value="8" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '8') ? 'selected' : '' }}>8</option>
                                                            <option value="9" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '9') ? 'selected' : '' }}>9</option>
                                                            <option value="10" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '10') ? 'selected' : '' }}>10</option>
                                                            <option value="11" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '11') ? 'selected' : '' }}>11</option>
                                                            <option value="12" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '12') ? 'selected' : '' }}>12</option>
                                                            <option value="13" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '13') ? 'selected' : '' }}>13</option>
                                                            <option value="14" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '14') ? 'selected' : '' }}>14</option>
                                                            <option value="15" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '15') ? 'selected' : '' }}>15</option>
                                                            <option value="16" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '16') ? 'selected' : '' }}>16</option>
                                                            <option value="17" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '17') ? 'selected' : '' }}>17</option>
                                                            <option value="18" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '18') ? 'selected' : '' }}>18</option>
                                                            <option value="19" {{ (old('children_0_6', $surveyVulnerabilityData['children_0_6'] ?? '') == '19') ? 'selected' : '' }}>19</option>
                                                        </select>

                                                    @error('children_0_6')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="whh" class="form-label">Women Headed House<span
                                                            class="text-danger">*</span></label>
                                                            <div>
                                                                <div class="form-check form-check-inline">
                                                                    <input class="form-check-input" type="radio" name="whh" id="whh_yes" value="Yes"
                                                                        {{ old('whh', $surveyVulnerabilityData['whh'] ?? '') == 'Yes' ? 'checked' : '' }}>
                                                                    <label class="form-check-label" for="whh_yes">Yes</label>
                                                                </div>
                                                                <div class="form-check form-check-inline">
                                                                    <input class="form-check-input" type="radio" name="whh" id="whh_no" value="No"
                                                                        {{ old('whh', $surveyVulnerabilityData['whh'] ?? '') == 'No' ? 'checked' : '' }}>
                                                                    <label class="form-check-label" for="whh_no">No</label>
                                                                </div>
                                                                @if ($errors->has('whh'))
                                                                    <div class="text-danger">{{ $errors->first('whh') }}</div>
                                                                @endif
                                                            </div>
                                                </div>
                                            </div>


                                        </div>

                                        <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="aged_household" class="form-label">Household headed by the senior citizen<span
                                                                class="text-danger">*</span></label>
                                                                <div>
                                                                    <div class="form-check form-check-inline">
                                                                        <input class="form-check-input" type="radio" name="aged_household" id="aged_household_yes" value="Yes"
                                                                            {{ old('aged_household', $surveyVulnerabilityData['aged_household'] ?? '') == 'Yes' ? 'checked' : '' }}>
                                                                        <label class="form-check-label" for="aged_household_yes">Yes</label>
                                                                    </div>
                                                                    <div class="form-check form-check-inline">
                                                                        <input class="form-check-input" type="radio" name="aged_household" id="aged_household_no" value="No"
                                                                            {{ old('aged_household', $surveyVulnerabilityData['aged_household'] ?? '') == 'No' ? 'checked' : '' }}>
                                                                        <label class="form-check-label" for="aged_household_no">No</label>
                                                                    </div>
                                                                    @if ($errors->has('aged_household'))
                                                                        <div class="text-danger">{{ $errors->first('aged_household') }}</div>
                                                                    @endif
                                                                </div>

                                                    </div>
                                                </div>

                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="place_of_origin" class="form-label">Below Poverty Line(BPL) Household<span
                                                        class="text-danger">*</span></label>
                                                        <div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="bpl_household" id="bpl_household_yes" value="Yes"
                                                                    {{ old('bpl_household', $surveyVulnerabilityData['bpl_household'] ?? '') == 'Yes' ? 'checked' : '' }}
                                                                    onclick="toggleBplHouseholdField()"
                                                                >
                                                                <label class="form-check-label" for="bpl_household_yes">Yes</label>
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio" name="bpl_household" id="bpl_household_no" value="No"
                                                                    {{ old('bpl_household', $surveyVulnerabilityData['bpl_household'] ?? '') == 'No' ? 'checked' : '' }}
                                                                    onclick="toggleBplHouseholdField()"
                                                                >
                                                                <label class="form-check-label" for="bpl_household_no">No</label>
                                                            </div>
                                                            @if ($errors->has('bpl_household'))
                                                                <div class="text-danger">{{ $errors->first('bpl_household') }}</div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>

                                        </div>

                                        <div id="bpl_household_details" style="display: none">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <div>
                                                            <label for="bpl_card_number" class="form-label">BPL Card Number <span class="text-danger">*</span></label>
                                                            <input type="number" name="bpl_card_number" id="bpl_card_number"
                                                                class="form-control" placeholder="Enter Number"
                                                                value="{{ old('bpl_card_number', $surveyVulnerabilityData['bpl_card_number'] ?? '') }}"
                                                            >
                                                        </div>
                                                        @error('bpl_card_number')
                                                            <div class="text-danger">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <div>
                                                            <label for="issuing_authority" class="form-label">BPL Issuing Authority <span class="text-danger">*</span></label>
                                                            <input type="text" name="issuing_authority" id="issuing_authority"
                                                                class="form-control" placeholder="Enter name"
                                                                value="{{ old('issuing_authority', $surveyVulnerabilityData['issuing_authority'] ?? '') }}"
                                                            >
                                                        </div>
                                                        @error('issuing_authority')
                                                            <div class="text-danger">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="mother_tongue_id" class="form-label">SC/ST Household <span
                                                                class="text-danger">*</span></label>
                                                                <div>
                                                                    <div class="form-check form-check-inline">
                                                                        <input class="form-check-input" type="radio" name="sc_st_household" id="sc_st_household_yes" value="Yes"
                                                                            {{ old('sc_st_household', $surveyVulnerabilityData['sc_st_household'] ?? '') == 'Yes' ? 'checked' : '' }}>
                                                                        <label class="form-check-label" for="sc_st_household_yes">Yes</label>
                                                                    </div>
                                                                    <div class="form-check form-check-inline">
                                                                        <input class="form-check-input" type="radio" name="sc_st_household" id="sc_st_household_no" value="No"
                                                                            {{ old('sc_st_household', $surveyVulnerabilityData['sc_st_household'] ?? '') == 'No' ? 'checked' : '' }}>
                                                                        <label class="form-check-label" for="sc_st_household_no">No</label>
                                                                    </div>
                                                                    @if ($errors->has('sc_st_household'))
                                                                        <div class="text-danger">{{ $errors->first('sc_st_household') }}</div>
                                                                    @endif
                                                                </div>
                                                    </div>
                                                </div>

                                                <!--div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="place_of_origin" class="form-label">Other<span
                                                            class="text-danger">*</span></label>
                                                            <input type="input" id="other" name="other"
                                                        class="form-control @error('other') is-invalid @enderror"
                                                        placeholder="Enter Other"
                                                        value="{{ old('other') }}">

                                                            @error('other')
                                                                <div class="invalid-feedback">
                                                                    {{ $message }}
                                                                </div>
                                                            @enderror

                                                </div>
                                                </div-->

                                        </div>




                                    </div>

                                    <div class="card-footer border-top border-light d-flex justify-content-between">
                                        <a href="{{ route('agencyUser.add.screen3.serveyDetails', ['project_id' => encrypt($id), 'survey_id' => encrypt($surveyId)]) }}" class="btn btn-secondary">Back</a>
                                        <button type="submit" class="btn btn-success" id="submitBtn">Save & Next</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            @include('layouts.footer')
        </div>
    </div>

    <!-- Vendor JS -->
    <script src="{{ asset('assets/js/vendor.min.js') }}"></script>
    <script src="{{ asset('assets/js/app.min.js') }}"></script>
    <!--  Select2 Plugin Js -->
    <script src="{{ asset('assets/vendor/select2/js/select2.min.js') }}"></script>

    <script>
        $(document).ready(function() {

            @if (session('success'))
                toastr.success("{{ session('success') }}");
            @endif

            @if (session('error'))
                toastr.error("{{ session('error') }}");
            @endif

        });

        const bplHouseholdDetails = document.getElementById("bpl_household_details");

        function toggleBplHouseholdField() {
            let bplHousehold = document.querySelector('input[name="bpl_household"]:checked');
            console.log(bplHousehold);

            if (bplHousehold?.value === "Yes") {
                bplHouseholdDetails.style.display = "block";
            } else {
                document.getElementById("bpl_card_number").value = '';
                document.getElementById("issuing_authority").value = '';
                bplHouseholdDetails.style.display = "none";
            }
        }

        window.load = toggleBplHouseholdField();
    </script>

</body>

</html>