@include('layouts.header', ['title' => 'Joint Verification 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])

                <!-- 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">
                                    Joint Verification List
                                </h4>
                                &nbsp;&nbsp;
                                <a href="{{ route('admin.export.based.survey', encrypt($project->id)) }}"
                                    class="btn btn-light btn-sm"> Download Verification Excel</a>
                                {{-- <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>Survey Date</th>
                                                    <th>Remark</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>
                                                            {{-- <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>{{ $survey->survey_date ? date('d M Y', strtotime($survey->survey_date)) : 'N/A' }}
                                                            </td>

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

                                                            <td>

                                                                @php
                                                                    $hasStatus5 = $project->statuses->contains(
                                                                        'status',
                                                                        5,
                                                                    );
                                                                    $hasStatus6 = $project->statuses->contains(
                                                                        'status',
                                                                        6,
                                                                    );
                                                                @endphp
                                                                @if ($hasStatus5 || $hasStatus6)
                                                                    @foreach ($remarks as $remark)
                                                                        <label>
                                                                            @if ($selectedRemark == $remark->id)
                                                                                {{ $remark->name }}
                                                                            @endif
                                                                        </label>
                                                                    @endforeach
                                                                @else
                                                                    <select class="form-control remark-dropdown"
                                                                        data-survey-id="{{ $survey->id }}"
                                                                        data-project-id="{{ $survey->project_id }}">
                                                                        <option value="">Select Remark</option>
                                                                        @foreach ($remarks as $remark)
                                                                            <option value="{{ $remark->id }}"
                                                                                @if (isset($selectedRemark) && $selectedRemark == $remark->id) selected @endif>
                                                                                {{ $remark->name }}
                                                                            </option>
                                                                        @endforeach
                                                                    </select>
                                                                @endif
                                                            </td>
                                                            <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>

                    <div class="row" id="remark-status">
                        <div class="col-lg-6">
                            <div class="card p-3 shadow-sm border rounded">
                                <!-- save button to save the entered remarks for the projects -->
                                <!-- File Upload Section -->
                                <div class="mb-3">
                                    <label for="file" class="form-label fw-bold">Joint Verification Report <span
                                            class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input type="file" id="file" name="file"
                                            class="form-control @error('file') is-invalid @enderror">
                                        <button type="submit" class="btn btn-success me-2"
                                            id="uploadBtn">Upload</button>
                                    </div>
                                    @error('file')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>

                                <!-- Current File Preview -->
                                @if (isset($jointVerificationDocs))
                                    <div class="mb-3">
                                        <p class="text-muted mb-1 fw-semibold">Uploaded Joint Verification Files:</p>
                                        <div class="d-flex align-items-center">
                                            <ul class="list-unstyled">
                                                @foreach ($jointVerificationDocs as $doc)
                                                    <li class="d-flex align-items-center mb-2">
                                                        <a href="javascript:void(0);"
                                                            class="text-primary fw-semibold open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_BASE_PATH . '/project_' . $project->id . '/joint-verification-report/' . $doc->file_name) }}"
                                                            data-file-type="{{ pathinfo($project->joint_verification_report_file, PATHINFO_EXTENSION) }}">
                                                            📄 {{ $doc->file_name }} -
                                                            {{ date('d-m-Y', strtotime($doc->created_at)) }}
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                @endif
                                @php
                                    $matchedStatus = $project->status ? $project->statuses->firstWhere('status', $project->status->id) : null;

                                    if ($matchedStatus) {
                                        $createdAt = $matchedStatus->created_at;
                                    } else {
                                        $createdAt = 'N/A';
                                    }
                                @endphp

                                @if (isset($project->draft_annexure_remark))
                                    <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>
                                @endif

                                <!-- Complete Joint verification button Button -->
                                <div class="border-top pt-3 text-center">
                                    <button type="submit" class="btn btn-success w-100" id="submitJointVerificationBtn"
                                        @if ($totalCount != $remarkedCount) disabled @endif>
                                        Complete Joint Verification
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row" id="joint-verification-section" style="display: none;">
                        <div class="col-lg-6">
                            <div class="card p-3 shadow-sm border rounded form-horizontal-style-2">
                                <!-- Current File Preview -->
                                @if (isset($jointVerificationDocs))
                                    <div class="mb-3">
                                        <p class="text-muted mb-1 fw-semibold">Uploaded Joint Verification Files:</p>
                                        <div class="d-flex align-items-center">
                                            <ul class="list-unstyled">
                                                @foreach ($jointVerificationDocs as $doc)
                                                    <li class="d-flex align-items-center mb-2">
                                                        <a href="javascript:void(0);"
                                                            class="text-primary fw-semibold open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_BASE_PATH . '/project_' . $project->id . '/joint-verification-report/' . $doc->file_name) }}"
                                                            data-file-type="{{ pathinfo($project->joint_verification_report_file, PATHINFO_EXTENSION) }}">
                                                            📄 {{ $doc->file_name }} -
                                                            {{ date('d-m-Y', strtotime($doc->created_at)) }}
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                @endif
                                @php
                                    $matchedStatus = $project->status ? $project->statuses->firstWhere('status', $project->status->id) : null;

                                    if ($matchedStatus) {
                                        $createdAt = $matchedStatus->created_at;
                                    } else {
                                        $createdAt = 'N/A';
                                    }
                                @endphp

                                @can('submit_joint_verification')
                                    @php
                                        $hasStatus6 = $project->statuses->contains('status', 6);
                                    @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 (!$hasStatus6)
                                        <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="verificationSubmitted"
                                            @if ($totalCount != $remarkedCount || $hasStatus6) disabled @endif>
                                            Submit Joint Verification Report
                                        </button>

                                    </div>

                                    <div class="border-top pt-3 text-center">
                                        <button type="submit" class="btn btn-light w-100" id="correctionSubmitted"
                                            @if ($totalCount != $remarkedCount || $hasStatus6) disabled @endif>
                                            Send Back For Correction
                                        </button>

                                    </div>
                                @endcan

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




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

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

<div id="confirmationModal" style="display: none;">
    <p>Are you sure you want to mark as complete?</p>
    <button id="confirmComplete" class="btn btn-success me-2">Yes</button>
    <button id="cancelComplete" class="btn btn-danger">No</button>
</div>

<!-- Status Update Modal -->
<div class="modal fade" id="remarkModal" tabindex="-1" aria-labelledby="remarkModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="remarkModalLabel">Add Remark</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="remark_id">
                    <input type="hidden" id="survey_id">
                    <input type="hidden" id="project_id">
                    <div class="mb-3">
                        <label for="comment" class="form-label">Remark <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="remarkOther" rows="3"></textarea>
                    </div>

                    <div class="d-flex justify-content-between">
                        <button type="button" class="btn btn-success me-2" id="saveCustomRemark">Save</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.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

        // Get all saved project statuses from Blade and parse them into an array
        let projectStatuses = @json($project->statuses->pluck('status')->toArray());

        // Function to show section based on available statuses

        function showSavedStatuses() {
            if (projectStatuses.includes(5)) {
                $("#joint-verification-section").show(); // Show joint verification section
                $("#remark-status").hide(); // Hide remark status
            } else {
                $("#joint-verification-section").hide(); // Hide joint verification section
                $("#remark-status").show(); // Show remark status
            }
        }

        // On page load, show buttons for saved statuses
        showSavedStatuses();

        $('.remark-dropdown').on('change', function() {
            var remarkId = $(this).val();
            var surveyId = $(this).data('survey-id');
            var projectId = $(this).data('project-id');

            if (remarkId == 5) {
                // Show modal popup
                $('#remarkModal').modal('show');
                $('#remark_id').val(remarkId);
                $('#survey_id').val(surveyId);
                $('#project_id').val(projectId);
                return;
            }

            if (remarkId) {
                $.ajax({
                    url: "{{ route('admin.survey.updateRemark') }}",
                    type: 'POST',
                    data: {
                        remark_id: remarkId,
                        survey_id: surveyId,
                        project_id: projectId,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        toastr.success(response.message);
                        location.reload();
                    },
                    error: function(xhr) {
                        var errors = xhr.responseJSON;
                        if (errors && errors.message) {
                            toastr.error(errors.message);
                        } else {
                            toastr.error("Something went wrong!");
                        }
                    }
                });
            }
        });

        // Save button handler in modal
        $('#saveCustomRemark').on('click', function() {
            var remarkId = $('#remark_id').val();
            var surveyId = $('#survey_id').val();
            var projectId = $('#project_id').val();
            var remarkOther = $('#remarkOther').val();
            if (remarkOther == '') {
                toastr.error("Please add remark");
            }
            console.log(surveyId, projectId);
            //return false;
            $.ajax({
                url: "{{ route('admin.survey.updateOtherRemark') }}",
                type: 'POST',
                data: {
                    remark_id: remarkId,
                    survey_id: surveyId,
                    project_id: projectId,
                    remark_other: remarkOther,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    $('#remarkModal').modal('hide');
                    toastr.success(response.message);
                    location.reload();
                },
                error: function(xhr) {
                    var errors = xhr.responseJSON;
                    if (errors && errors.message) {
                        toastr.error(errors.message);
                    } else {
                        toastr.error("Something went wrong!");
                    }
                }
            });
        });


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

            let fileInput = $('#file')[0].files[0];

            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 }}');

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

        $("#submitJointVerificationBtn").click(function() {
            $("#confirmationModal").show(); // Show the modal
        });

        $("#cancelComplete").click(function() {
            $("#confirmationModal").hide(); // Hide modal on cancel
        });
        $("#submitJointVerificationBtn").click(function() {
            $.ajax({
                url: "{{ route('admin.project.verificationButton') }}", // Adjust route accordingly
                type: "POST",
                data: {
                    project_id: "{{ $project->id }}",
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    alert(response.message);
                    location.reload(); // Refresh page after success
                },
                error: function(xhr) {
                    alert(xhr.responseJSON.message || "Something went wrong!");
                }
            });

            $("#confirmationModal").hide(); // Hide modal after sending request
        });

        $("#verificationSubmitted").click(function() {
            let draftAnnexureRemark = $("#draft_annexure_remark").val();
            if (draftAnnexureRemark == '') {
                toastr.error("Please enter remark");
                return false;
            }
            $.ajax({
                url: "{{ route('admin.project.verificationSubmitted') }}", // Ensure route exists
                type: "POST",
                data: {
                    project_id: "{{ $project->id }}", // Ensure this is correctly passed
                    draft_annexure_remark: draftAnnexureRemark,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    console.log(response); // Debug response to see what is returned

                    if (response.encryptedProjectId) {
                        window.location.href = "/admin/rnr/project/" + encodeURIComponent(
                            response.encryptedProjectId) + "/edit";
                    } else {
                        alert("Error: Encrypted Project ID not received.");
                    }
                },
                error: function(xhr) {
                    alert(xhr.responseJSON?.message || "Something went wrong!");
                }
            });

            // Hide modal after sending request
        });


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

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

            $.ajax({
                url: "{{ route('admin.project.correctionSubmitted') }}",
                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!");
                    }
                }
            });
        });


    });
</script>


</body>