<!DOCTYPE html>
<html>
<head>
    <title>Laporan Perkembangan Siswa</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Poppins', sans-serif; font-size: 12px; margin: 0; padding: 30px; background-color: #fff; color: #333; }
        .header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 30px; }
        .school-text h2 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.3; }
        .school-text p { margin: 2px 0; font-size: 11px; line-height: 1.4; }
        h3 {text-align: center; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; font-weight: 600; }
        p { margin: 5px 0; }
        table { width: 100%; border-collapse: collapse; margin-top: 15px; }
        th, td { border: 1px solid #000; padding: 8px 10px; font-size: 11px; vertical-align: top; }
        th { background-color: #e8f0fe; text-align: center; font-weight: 600; }
        td { text-align: left; }
        .footer { margin-top: 30px; text-align: right; font-size: 11px; }
    </style>
</head>
<body>

    <div class="header">
        <div class="school-text">
            <h2>SLB NEGERI JEMBER</h2>
            <p>Jl. DR. Soebandi, Krajan, Kec. Patrang, Kabupaten Jember, Jawa Timur 68111</p>
            <p>Email: slbnjbr@gmail.com</p>
        </div>
    </div>

    <h3>Laporan Perkembangan Siswa</h3>
    <p>Nama : <strong>{{ $student->name }}</strong></p>

    <table>
        <thead>
            <tr>
                <th>No</th>
                <th>Tanggal</th>
                <th>Kejadian</th>
                <th>Perilaku</th>
                <th>Saran</th>
                <th>Mengetahui</th>
            </tr>
        </thead>
        <tbody>
            @foreach($growths as $index => $growth)
                <tr>
                    <td style="text-align: center;">{{ $index + 1 }}</td>
                    <td>{{ \Carbon\Carbon::parse($growth->created_at)->timezone('Asia/Jakarta')->format('d M Y') }}</td>
                    <td>{{ $growth->incident }}</td>
                    <td>{{ $growth->behavior }}</td>
                    <td>{{ $growth->suggestion }}</td>
                    <td>{{ $growth->user->name }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

</body>
</html>
