@extends('layouts.dashboardAdmin')

@section('content')
<div class="p-6">
    <div class="overflow-x-auto rounded-xl shadow-lg">
        <table class="min-w-full bg-white rounded-xl overflow-hidden">
            <thead class="bg-blue-900 text-white uppercase text-sm tracking-wider">
                <tr>
                    <th class="py-4 px-6 text-left">Nama Pendamping</th>
                    <th class="py-4 px-6 text-left">Lokasi</th>
                    <th class="py-4 px-6 text-left">Bulan</th>
                    <th class="py-4 px-6 text-left">Jumlah Laporan</th>
                </tr>
            </thead>
            <tbody class="text-blue-900 text-sm divide-y divide-gray-200">
                @foreach ($laporan as $item)
                <tr class="hover:bg-blue-50 transition duration-150">
                    <td class="py-4 px-6 font-medium">{{ $item->nama_pendamping }}</td>
                    <td class="py-4 px-6">{{ $item->lokasi }}</td>
                    <td class="py-4 px-6">{{ $item->bulan }}</td>
                    <td class="py-4 px-6">{{ $item->jumlah_laporan }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection