@if ($filterType !== 'B4')
    <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>Sl. No.</th>
                <th>Religion</th>
                <th>No. of Households</th>
                <th>Percentage of Households</th>

            </tr>
        </thead>
        <tbody>
            @if ($religionData->isEmpty())
                <tr>
                    <td colspan="4" class="text-center">No Records Found</td>
                </tr>
            @else
                @foreach ($religionData as $index => $row)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $row->religion_name }}</td>
                        <td>{{ $row->total }}</td>
                        <td>{{ $row->percentage }}%</td>
                    </tr>
                @endforeach
                <tr class="fw-bold">
                    <td></td>
                    <td>Total</td>
                    <td>{{ $totalHouseholds }}</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> --}}