@include('layouts.header', ['title' => 'Allotment Letter & Taba Pavti'])
<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>

                @include('components.project-details', ['project' => $project])

                <!-- Dynamic Table Wrapper -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">

                            <!-- Card Header -->
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0 text-end float-end">
                                    Allotment Letter & Taba Pavti List
                                </h4>

                                <form class="d-flex ms-auto" method="GET">
                                    <input type="text" name="occupant_name" class="form-control me-2"
                                        placeholder="Occupant Name" value="{{ request('occupant_name') }}">

                                    <button type="submit" class="btn btn-primary me-2">Search</button>
                                    <button type="button" class="btn btn-secondary reset-btn">Reset</button>
                                </form>
                            </div>

                            <div class="card-body">
                                <div class="table-wrapper">
                                    <div style="overflow-x: auto; width: 100%;">

                                        <table id="basic-datatable residential-a1-table"
                                            class="table table-striped dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sr. No.</th>
                                                    <th>Lottery Date</th>
                                                    <th>Tenement ID No</th>
                                                    <th>Name of the Occupant of Structure</th>
                                                    <th>Signed Allotment Letter</th>
                                                    <th>Generate Taba Pavti</th>
                                                    <th>Indemnity Form</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @if ($surveys->isEmpty())
                                                    <tr>
                                                        <td colspan="8" class="text-center">No Records Found</td>
                                                    </tr>
                                                @else
                                                    @foreach ($surveys as $survey)
                                                        <tr>
                                                            <td>{{ $loop->iteration + ($surveys->currentPage() - 1) * $surveys->perPage() }}
                                                            </td>

                                                            <td></td> {{-- Empty Lottery Date --}}
                                                            <td></td> {{-- Empty Tenement ID No --}}

                                                            <td>
                                                                @if ($survey->SurveyUserResidential->isNotEmpty())
                                                                    {{ $survey->SurveyUserResidential->pluck('structure_owner_name')->implode(', ') }}
                                                                @elseif ($survey->surveyUserOthers->isNotEmpty())
                                                                    {{ $survey->surveyUserOthers->pluck('owner_name')->implode(', ') }}
                                                                @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                                    {{ $survey->surveyUserCommercial->pluck('ownership')->filter()->implode(', ') }}
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>

                                                            <td>
                                                                <button class="btn btn-primary">Download</button>
                                                            </td>

                                                            <td>
                                                                <button class="btn btn-primary">Download</button>
                                                            </td>

                                                            <td style="white-space: nowrap;">
                                                                <button class="btn btn-success" style="margin-right: 15px;">Upload</button>
                                                                <button class="btn btn-primary">Download</button>
                                                            </td>
                                                            
                                                                                                                      
                                                            
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>

                                        </table>
                                    </div>

                                    <!-- Pagination -->
                                    <div class="mt-3 pagination-links">
                                        {{ $surveys->appends(request()->query())->links('pagination::bootstrap-5') }}
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        @include('layouts.footer')
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<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.querySelector('.reset-btn').addEventListener('click', function() {
        window.location.href = "{{ url()->current() }}";
    });
</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


        $('#uploadBtn').on('click', function(e) {
            e.preventDefault();

            let fileInput = $('#file')[0].files[0]; // Get file
            let selectedSurveyIds = []; // Store surveys with "Yes"
            let hasYesSelected = false; // Track if at least one "Yes" exists

            // Loop through dropdowns to check selected values
            $('.remark-dropdown').each(function() {
                let surveyId = $(this).data('survey-id');
                let selectedValue = $(this).val();

                if (selectedValue === "yes") {
                    selectedSurveyIds.push(surveyId);
                    hasYesSelected = true; // A "Yes" is selected
                }
            });

            if (!hasYesSelected) {
                alert("You cannot upload a file if all surveys are marked as 'No'.");
                return;
            }

            if (!fileInput) {
                alert("Please select a file to upload.");
                return;
            }

            let formData = new FormData();
            formData.append('file', fileInput);
            formData.append('_token', '{{ csrf_token() }}');
            formData.append('project_id', '{{ $project->id }}');
            formData.append('survey_ids', JSON.stringify(selectedSurveyIds));

            $.ajax({
                url: "{{ route('admin.project.upload.demolitionReport') }}",
                type: "POST",
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    if (response.success) {
                        alert("File uploaded successfully!");
                        location.reload();
                    } else {
                        alert(response.message);
                    }
                },
                error: function(xhr) {
                    alert("Error uploading file. Please try again.");
                }
            });

        });



    });
</script>


</body>