<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Daftar Siswa</title>
<style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: DejaVu Sans, sans-serif; font-size: 12px; color: #1e293b; padding: 24px; }
    .header { text-align: center; margin-bottom: 20px; }
    .header h2 { font-size: 16px; font-weight: 800; margin-bottom: 4px; }
    .header p  { font-size: 11px; color: #64748b; }
    table { width: 100%; border-collapse: collapse; }
    thead tr { background-color: #a5e6ba; }
    th, td { border: 1px solid #cbd5e1; padding: 7px 9px; text-align: left; }
    th { font-weight: 700; font-size: 11px; }
    td { font-size: 11px; }
    tr:nth-child(even) { background-color: #f8fafc; }
    .footer { margin-top: 16px; font-size: 10px; color: #94a3b8; text-align: right; }
</style>
</head>
<body>

<div class="header">
    <h2>DAFTAR SISWA</h2>
    <p>Dicetak pada {{ now()->format('d M Y, H:i') }}</p>
</div>

<table>
    <thead>
        <tr>
            <th style="width:40px">No</th>
            <th>NISN</th>
            <th>Nama</th>
            <th>Tempat Lahir</th>
            <th>Tanggal Lahir</th>
            <th>Kelas</th>
        </tr>
    </thead>
    <tbody>
        @foreach($siswas as $i => $siswa)
        <tr>
            <td>{{ $i + 1 }}</td>
            <td>{{ $siswa->nisn }}</td>
            <td>{{ $siswa->nama }}</td>
            <td>{{ $siswa->tempat_lahir }}</td>
            <td>{{ \Carbon\Carbon::parse($siswa->tanggal_lahir)->format('d M Y') }}</td>
            <td>{{ $siswa->kelas->tingkat }} - {{ $siswa->kelas->nama_kelas }}</td>
        </tr>
        @endforeach
    </tbody>
</table>

<div class="footer">Total: {{ count($siswas) }} siswa</div>

</body>
</html>