@include('layouts.header', ['title' => 'Add Survey Basic Info'])
    <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'] ?? 'N/A' }}</h4>
                                    <h4 class="page-title">Survey User Form(Basic Info)</h4>
                                </div>

                                <form id="userForm"
                                    action="{{ route('agencyUser.saveGlobalForm.serveyDetails', ['project_id' => encrypt($id)]) }}"
                                    method="POST" enctype="multipart/form-data" autocomplete="off">
                                    @csrf
                                    <input type="hidden" name="survey_id" value="{{ $surveyId }}">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="name" class="form-label">Date <span
                                                            class="text-danger">*</span></label>
                                                    @php
                                                        $currentDate = date('Y-m-d');
                                                        $surveyRawDate = $surveyData['survey_date'] ?? $currentDate;
                                                        $surveyDate = old('survey_date', \Carbon\Carbon::parse($surveyRawDate)->format('Y-m-d'));
                                                    @endphp

                                                    <input type="date" id="survey_date" name="survey_date"
                                                        class="form-control @error('survey_date') is-invalid @enderror"
                                                        placeholder="Enter Date"
                                                        value="{{ $surveyDate }}" max="{{ $currentDate }}">
                                                    @error('survey_date')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="locality" class="form-label">Locality <span class="text-danger">*</span></label>
                                                    <input type="text" id="locality" name="locality"
                                                        class="form-control @error('locality') is-invalid @enderror"
                                                        placeholder="Enter Locality"
                                                        value="{{ old('locality', $surveyData['locality'] ?? '') }}"
                                                        >
                                                        @error('locality')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="email" class="form-label">Structure Id <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="structure_id" name="structure_id"
                                                        class="form-control @error('structure_id') is-invalid @enderror"
                                                        placeholder="Enter Structure Id"
                                                        value="{{ old('structure_id', $surveyData['structure_id'] ?? '') }}"
                                                        >

                                                    @error('structure_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="pap_name" class="form-label">Pap Name <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="pap_name" name="pap_name"
                                                        class="form-control @error('pap_name') is-invalid @enderror"
                                                        placeholder="Enter Pap Name"
                                                        value="{{ old('pap_name', $surveyData['pap_name'] ?? '') }}"
                                                        >

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


                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="map_id" class="form-label">Map No <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="map_id" name="map_id"
                                                        class="form-control @error('map_id') is-invalid @enderror"
                                                        placeholder="Enter Map No"
                                                        value="{{ old('map_id', $surveyData['map_id'] ?? '') }}"
                                                        >

                                                    @error('map_id')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="map_location" class="form-label">Map Location <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="map_location" name="map_location"
                                                        class="form-control @error('map_location') is-invalid @enderror"
                                                        placeholder="Enter Map Location"
                                                        value="{{ old('map_location', $surveyData['map_location'] ?? '') }}"
                                                        >

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


                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="gps_latitude" class="form-label">GPS Latitude <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="gps_latitude" name="gps_latitude"
                                                        class="form-control bg-light @error('gps_latitude') is-invalid @enderror"
                                                        placeholder="Enter GPS Latitude"
                                                        value="{{ old('gps_latitude', $surveyData['gps_latitude'] ?? '') }}" readonly>

                                                    @error('gps_latitude')
                                                        <div class="invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="gps_longitude" class="form-label">GPS Longitude <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="gps_longitude" name="gps_longitude"
                                                        class="form-control bg-light @error('gps_longitude') is-invalid @enderror"
                                                        placeholder="Enter GPS Longitude"
                                                        value="{{ old('gps_longitude', $surveyData['gps_longitude'] ?? '') }}" readonly>

                                                    @error('gps_longitude')
                                                        <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_use" class="form-label">Use Of Structure <span class="text-danger">*</span></label>
                                                    @php $selectedUse = old('structure_use', $surveyData['structure_use'] ?? '') @endphp
                                                    <select name="structure_use" class="form-select form-select-sm @error('structure_use') is-invalid @enderror">
                                                        <option value="">Select Use Of Structure</option>
                                                        <option value="1" {{ $selectedUse == 1 ? 'selected' : '' }}>Residential</option>
                                                        <option value="2" {{ $selectedUse == 2 ? 'selected' : '' }}>Commercial</option>
                                                        <option value="3" {{ $selectedUse == 3 ? 'selected' : '' }}>Residential + Commercial</option>
                                                        <option value="4" {{ $selectedUse == 4 ? 'selected' : '' }}>Others</option>
                                                    </select>
                                                    @error('structure_use')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>

                                             <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="mobile_no" class="form-label">Mobile Number <span
                                                            class="text-danger">*</span></label>
                                                    <input type="input" id="mobile_no" name="mobile_no"
                                                        class="form-control @error('mobile_no') is-invalid @enderror"
                                                        placeholder="Enter Mobile No"
                                                        value="{{ old('mobile_no', $surveyData['mobile_no'] ?? '') }}"
                                                        >

                                                    @error('mobile_no')
                                                        <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.project.view', ['project_id' => encrypt($id)]) }}" 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

        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                $('#gps_latitude').val(position.coords.latitude);
                $('#gps_longitude').val(position.coords.longitude);
            }, function(error) {
                console.error("Error fetching location: ", error);
                toastr.warning("Could not fetch GPS location.");
            });
        } else {
            toastr.warning("Geolocation is not supported by this browser.");
        }
    });
</script>


</body>

</html>