@include('layouts.header', ['title' => 'Annexure New PAP'])
<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-9">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">{{ isset($annexuretwoData) ? 'Edit' : 'Add' }} FLGRC NEW PAP</h4>

                            </div>

                            <form id="annexureForm" class="form-horizontal-style-2"
                                action="{{ isset($annexuretwoData) ? route('admin.annexuretwopap.update', encrypt($annexuretwoData->id)) : route('admin.annexuretwopap.store') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                @if (isset($annexuretwoData))
                                    @method('PUT')
                                @endif

                                <input type="hidden" name="project_id" value="{{ $id }}">

                                <div class="card-body">

                                    {{-- Occupant Name (Mapped to owner_name field in model) --}}
                                    <div class="mb-3">
                                        <label class="form-label">Occupant Name <span
                                                class="text-danger">*</span></label>
                                        <input type="text" name="owner_name" class="form-control"
                                            value="{{ old('owner_name', $annexuretwoData->owner_name ?? '') }}">
                                    </div>

                                    {{-- Address --}}
                                    <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', $annexuretwoData->address ?? '') }}">
                                    </div>

                                    <div class="row">

                                        {{-- Map ID --}}
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label">Map ID</label>
                                                <input type="text" name="map_id" class="form-control"
                                                    value="{{ old('map_id', $annexuretwoData->map_id ?? '') }}">
                                            </div>
                                        </div>

                                        {{-- Structure ID --}}
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label">Structure ID</label>
                                                <input type="text" name="structure_id" class="form-control"
                                                    value="{{ old('structure_id', $annexuretwoData->structure_id ?? '') }}">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">

                                        {{-- Carpet Area --}}
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label">Affected Area (in sq. mtr.)<span
                                                class="text-danger">*</span></label>
                                                <input type="text" name="carpet_area" class="form-control"
                                                    value="{{ old('carpet_area', $annexuretwoData->carpet_area ?? '') }}">
                                            </div>
                                        </div>

                                        {{-- Structure Type --}}
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label class="form-label">Structure Type <span
                                                        class="text-danger">*</span></label>
                                                <select name="structure_use" 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_use', $annexuretwoData->structure_use ?? '') == $value ? 'selected' : '' }}>
                                                            {{ $label }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                    </div>

                                    {{-- Eligibility Status --}}
                                    <div class="mb-3">
                                        <label class="form-label">Eligibility Status <span
                                                class="text-danger">*</span></label>
                                        <select name="eligibility_status" class="form-control" required>
                                            <option value="">Select Eligibility</option>
                                            @foreach (['Eligible', 'Non-Eligible'] as $status)
                                                <option value="{{ $status }}"
                                                    {{ old('eligibility_status', $annexuretwoData->eligibility_status ?? '') == $status ? 'selected' : '' }}>
                                                    {{ $status }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="mb-3 row">
                                        <label for="flgrc_order_file" class="col-sm-3 col-form-label">
                                            FLGRC Order File <span class="text-danger">*</span>
                                        </label>
                                        <div class="col-sm-12">
                                            <input type="file" name="flgrc_order_file" id="flgrc_order_file"
                                                class="form-control" required>
                                        </div>
                                    </div>



                                </div>

                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-success me-2" id="submitBtn">
                                        {{ isset($annexuretwoData) ? '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>
<!-- jQuery UI (should load after vendor.min.js) -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="{{ asset('assets/js/app.min.js') }}"></script>


<script>
    $(document).ready(function() {
        // Show error/success messages using Toastr
        @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

        // Prevent form submission if status is inactive and disable submit button on valid submission
        $('#annexureForm').on('submit', function(event) {
            let status = $("select[name='status']").val(); // Get status value

            if (status === "0") { // If status is Inactive
                event.preventDefault(); // Stop form submission
                toastr.error("Form can only be submitted when status is Active.");
                return false;
            }

            // Disable submit button and update text only if form is valid
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...';
        });



    });
</script>


</body>

</html>