@include('layouts.header', ['title' => isset($slgrc) ? 'Edit SLGRC' : 'Add SLGRC'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.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">{{ isset($slgrc) ? 'Edit' : 'Add' }} SLGRC</h4>
                            </div>

                            <form id="userForm"
                                action="{{ isset($slgrc) ? route('admin.slgrc.update', $slgrc->id) : route('admin.slgrc.store') }}"
                                method="POST" enctype="multipart/form-data" autocomplete="off">
                                @csrf
                                @if (isset($slgrc))
                                    @method('PUT')
                                @endif

                                <div class="card-body">

                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="projectSelect" class="form-label">Search Property By <span
                                                    class="text-danger">*</span></label>
                                            <select name="project_id" class="form-control select2" id="projectSelect">
                                                <option value="">Select Project</option>
                                                @foreach ($projectList as $project)
                                                    <option value="{{ $project->id }}"
                                                        {{ old('project_id', isset($slgrc) ? $slgrc->project_id : '') == $project->id ? 'selected' : '' }}>
                                                        {{ $project->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-6 mb-3" id="surveyDropdownContainer"
                                            style="display: {{ isset($slgrc) ? 'block' : 'none' }};">
                                            <label for="surveySelect" class="form-label">Structure/BSES ID <span
                                                    class="text-danger">*</span></label>
                                            {{-- <select name="survey_id" class="form-control select2" id="surveySelect">
                                                <option value="">Select Survey</option>
                                                @if (isset($surveys))
                                                    @foreach ($surveys as $survey)
                                                        <option value="{{ $survey->id }}"
                                                            {{ old('survey_id', isset($slgrc) ? $slgrc->survey_id : '') == $survey->id ? 'selected' : '' }}>
                                                            {{ $survey->structure_id }} - {{ $survey->pap_name }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select> --}}

                                               <select name="survey_id" class="form-control select2" id="surveySelect">
                                                <option value="">Select Survey</option>

                                                <option value="null"
                                                    {{ old('survey_id', isset($slgrc) && is_null($slgrc->survey_id) ? 'null' : '') == 'null' ? 'selected' : '' }}>
                                                    Not in BSES
                                                </option>

                                                @if (isset($surveys))
                                                    @foreach ($surveys as $survey)
                                                        <option value="{{ $survey->id }}"
                                                            {{ old('survey_id', isset($slgrc) ? $slgrc->survey_id : '') == $survey->id ? 'selected' : '' }}>
                                                            {{ $survey->structure_id }} - {{ $survey->pap_name }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>

                                    </div>

                                      <div id="manualOccupantFields"
                                        style="display: {{ isset($slgrc) && is_null($slgrc->survey_id) ? 'block' : 'none' }};">

                                        <div class="mb-3">
                                            <label class="form-label">Occupant Name <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" name="occupant_name" class="form-control"
                                                value="{{ old('occupant_name', $manualPAP->occupant_name ?? '') }}"
                                                >
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Address <span class="text-danger">*</span></label>
                                            <input type="text" name="address" class="form-control"
                                                value="{{ old('address', $manualPAP->address ?? '') }}" >
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Structure Type <span
                                                    class="text-danger">*</span></label>
                                            <select name="structure_type" class="form-control" >
                                                <option value="">Select Structure Type</option>
                                                @foreach (['1' => 'Residential', '2' => 'Commercial', '3' => 'Residential + Commercial', '4' => 'Others'] as $value => $label)
                                                    <option value="{{ $value }}"
                                                       {{ old('structure_type', $manualPAP->structure_use ?? '') == $value ? 'selected' : '' }}>
                                                        {{ $label }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>


                                    <div class="table-responsive mt-4" id="surveyDetailsContainer"
                                        style="display: none;">
                                        <table class="table table-bordered" id="surveyDetailsTable">
                                            <thead>
                                                <tr>
                                                    <th>Sl. No.</th>
                                                    <th>Map No.</th>
                                                    <th>Structure ID</th>
                                                    <th>Occupant Name</th>
                                                    <th>Affected Area</th>
                                                    <th>Property Type</th>
                                                </tr>
                                            </thead>
                                            <tbody id="surveyDetailsBody">
                                                <!-- Dynamic content -->
                                            </tbody>
                                        </table>
                                    </div>

                                    <hr>

                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="chiefUsersSelect" class="form-label">Attendees from GC <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="attendees_gc" name="attendees_gc"
                                                class="form-control @error('attendees_gc') is-invalid @enderror"
                                                placeholder="Enter"
                                                value="{{ old('attendees_gc', isset($slgrc) ? $slgrc->attendees_gc : '') }}"
                                                required>
                                            @error('attendees_gc')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="chiefUsersSelect" class="form-label">Head Of SLGRC <span
                                                    class="text-danger">*</span></label>
                                            <select name="chief_users[]" class="form-control select2" multiple
                                                id="chiefUsersSelect">
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}"
                                                        @if (isset($slgrc) && in_array($user->id, $slgrc->chiefUsers->pluck('id')->toArray())) selected @endif>
                                                        {{ $user->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="mmrcUsersSelect" class="form-label">Attendees from MMRDA <span
                                                    class="text-danger">*</span></label>
                                            <select name="mmrc_users[]" class="form-control select2" multiple
                                                id="mmrcUsersSelect">
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}"
                                                        @if (isset($slgrc) && in_array($user->id, $slgrc->mmrcUsers->pluck('id')->toArray())) selected @endif>
                                                        {{ $user->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="chiefUsersSelect" class="form-label">Other Attendees <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="other_attendees" name="other_attendees"
                                                class="form-control @error('other_attendees') is-invalid @enderror"
                                                placeholder="Enter"
                                                value="{{ old('other_attendees', isset($slgrc) ? $slgrc->other_attendees : '') }}"
                                                required>
                                            @error('other_attendees')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                    </div>

                                    <hr>

                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="reasonSelect" class="form-label">Reason of Hearing <span
                                                    class="text-danger">*</span></label>
                                            <select name="reason_id" class="form-control select2" id="reasonSelect">
                                                <option value="">Select Reason</option>
                                                @foreach ($reasons as $reason)
                                                    <option value="{{ $reason->id }}"
                                                        {{ old('reason_id', isset($slgrc) ? $slgrc->reason_id : '') == $reason->id ? 'selected' : '' }}>
                                                        {{ $reason->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-6 mb-3">
                                            <label for="chiefUsersSelect" class="form-label">Description <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="description" name="description"
                                                class="form-control @error('description') is-invalid @enderror"
                                                placeholder="Enter"
                                                value="{{ old('description', isset($slgrc) ? $slgrc->description : '') }}"
                                                required>
                                            @error('description')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                    </div>


                                </div>

                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-success me-2" id="submitBtn">
                                        {{ isset($slgrc) ? 'Update' : 'Submit' }}
                                    </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 ($errors->any())
            @foreach ($errors->all() as $error)
                toastr.error("{{ $error }}");
            @endforeach
        @endif

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

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

        document.getElementById('userForm').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
        });
    });
</script>

<!-- Custom JS -->
<script src="{{ asset('assets/js/pages/flgrc/slgrc.js') }}"></script>

</body>

</html>