@include('layouts.header', ['title' => 'Allotment Letter'])
<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 List
                                </h4>
                                &nbsp;&nbsp;
                                <a href="{{ route('admin.export.allotmentLetter.survey', encrypt($project->id)) }}"
                                    class="btn btn-success"> Download Allotment Letter</a>
                                <form class="d-flex ms-auto" method="GET">
                                    <a href="{{ route('admin.annexure2.commercial-list', encrypt($project->id)) }}"
                                        class="btn btn-light"> Commercial Allotment</a>
                                </form>

                            </div>

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

                                        <table id="basic-datatable"
                                            class="table table-striped dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sr. No.</th>
                                                    <th>Map ID</th>
                                                    <th>Structure ID</th>
                                                    <th>Lottery Date</th>
                                                    <th>Room No</th>
                                                    <th>Name of the Occupant of Structure</th>
                                                    <th>Allotment Letter</th>
                                                    <th>Taba Pavti</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @if ($allotments->isEmpty())
                                                    <tr>
                                                        <td colspan="8" class="text-center">No Records Found</td>
                                                    </tr>
                                                @else
                                                    @foreach ($allotments as $allotment)
                                                        <tr>
                                                            <td>{{ $loop->iteration }}
                                                                {{-- <td>{{ $loop->iteration + ($surveys->currentPage() - 1) * $surveys->perPage() }} --}}
                                                            </td>
                                                            <td>{{ $allotment->annexureTwo->map_id ?? '-' }}</td>
                                                            <td>{{ $allotment->annexureTwo->structure_id ?? '-' }}</td>
                                                            <td>
                                                                @if ($allotment->lottery?->created_at)
                                                                    {{ $allotment->lottery->created_at->format('d M Y') }}
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>


                                                            <td>
                                                                {{ $allotment->inventoryBuildingRoom->room_no }}
                                                            </td>


                                                            <td>
                                                                {{ $allotment->annexureTwo->new_owner_name ?? ($allotment->annexureTwo->owner_name ?? '-') }}
                                                            </td>
                                                            <td class="text-center">
                                                                <button class="btn btn-success me-2 download-pdf"
                                                                    data-allotment="{{ encrypt($allotment->id) }}">
                                                                    Download
                                                                </button>
                                                            </td>

                                                            <td class="text-center">
                                                                @if ($allotment->indemnity_bond)
                                                                    <button
                                                                        class="btn btn-success me-2 download-taba-pdf"
                                                                        data-allotment="{{ encrypt($allotment->id) }}"
                                                                        @if (optional($allotment->annexureTwo)->allotment_status === '2') disabled @endif>
                                                                        Download
                                                                    </button>
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>


                                                            <td>
                                                                <div class="text-center mb-1">
                                                                    @if ($allotment->annexureTwo->survey_id)
                                                                        <a href="{{ route('admin.projectsurveydetails.index', ['projectId' => encrypt($project->id), 'surveyId' => encrypt($allotment->annexureTwo->survey_id)]) }}"
                                                                            class="text-reset fs-16 px-1"
                                                                            data-bs-toggle="tooltip"
                                                                            data-bs-placement="top"
                                                                            title="View Allotment Details">
                                                                            <i class="bi bi-eye-fill"></i>
                                                                        </a>
                                                                    @else
                                                                        <a href="{{ route('admin.allotments.show', ['project' => encrypt($project->id), 'allotment' => encrypt($allotment->id)]) }}"
                                                                            class="text-reset fs-16 px-1"
                                                                            data-bs-toggle="tooltip"
                                                                            data-bs-placement="top"
                                                                            title="View Allotment Details">
                                                                            <i class="bi bi-eye-fill"></i>
                                                                        </a>
                                                                    @endif
                                                                </div>
                                                                <button
                                                                    class="btn btn-success me-2 btn-sm allotment-action"
                                                                    data-project="{{ encrypt($project->id) }}"
                                                                    data-allotment="{{ encrypt($allotment->id) }}">
                                                                    Possession On Hold / Allotment Cancel
                                                                </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>

