@include('layouts.header', ['title' => 'Add System User'])
    <div class="wrapper">
    @include('layouts.agency-user-navbar')
    @include('layouts.agency-user-sidebar')

        <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 }}</h4>
                                    <h4 class="page-title">Survey User Form(Socio-economic Indicators)</h4>
                                </div>
                                <form id="userForm"
                                    action="{{ route('agencyUser.saveFormScreen6.serveyDetails', ['project_id' => $projectId, 'survey_id' => $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="name" class="form-label">Type of Toilet<span class="text-danger">*</span></label>
                                                    <select class="form-select form-select-sm @error('toilet_type_id') is-invalid @enderror" name="toilet_type_id" id="toilet_type_id">
                                                        <option value="">Select Type of Toilet</option>
                                                        @foreach ($typesOfToilets as $toilet)
                                                            <option value="{{ $toilet->id }}" {{ old('toilet_type_id') == $toilet->id ? 'selected' : '' }}>
                                                                {{ $toilet->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('toilet_type_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="nearest_hospital" class="form-label">Nearest Hospital (Km)<span class="text-danger">*</span></label>
                                                    <input type="text" id="nearest_hospital" name="nearest_hospital" class="form-control @error('nearest_hospital') is-invalid @enderror" placeholder="Enter nearest hospital (sq ft)" value="{{ old('nearest_hospital') }}">
                                                    @error('nearest_hospital')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="consumer_no" class="form-label">Consumer No<span class="text-danger">*</span></label>
                                                    <input type="text" id="consumer_no" name="consumer_no" class="form-control @error('consumer_no') is-invalid @enderror" placeholder="Enter nearest hospital (sq ft)" value="{{ old('consumer_no') }}">

                                                    @error('consumer_no')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="electricity" class="form-label">Electricity<span class="text-danger">*</span></label>
                                                    <div>
                                                            <div class="form-check form-check-inline">
                                                            <input type="radio" name="electricity" value="Yes" {{ old('electricity', 'Yes') == 'Yes' ? 'checked' : '' }}> Yes
                                                            </div>
                                                            <div class="form-check form-check-inline">
                                                            <input type="radio" name="electricity" value="No" {{ old('electricity') == 'No' ? 'checked' : '' }}> No
                                                            </div>
                                                    </div>
                                                    @error('electricity')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="water_type_id" class="form-label">Water<span class="text-danger">*</span></label>
                                                        <select class="form-select form-select-sm @error('water_type_id') is-invalid @enderror" name="water_type_id" id="water_type_id">
                                                            <option value="">Select Water</option>
                                                            @foreach ($waterTypes as $water)
                                                            <option value="{{ $water->id }}" {{ old('water_type_id') == $water->id ? 'selected' : '' }}>
                                                                {{ $water->name }}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                        @error('water_type_id')
                                                            <div class="invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>

                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="distance_local_train" class="form-label">Distance from local train(Km)<span class="text-danger">*</span></label>
                                                    <input type="text" id="distance_local_train" name="distance_local_train" class="form-control @error('distance_local_train') is-invalid @enderror" placeholder="Enter Distance from local train(Km)" value="{{ old('distance_local_train') }}">
                                                    @error('distance_local_train')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>

                                        </div>

                                        <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="distance_school" class="form-label">Distance of School(Km)<span class="text-danger">*</span></label>
                                                        <input type="text" id="distance_school" name="distance_school" class="form-control @error('distance_school') is-invalid @enderror" placeholder="Enter Distance of School(Km)" value="{{ old('distance_school') }}">
                                                        @error('distance_school')
                                                            <div class="invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>

                                        </div>
                                                                               

                                    </div>

                                    <div class="card-footer border-top border-light">
                                        <button type="submit" class="btn btn-primary" 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

            
        });
    </script>

</body>

</html>