@if ($filterType !== 'B11')
    <div class="card-header d-flex justify-content-between align-items-center" id="cardHeaderSection">
        <a href="javascript:void(0);" id="downloadSurvey" class="btn btn-success">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-primary me-2">Search</button>
            <button class="btn btn-secondary reset-btn">Reset</button>
        </form> --}}
    </div>
@endif


<div style="overflow-x: auto; width: 100%;">
    {{-- <h4 class="header-title mb-0 text-end float-end">
        Structure-related information (for household only)
    </h4> --}}
    <table id="basic-datatable residential-a1-table" class="table table-bordered text-center align-middle">
        <thead>
            <tr>
                <th rowspan="2">Sl. No.</th>
                <th rowspan="2">Type of use <br> Area of structure (in SQ. MTS.)</th>
                <th colspan="2">Residential</th>
                <th colspan="2">Commercial</th>
                <th colspan="2">Residential cum Commercial</th>
                <th colspan="2">Others</th>
                <th colspan="2">Total</th>
            </tr>
            <tr>
                <th>N</th>
                <th>%</th>
                <th>N</th>
                <th>%</th>
                <th>N</th>
                <th>%</th>
                <th>N</th>
                <th>%</th>
                <th>N</th>
                <th>%</th>
            </tr>
        </thead>
        <tbody>
            @if (empty($structuredData))
                <tr>
                    <td colspan="12" class="text-center">No Records Found</td>
                </tr>
            @else
                @foreach ($structuredData as $index => $row)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $row['area_category'] }}</td>
                        <td>{{ $row['Residential'] }}</td>
                        <td>{{ $row['Residential_percent'] }}%</td>
                        <td>{{ $row['Commercial'] }}</td>
                        <td>{{ $row['Commercial_percent'] }}%</td>
                        <td>{{ $row['Residential cum Commercial'] }}</td>
                        <td>{{ $row['Residential cum Commercial_percent'] }}%</td>
                        <td>{{ $row['Others'] }}</td>
                        <td>{{ $row['Others_percent'] }}%</td>
                        <td>{{ $row['Total'] }}</td>
                        <td>{{ $row['Total_percent'] }}%</td>
                    </tr>
                @endforeach
                <tr class="fw-bold">
                    <td></td>
                    <td>Total</td>
                    <td>{{ $totalCounts['Residential'] }}</td>
                    <td>100%</td>
                    <td>{{ $totalCounts['Commercial'] }}</td>
                    <td>100%</td>
                    <td>{{ $totalCounts['Residential cum Commercial'] }}</td>
                    <td>100%</td>
                    <td>{{ $totalCounts['Others'] }}</td>
                    <td>100%</td>
                    <td>{{ $totalCounts['Total'] }}</td>
                    <td>100%</td>
                </tr>
            @endif
        </tbody>
    </table>


</div>

<!-- Pagination -->
{{-- <div class="mt-3 pagination-links">
    {{ $surveys->appends(request()->query())->links('pagination::bootstrap-5') }}
</div> --}}