<!-- Bootstrap Modal for PDF Preview -->
<div class="modal fade" id="pdfPreviewModal" tabindex="-1" aria-labelledby="pdfPreviewLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="pdfPreviewLabel">PDF Preview</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <iframe id="pdfViewer" width="100%" height="600px"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <a id="downloadPdf" class="btn btn-success me-2" href="#"
                    download="Allotment_Letter.pdf">Download</a>
            </div>
        </div>
    </div>
</div>

<!-- Status Update Modal -->
<div class="modal fade" id="updateStatusModal" tabindex="-1" aria-labelledby="updateStatusModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="updateStatusModalLabel">Possession Allotment</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="updateStatusForm">
                    <input type="hidden" id="allotment_id">
                    <input type="hidden" id="project_id">
                    <input type="hidden" id="structure_use" name="structure_use">


                    <div class="mb-3">
                        <label for="comment" class="form-label">Comment <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="comment" rows="3"></textarea>
                    </div>

                    <div class="d-flex justify-content-between">
                        <button type="button" class="btn btn-warning status-btn" data-status="1">Possession On
                            Hold</button>
                        <button type="button" class="btn btn-danger status-btn" data-status="2">Allotment
                            Cancel</button>
                    </div>
                </form>
            </div>
        </div>
    </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>

@include('admin.load-datatable')

<script>
    $(document).ready(function() {
        $(".download-pdf").click(function() {
            let allotmentId = $(this).data("allotment");

            $.ajax({
                url: "{{ route('admin.allotment-letter-download', ['allotmentId' => '__ALLOTMENT_ID__']) }}"
                    .replace('__ALLOTMENT_ID__', allotmentId),
                type: "GET",
                success: function(response) {
                    if (response.pdf) {
                        let pdfData = "data:application/pdf;base64," + response.pdf;
                        $("#pdfViewer").attr("src", pdfData); // Set PDF in iframe
                        $("#downloadPdf").attr("href", pdfData).attr('download',
                            'Allotment_Letter.pdf'); // Set download link
                        $("#pdfPreviewModal").modal("show"); // Show modal
                    } else {
                        alert("Failed to generate PDF. Please try again.");
                    }
                },
                error: function() {
                    alert("Error generating PDF.");
                }
            });


        });

        $(".download-taba-pdf").click(function() {
            let allotmentId = $(this).data("allotment");

            $.ajax({
                url: "{{ route('admin.allotment-letter-download-taba', ['allotmentId' => '__ALLOTMENT_ID__']) }}"
                    .replace('__ALLOTMENT_ID__', allotmentId),
                type: "GET",
                success: function(response) {
                    if (response.pdf) {
                        let pdfData = "data:application/pdf;base64," + response.pdf;
                        $("#pdfViewer").attr("src", pdfData); // Set PDF in iframe
                        $("#downloadPdf").attr("href", pdfData).attr('download',
                            'Taba_Pavti.pdf'); // Set download link
                        $("#pdfPreviewModal").modal("show"); // Show modal
                    } else {
                        alert("Failed to generate PDF. Please try again.");
                    }
                },
                error: function() {
                    alert("Error generating PDF.");
                }
            });
        });

        $(".allotment-action").click(function() {
            let projectId = $(this).data("project");
            let allotmentId = $(this).data("allotment");

            $('#updateStatusModal').modal('show');
            $('#project_id').val(projectId);
            $('#allotment_id').val(allotmentId);
        });

        $('.status-btn').on('click', function() {
            var status = $(this).data('status');
            var allotmentId = $('#allotment_id').val();
            var projectId = $('#project_id').val();
            var comment = $('#comment').val();

            if (!comment.trim()) {
                toastr.error('Please enter a comment.');
                return;
            }

            $.ajax({
                url: "{{ route('admin.updateAllotmentStatus') }}",
                type: "POST",
                data: {
                    project_id: projectId,
                    allotment_id: allotmentId,
                    allotment_comment: comment,
                    status: status, // 1 = Possession On Hold, 2 = Cancelled
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    if (response.success) {
                        toastr.success("Allotment status updated successfully!");
                        location.reload();
                    } else {
                        toastr.error("Failed to update status: " + response.message);
                    }
                },
                error: function(xhr) {
                    toastr.error("Error occurred: " + xhr.responseText);
                }
            });
        });
    });
</script>

</body>