@include('layouts.header', ['title' => 'Draft Annexure List'])
<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,
                    'showDoubleBenefitDownloadBtn' => true,
                ])

                <!-- 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">
                                <h4 class="header-title mb-0 text-end float-end">
                                    Draft Annexure List
                                </h4>
                                <div>
                                    <a href="{{ route('admin.rnrprojectsurveylockedstructure.index', encrypt($project->id)) }}" class="btn btn-light btn-sm"> Locked Structures</a>
                    
                                    <a href="{{ route('admin.export.draft-annexure.survey', encrypt($project->id)) }}" class="btn btn-light btn-sm"> Download Draft Annexure Excel</a>
                                </div>
                                {{-- <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-light btn-sm">Search</button>
                                    <button type="button" class="btn btn-link 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"
                                            class="table table-striped dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sl. No.</th>
                                                    <th>Map No.</th>
                                                    <th>Identification No</th>
                                                    <th>Map Location</th>
                                                    <th>Name of the Owner</th>
                                                    <th>Name of the Occupant of structure</th>
                                                    <th>Carpet Area(In Sq.mtr.)</th>
                                                    <th>Type of Use</th>
                                                    <th>Joint verification Remarks</th>
                                                    <th>Survey Date</th>
                                                    <th>Eligibility status</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if ($surveys->isEmpty())
                                                    <tr>
                                                        <td colspan="14" class="text-center">No Records Found</td>
                                                    </tr>
                                                @else
                                                    @foreach ($surveys as $key => $survey)
                                                        <tr>
                                                            <td>{{ $key + 1 }}
                                                            {{-- <td>{{ $loop->iteration + ($surveys->currentPage() - 1) * $surveys->perPage() }} --}}
                                                            <td>{{ $survey->map_id ?? 'N/A' }}</td>
                                                            <td>{{ $survey->structure_id ?? 'N/A' }}</td>
                                                            <td>{{ $survey->map_location ?? 'N/A' }}</td>
                                                            <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>
                                                                @if ($survey->SurveyUserResidential->isNotEmpty())
                                                                    {{ $survey->SurveyUserResidential->pluck('name_occupant_structure')->implode(', ') }}
                                                                @elseif ($survey->surveyUserOthers->isNotEmpty())
                                                                    {{ $survey->surveyUserOthers->pluck('name_of_occupant')->filter()->implode(', ') ?? 'N/A' }}
                                                                @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                                    {{ $survey->surveyUserCommercial->pluck('name_establishment_owner')->filter()->implode(', ') }}
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>

                                                            <td>
                                                                @if ($survey->SurveyUserResidential->isNotEmpty())
                                                                    {{ $survey->SurveyUserResidential->pluck('total_area')->implode(', ') }}
                                                                @elseif ($survey->surveyUserOthers->isNotEmpty())
                                                                    {{ $survey->surveyUserOthers->pluck('total_area')->filter()->implode(', ') ?? 'N/A' }}
                                                                @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                                    {{ $survey->surveyUserCommercial->pluck('total_area')->filter()->implode(', ') }}
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>
                                                            <td>
                                                                @if ($survey->structure_use == '1')
                                                                    Residential
                                                                @elseif ($survey->structure_use == '2')
                                                                    Commercial
                                                                @elseif ($survey->structure_use == '3')
                                                                    Resi-Cum-Comm
                                                                @elseif ($survey->structure_use == '4')
                                                                    Others
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>

                                                            <td>
                                                                @if ($survey->SurveyUserResidential->isNotEmpty())
                                                                    {{ $survey->SurveyUserResidential->pluck('remark.name')->filter()->implode(', ') ?: 'N/A' }}
                                                                @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                                    {{ $survey->surveyUserCommercial->pluck('remark.name')->filter()->implode(', ') ?: 'N/A' }}
                                                                @elseif ($survey->surveyUserOthers->isNotEmpty())
                                                                    {{ $survey->surveyUserOthers->pluck('remark.name')->filter()->implode(', ') ?: 'N/A' }}
                                                                @else
                                                                    N/A
                                                                @endif
                                                            </td>

                                                            <td>{{ $survey->survey_date ? date('d M Y', strtotime($survey->survey_date)) : 'N/A' }}</td>

                                                            <td>
                                                                @php
                                                                    $eligibility = 'N/A';
                                                                    $comment = '';

                                                                    if ($survey->structure_use == '1' || $survey->structure_use == '3') {
                                                                        $eligibility = $survey->SurveyUserResidential->pluck('updated_status')->filter()->implode(', ') ?: 'N/A';
                                                                        $comment = $survey->SurveyUserResidential->pluck('updated_status_comment')->filter()->implode(', ');
                                                                    } elseif ($survey->structure_use == '2') {
                                                                        $eligibility = $survey->surveyUserCommercial->pluck('updated_status')->filter()->implode(', ') ?: 'N/A';
                                                                        $comment = $survey->surveyUserCommercial->pluck('updated_status_comment')->filter()->implode(', ');
                                                                    } elseif ($survey->structure_use == '4') {
                                                                        $eligibility = $survey->surveyUserOthers->pluck('updated_status')->filter()->implode(', ') ?: 'N/A';
                                                                        $comment = $survey->surveyUserOthers->pluck('updated_status_comment')->filter()->implode(', ');
                                                                    }
                                                                @endphp

                                                                {{ $eligibility }}
                                                                @if (!empty($comment))
                                                                    <i class="fas fa-info-circle text-primary ms-1"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="top"
                                                                    title="{{ $comment }}"></i>
                                                                @endif
                                                            </td>

                                                            @php
                                                                $selectedRemark =
                                                                    optional($survey->SurveyUserResidential()->first())
                                                                        ->remark_id ??
                                                                    (optional($survey->SurveyUserCommercial()->first())
                                                                        ->remark_id ??
                                                                        optional($survey->surveyUserOthers()->first())
                                                                            ->remark_id);
                                                            @endphp
                                                            <td>

                                                                <a href="{{ route('admin.projectsurveydetails.index', ['projectId' => encrypt($project->id), 'surveyId' => encrypt($survey->id)]) }}"
                                                                    class="text-reset fs-16 px-1" data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="View Survey Project"
                                                                >
                                                                    <i class="bi bi-eye-fill"></i>
                                                                </a>
                                                            </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>


                    @can('update_draft_status')


                    <div class="row" id="demolition-section">
                        <div class="col-lg-6">
                            <div class="card p-3 shadow-sm border rounded form-horizontal-style-2">

                            @php
                            $matchedStatus = $project->statuses->firstWhere('status', $project->status->id);

                            if ($matchedStatus) {
                                $createdAt = $matchedStatus->created_at;

                            } else {
                                $createdAt = 'N/A';
                            }
                            @endphp

                            @php
                                $hasStatus7 = $project->statuses->contains('status', 7);
                            @endphp
                            <label>Submitted On: {{ date('d-m-Y H:i:s', strtotime($createdAt)) ?? 'N/A' }} </label>
                            <p><strong>Description: </strong> {!! $project->draft_annexure_remark?? 'N/A' !!}</p>
                            @if(!$hasStatus7)

                            <label for="comment" class="form-label">Remark <span class="text-danger">*</span></label>
                            <textarea class="form-control" id="draft_annexure_remark" rows="3"></textarea>
                            @endif
                                <!-- Submit Button -->
                                <div class="border-top pt-3 text-center">
                                    <button type="submit" class="btn btn-success w-100" id="finalSubmitBtn" {{ ($isDisable || $hasStatus7) ? 'disabled' : '' }}>
                                        Submit Draft Annexure
                                    </button>

                                </div>

                                  <div class="border-top pt-3 text-center">
                                        <button type="submit" class="btn btn-light w-100" id="correctionAnnexureSubmitted"
                                         {{ ($isDisable || $hasStatus7) ? 'disabled' : '' }}>
                                            Send Back For Correction
                                        </button>

                                    </div>

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

                    @endcan


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

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

<input type="hidden" id="project_id_global" value="{{ $survey->project_id }}">


<!-- 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">Update Survey Status</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="survey_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-success status-btn"
                            data-status="Eligible">Eligible</button>
                        <button type="button" class="btn btn-danger status-btn"
                            data-status="Non-Eligible">Non-Eligible</button>
                        <button type="button" class="btn btn-warning status-btn" data-status="On Hold">On Hold</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">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">


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

@include('admin.load-datatable')

<script>
    document.querySelector('.reset-btn').addEventListener('click', function() {
        window.location.href = "{{ url()->current() }}";
    });

</script>

<script>
   $(document).ready(function() {
    let updatedRecords = new Set();
    let totalRecords = $(".update-status-btn").length;

    // ✅ Mark pre-filled surveys as updated on page load
    $(".update-status-btn").each(function() {
        let surveyId = $(this).data("survey-id");
        let status = $(this).data("status");
        let comment = $(this).data("comment");

        if (status !== "" && status !== undefined && comment !== "" && comment !== undefined) {
        updatedRecords.add(surveyId);
    }
    });

    // ✅ Enable Final Submit Button if all surveys are updated
    /*if (updatedRecords.size === totalRecords && totalRecords > 0) {
    $("#finalSubmitBtn").prop("disabled", false);
} else {
    $("#finalSubmitBtn").prop("disabled", true);
}*/

    // Open modal and set survey ID dynamically
    $(".update-status-btn").click(function() {
        let surveyId = $(this).data("survey-id");
        let projectId = $(this).data("project-id");
        let structureUse = $(this).data("structure-use");
        let status = $(this).data("status") || "";
        let comment = $(this).data("comment") || "";

        let modal = $("#updateStatusModal");

        modal.find("#survey_id").val(surveyId);
        modal.find("#project_id").val(projectId);
        modal.find("#structure_use").val(structureUse);
        modal.find("#comment").val(comment);

        // Enable/Disable status selection based on comment
        modal.find(".status-btn").prop("disabled", !comment);

        // Preselect the correct status button
        modal.find(".status-btn").removeClass("active btn-dark");
        if (status) {
            modal.find(`.status-btn[data-status="${status}"]`).addClass("active btn-dark");
        }
    });

    // Enable status selection only when a comment is entered
    $("#comment").on("input", function() {
        let modal = $(this).closest(".modal");
        let commentText = $(this).val().trim();

        modal.find(".status-btn").prop("disabled", commentText.length === 0);
    });

    // Handle status button click
    $(".status-btn").click(function() {
        let modal = $(this).closest(".modal");
        let status = $(this).data("status");
        let comment = modal.find("#comment").val().trim();
        let surveyId = modal.find("#survey_id").val();
        let projectId = modal.find("#project_id").val();
        let structureUse = modal.find("#structure_use").val();

        if (!comment) {
            alert("Please add a comment before selecting a status.");
            return false;
        }

        $.ajax({
            url: "{{ route('admin.survey.update_status') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                survey_id: surveyId,
                project_id: projectId,
                structure_use: structureUse,
                status: status,
                comment: comment,
            },
            success: function(response) {
                if (response.success) {
                    updatedRecords.add(surveyId);

                    // ✅ Enable Final Submit Button if all surveys are updated
                    if (updatedRecords.size === totalRecords) {
                        $("#finalSubmitBtn").prop("disabled", false);
                    }

                    // Update button's data attributes dynamically after status update
                    $(`.update-status-btn[data-survey-id='${surveyId}']`)
                        .data("status", status)
                        .data("comment", comment);

                    alert("Survey  status updated successfully!");
                    location.reload();
                    modal.modal("hide");
                } else {
                    alert("Error updating status!");
                }
            },
        });
    });

    // Final Submit Button (after all records are updated)
    $("#finalSubmitBtn").click(function() {
        let projectId = $("#project_id_global").val();
        let draftAnnexureRemark = $("#draft_annexure_remark").val();
        if(draftAnnexureRemark == '') {
            toastr.error("Please add remark");
            return false;
        }

        $.ajax({
            url: "{{ route('admin.project.update_status') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}",
                project_id: projectId,
                status: 8,
                draft_annexure_remark : draftAnnexureRemark
            },
            success: function(response) {
                if (response.success) {
                    alert("Draft Annexure status updated successfully!");
                    location.reload();
                } else {
                    alert("Error updating project status!");
                }
            },
        });
    });

     $("#correctionAnnexureSubmitted").click(function() {
            let draftAnnexureRemark = $("#draft_annexure_remark").val();

            if (draftAnnexureRemark == '') {
                toastr.error("Please enter remark");
                return false;
            }

            $.ajax({
                url: "{{ route('admin.project.correctionAnnexureSubmitted') }}",
                type: "POST",
                data: {
                    project_id: "{{ $project->id }}",
                    draft_annexure_remark: draftAnnexureRemark,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {

                    toastr.success(response.message);

                    setTimeout(function() {
                        if (response.encryptedProjectId) {
                            window.location.href = "/admin/rnr/project/" +
                                encodeURIComponent(response.encryptedProjectId) +
                                "/edit";
                        } else {
                            toastr.error("Encrypted Project ID not received.");
                        }
                    }, 1000);
                },
                error: function(xhr) {

                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        toastr.error(xhr.responseJSON.message);
                    } else {
                        toastr.error("Something went wrong!");
                    }
                }
            });
        });

    // ✅ Debugging: Check records
    console.log("Total Records:", totalRecords);
    console.log("Updated Records Initially:", updatedRecords);
});

</script>



</body>