@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</h4>
                                </div>
                                <form id="userForm"
                                    action="{{ route('agencyUser.saveFormScreen5.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 Structure<span class="text-danger">*</span></label>
                                                    <select class="form-select form-select-sm @error('types_of_structure_id') is-invalid @enderror" name="types_of_structure_id" id="types_of_structure_id">
                                                        <option value="">Select Reln to HoH</option>
                                                        @foreach ($typesOfStructures as $structure)
                                                            <option value="{{ $structure->id }}" {{ old('types_of_structure_id') == $structure->id ? 'selected' : '' }}>
                                                                {{ $structure->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('types_of_structure_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="area" class="form-label">Area (sq ft)<span class="text-danger">*</span></label>
                                                    <input type="text" id="area" name="area" class="form-control @error('area') is-invalid @enderror" placeholder="Enter Area (sq ft)" value="{{ old('area') }}">
                                                    @error('area')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="floors_id" class="form-label">No. of Floors<span class="text-danger">*</span></label>
                                                    <select class="form-select form-select-sm @error('floors_id') is-invalid @enderror" name="floors_id" id="floors_id">
                                                        <option value="">Select No. of Floors</option>
                                                        @foreach ($floors as $floor)
                                                            <option value="{{ $floor->id }}" {{ old('floors_id') == $floor->id ? 'selected' : '' }}>
                                                                {{ $floor->number }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('floors_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="rooms_id" class="form-label">No. of Rooms<span class="text-danger">*</span></label>
                                                    <select class="form-select form-select-sm @error('rooms_id') is-invalid @enderror" name="rooms_id" id="rooms_id">
                                                        <option value="">Select No. of Rooms</option>
                                                        @foreach ($rooms as $room)
                                                            <option value="{{ $room->id }}" {{ old('rooms_id') == $room->id ? 'selected' : '' }}>
                                                                {{ $room->number }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('rooms_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

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

                                                <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="structure_roof_id" class="form-label">Structure Roof<span class="text-danger">*</span></label>
                                                        <select class="form-select form-select-sm @error('structure_roof_id') is-invalid @enderror" name="structure_roof_id" id="structure_roof_id">
                                                            <option value="">Select Structure Roof</option>
                                                            @foreach ($structureRoofs as $roof)
                                                            <option value="{{ $roof->id }}" {{ old('structure_roof_id') == $roof->id ? 'selected' : '' }}>
                                                                {{ $roof->name }}
                                                            </option>
                                                            @endforeach
                                                        </select>

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

                                        </div>

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

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

                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="structure_floor_id" class="form-label">Structure Floor<span class="text-danger">*</span></label>
                                                        <select class="form-select form-select-sm @error('structure_floor_id') is-invalid @enderror" name="structure_floor_id" id="structure_floor_id">
                                                            <option value="">Select Structure Floor</option>
                                                            @foreach ($structureRoofs as $roof)
                                                            <option value="{{ $roof->id }}" {{ old('structure_floor_id') == $roof->id ? 'selected' : '' }}>
                                                                {{ $roof->name }}
                                                            </option>
                                                            @endforeach
                                                        </select>

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

                                        </div>

                                        <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="mb-3">
                                                        <label for="construction_year" class="form-label">Year of construction of the structure<span class="text-danger">*</span></label>
                                                        <select class="form-select form-select-sm @error('construction_year') is-invalid @enderror" name="construction_year" id="construction_year">
                                                            <option value="">Select Year of construction of the structure</option>
                                                            <option value="1950" {{ old('construction_year') == '1950' ? 'selected' : '' }}> 1950</option>
                                                            <option value="1951" {{ old('construction_year') == '1951' ? 'selected' : '' }}> 1951</option>
                                                            <option value="1952" {{ old('construction_year') == '1952' ? 'selected' : '' }}> 1952</option>
                                                        </select>

                                                        @error('construction_year')
                                                            <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">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>