@include('layouts.header', ['title' => 'Demolition 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">
                                    Demolition List
                                </h4>
                                &nbsp;&nbsp;
                                <a href="{{ route('admin.export.demolition.survey', encrypt($project->id)) }}" class="btn btn-light btn-sm"> Download Demolition 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>Status</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>{{ $loop->iteration }}</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>
                                                                <select class="form-control remark-dropdown"
                                                                    data-survey-id="{{ $survey->id }}"
                                                                    data-project-id="{{ $survey->project_id }}">

                                                                    <option value=""
                                                                        {{ $demolitionRecords->contains('survey_id', $survey->id) ? '' : 'selected' }}>
                                                                        Select Status
                                                                    </option>

                                                                    <option value="yes"
                                                                        {{ optional($demolitionRecords->firstWhere('survey_id', $survey->id))->status == 'yes' ? 'selected' : '' }}>
                                                                        Yes
                                                                    </option>

                                                                    <option value="no"
                                                                        {{ optional($demolitionRecords->firstWhere('survey_id', $survey->id))->status == 'no' ? 'selected' : '' }}>
                                                                        No
                                                                    </option>

                                                                </select>

                                                            </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="demolition-section">
                        <div class="col-lg-6">
                            <div class="card p-3 shadow-sm border rounded">
                                <!-- File Upload Section -->
                                <div class="mb-3">
                                    <label for="file" class="form-label fw-bold">Demolition Report / Demolition Photo <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">
                                    </div>
                                    @error('file')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                <!-- Hidden Input for Selected Survey IDs -->
                                <input type="hidden" id="selectedSurveyIds" name="selected_survey_ids">

                                <!-- Current File Previews for Demolition Reports -->
                                @if ($demolitionRecords->isNotEmpty())
                                    @php
                                        // Get unique file names from demolition records
                                        $uniqueFiles = $demolitionRecords->pluck('file_name')->unique();
                                    @endphp

                                    <div class="mb-3">
                                        <p class="text-muted mb-1 fw-semibold">Uploaded Demolition
                                            File{{ $uniqueFiles->count() > 1 ? 's' : '' }}:</p>
                                        <ul class="list-unstyled">
                                            @foreach ($uniqueFiles as $file)
                                                @if ($file)
                                                    <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 . '/demolition-report/' . $file) }}"
                                                            data-file-type="{{ pathinfo($file, PATHINFO_EXTENSION) }}">
                                                            📄 {{ $file }}
                                                        </a>
                                                    </li>
                                                @endif
                                            @endforeach
                                        </ul>
                                    </div>
                                @else
                                    <p class="text-muted">No demolition files uploaded yet.</p>
                                @endif



                                <!-- Submit Button -->
                                <div class="border-top pt-3 text-center">
                                    <button type="submit" class="btn btn-success w-100" id="uploadBtn">
                                        Submit Demolition Report
                                    </button>
                                </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>

@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


        $('#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>