<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Document</title>

    <style type="text/css">
        table tr td,
        table tr th {
            font-size: 9pt;
        }

        .kop {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-bottom: 20px;
        }

        .kop img {
            max-width: 100px;
            margin-right: 20px;
            justify-content: left;
        }

        .kop .text {
            flex: 1;
        }

        .kop .text h1,
        .kop .text h2,
        .kop .text p {
            margin: 0;
        }

        .kop .text h2 {
            font-size: 24px;
            font-weight: bold;
        }

        .kop .text h1 {
            font-size: 18px;
        }

        .kop .text p {
            font-size: 12px;
        }

        hr {
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <div class="d-flex flex-row justify-content-start position-absolute pt-2 pl-5 ml-5">
        <img src="{{ public_path('assets/img/logo/seiza.png') }}" alt="" style="width: 65;">
    </div>
    <div class="kop">
        <!-- <img src="path/to/logo.png" alt="Logo Institusi"> -->
        <div class="text">
            <h2>LEMBAGA KURSUS DAN PELATIHAN (LKP)</h2>
            <h2>SEIZA</h2>
            <p>Dsn Krajan, Kec. Pesanggaran, Kab. Banyuwangi, Jawa Timur</p>
            <p>E-mail: <a href="mailto:lkpseizapsg@gmail.com">lkpseizapsg@gmail.com</a>, No. Telp: 081294294947, Kode
                Pos: 68488</p>
        </div>
    </div>
    <hr>

    <h4 class="text-center mb-4">Laporan Siswa</h4>

    <!-- <div class="card">
        <h5 class="card-header">Student</h5> -->

    <div>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Nama</th>
                    <th>NIK</th>
                    <th>Tanggal Lahir</th>
                    <th>Jenis Kelamin</th>
                    <th>Agama</th>
                    <th>Jenjang</th>
                    <th>Alamat</th>
                    <th>Nama Ortu</th>
                    <th>No.Hp</th>
                    <th>Pekerjaan Ortu</th>
                    <th>Kelas</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($siswa as $record)
                    <tr>
                        <th scope="row">{{$record->id}}</th>
                        <td>{{$record->nama}}</td>
                        <td>{{$record->nik}}</td>
                        <td>{{$record->tgl_lahir}}</td>
                        <td>{{$record->jenkel}}</td>
                        <td>{{$record->agama}}</td>
                        <td>{{$record->jenjang}}</td>
                        <td>{{$record->alamat}}</td>
                        <td>{{$record->nama_ortu}}</td>
                        <td>{{$record->no_telp}}</td>
                        <td>{{$record->kerja_ortu}}</td>
                        <td>{{$record->level}}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <!-- </div> -->
</body>

</html>