@if($csvData && count($csvData) > 0)

<div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 mr-5 ">
            <div class="bg-white overflow-hidden shadow-lg sm:rounded-lg mr-5 ">   
                 <table class="table table-sm table-hover table-bordered">
        <thead class="thead-light">
            <tr>
                @foreach($csvData[0] as $header)
                    <th class="text-center">{{ $header }}</th>
                @endforeach
            </tr>
        </thead>
        <tbody>
            @foreach(array_slice($csvData, 1) as $row) <!-- Assuming the first row is header -->
                <tr>
                    @foreach($row as $cell)
                        <td class="text-center">{{ $cell }}</td>
                    @endforeach
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
</div>
</div>
@else
<div class="mt-4 text-center">
    <p>No data available.</p>
</div>
@endif