@include('layouts.header', ['title' => isset($project) ? 'Project Survey Lists' : 'Add Project'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.sidebar')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                        @include('components.project-details', ['project' => $project])
                <div class="card">
                    <div class="card-body">

                        <link rel="stylesheet" href="https://cdn.datatables.net/columncontrol/1.0.4/css/columnControl.dataTables.min.css">
                        <link rel="stylesheet" href="https://cdn.datatables.net/responsive/3.0.4/css/responsive.dataTables.min.css">

                        <script src="https://cdn.datatables.net/2.3.2/js/dataTables.min.js"></script>
                        <script src="https://cdn.datatables.net/columncontrol/1.0.4/js/dataTables.columnControl.min.js"></script>

                        <div style="overflow-x: auto; width: 100%; min-height: 550px;">
                            <table id="bses" 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(', ') }}
                                                    @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                        {{ $survey->surveyUserCommercial->pluck('ownership')->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')->implode(', ') }}
                                                    @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' }}
                                                    @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                        {{ $survey->surveyUserCommercial->pluck('total_area')->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('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' }}
                                                    @elseif ($survey->surveyUserCommercial->isNotEmpty())
                                                        {{ $survey->surveyUserCommercial->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>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    div.dt-container{
        position: relative;
        clear: both;
    }
    .dt-layout-table th {
        background-color: #004495 !important;
        font-weight: bold;
        text-align: center;
        color: #fff !important;
    }
    .dt-layout-table th, .dt-layout-table td {
        padding: 5px;
        /* vertical-align: middle; */
    }
    table.dataTable span.dtcc {
        display: block;
    }
    .dt-search label, .dt-search .dt-input {
        color: #000;
    }
    .dt-search .dt-input {
        width: 400px;
        margin-left: 10px;
    }
    .dt-search {
        margin-bottom: 10px;
    }
    table.dataTable span.dtcc button.dtcc-button {
        background-color: #fff !important;
    }
    .dt-layout-table th:first-child .dtcc, .dt-layout-table th:last-child .dtcc {
        display: none;
    }
</style>
<script>

    //Download excel file
    $(document).ready(function() {

         $('#bses')
            .addClass( 'nowrap' )
            .dataTable({
            responsive: true,
            columnControl: [
                'order',
                ['search', 'spacer', 'orderAsc', 'orderDesc', 'orderClear']
            ],
            columnDefs: [
                {
                    targets: [0, 10],
                    sortable: false, // Disable sorting
                    searchable: false, // Disable search
                },
                {
                    targets: [2, 7, 8],
                    columnControl: [
                        'order',
                        ['searchList', 'spacer', 'orderAsc', 'orderDesc', 'orderClear']
                    ],
                },
            ],
            paging: false,
            filter: true,
        });
    });
</script>