@if ($filterType == 'A1')
    <div class="card-header d-flex justify-content-between align-items-center" id="cardHeaderSection">
        <a href="javascript:void(0);" id="downloadSurvey" class="btn btn-light btn-sm">Download Survey Excel</a>
        {{-- <form class="d-flex ms-auto">
            <input type="text" name="pap_name" class="form-control me-2" placeholder="Occupant Name" value="">
            <button type="submit" class="btn btn-light btn-sm">Search</button>
            <button class="btn btn-link reset-btn">Reset</button>
        </form> --}}
    </div>
@endif

<div style="overflow-x: auto; width: 100%;">
    <h4 class="header-title mb-0 text-end float-end mt-2">
        Structure-related information (for household only)
    </h4>
    <table id="basic-datatable" class="table table-striped 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>Type of Structure<br>Roof, Wall, Floor</th>
                <th>Carpet Area(In Sq.mtr.)</th>
                <th>Type of Use</th>
                <th>Occupancy Status</th>
                <th>Year of Settlement</th>
                <!-- <th>Survey Date</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>{{ $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(', ') }}
                            @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' }}
                            @else
                                N/A
                            @endif
                        </td>
                        <td>
                            @if ($survey->SurveyUserResidentialSocioEconomicIndicator->isNotEmpty())
                                {{ $survey->SurveyUserResidentialSocioEconomicIndicator->map(function ($item) {
                                        return $item->structureRoof->name . ', ' . $item->structureWall->name . ', ' . $item->structureFloor->name;
                                    })->implode(', ') ?? 'N/A' }}
                            @elseif ($survey->surveyUserOthers->isNotEmpty())
                                {{ $survey->surveyUserOthers->map(function ($item) {
                                    return $item->structureRoof->name . ', ' . $item->structureWall->name . ', ' . $item->structureFloor->name;
                                })->implode(', ') ?? 'N/A' }}
                            @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' }}
                            @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('structureHolder.name')->implode(', ') ?? 'N/A' }}
                                @elseif ($survey->surveyUserOthers->isNotEmpty())
                                {{ $survey->surveyUserOthers->pluck('structureHolder.name')->filter()->implode(', ') ?? 'N/A' }}
                            @else
                                N/A
                            @endif
                        </td>
                        <td>
                            @if ($survey->SurveyUserResidential->isNotEmpty())
                                {{ $survey->SurveyUserResidential->pluck('year_of_establishment')->filter()->implode(', ') ?: 'N/A' }}
                                @elseif ($survey->surveyUserOthers->isNotEmpty())
                                {{ $survey->surveyUserOthers->pluck('year_of_establishment')->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>
                            <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">
</div> -->
<style>
    div.dt-container{
        position: relative;
        clear: both;
    }

    .dt-layout-table th, .dt-layout-table td {
        padding: 5px;
    }
</style>
<script>
    //Download excel file
    $(document).ready(function() {
        let activeFilter = $(".survey-button.active").data("filter"); // Get initially active filter
        let projectId = '{{ encrypt($project->id) ?? 0 }}';


        //  $('#basic-datatable')
        //     .addClass( 'nowrap' )
        //     .dataTable({
        //     responsive: true,
        //     columnControl: [
        //         'order',
        //         ['search', 'spacer', 'orderAsc', 'orderDesc', 'orderClear']
        //     ],
        //     columnDefs: [
        //         {
        //             targets: 0,
        //             sortable: false, // Disable sorting
        //             searchable: false, // Disable search
        //         },
        //         {
        //             targets: [ 2],
        //             columnControl: [
        //                 'order',
        //                 ['searchList', 'spacer', 'orderAsc', 'orderDesc', 'orderClear']
        //             ],
        //         },
        //     ],
        //     paging: false,
        //     filter: true,
        // });
        // Update active filter when a button is clicked
        $(".survey-button").click(function() {
            $(".survey-button").removeClass("active");
            $(this).addClass("active");
            activeFilter = $(this).data("filter");
        });

        $("#downloadSurvey").click(function() {
            $(this).text("Downloading...").prop("disabled", true);

            $.ajax({
                url: "{{ route('admin.export.survey') }}",
                type: "GET",
                data: { filter: activeFilter, projectId:projectId }, // Send active filter
                xhrFields: {
                    responseType: 'blob'
                },
                success: function(response) {
                    let blob = new Blob([response], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
                    let link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "project_survey.xlsx";
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link);
                    $("#downloadSurvey").text("Download Survey Excel").prop("disabled", false);
                },
                error: function(xhr, status, error) {
                    console.error("Error downloading the file:", error);
                    $("#downloadSurvey").text("Download Survey Excel").prop("disabled", false);
                }
            });
        });
    });
    </script>