<link rel="stylesheet" type="text/css" href="assets/index.css">
<link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">

<form method="GET" action="index.php">
    <p>
        Cari berdasarkan
        <select name="category">
            <option value="nis">NIS</option>
            <option value="nama_lengkap">Nama Lengkap</option>
            <option value="jenis_kelamin">Jenis Kelamin</option>
            <option value="kelas">Kelas</option>
            <option value="jurusan">Jurusan</option>
            <option value="alamat">Alamat</option>
            <option value="golongan_darah">Golongan Darah</option>
            <option value="nama_ibu_kandung">Nama Ibu Kandung</option>
        </select>
        :
        <input type="text" name="search" autocomplete="off" value="<?= @$search ?>">
        <button class="cari" type="submit">Cari</button>
    </p>
</form>

<h1>Data Siswa</h1>
<br>

<table border="1" align="center" cellspacing="5">
    <thead>
        <tr>
            <th>#</th>
            <th>
                NIS
            </th>
            <th>
                Nama Lengkap
            </th>
            <th>
                Jenis Kelamin
            </th>
            <th width="85px">
                Kelas
            </th>
            <th>
                Jurusan
            </th>
            <th>
                Alamat
            </th>
            <th>
                Golongan Darah
            </th>
            <th>
                Nama Ibu Kandung
            </th>
            <th colspan="2">Aksi</th>
        </tr>
    </thead>

    <tbody>
        <?php
            $i = 1;
            while ($siswa = $listSiswa->fetch_array()) {
        ?>
        <tr>
            <td><?= $i++ ?></td>
            <td><?= $siswa['nis'] ?></td>
            <td><?= $siswa['nama_lengkap'] ?></td>
            <td><?= $siswa['jenis_kelamin'] ?></td>
            <td><?= $siswa['kelas'] ?></td>
            <td><?= $siswa['jurusan'] ?></td>
            <td><?= $siswa['alamat'] ?></td>
            <td><?= $siswa['golongan_darah'] ?></td>
            <td><?= $siswa['nama_ibu_kandung'] ?></td>
            <td>
                <div class="edit"><a href="edit.php?nis=<?= $siswa['nis'] ?>">Edit</a></div>
            </td>
            <td>
                <div class="hapus"><a href="hapus.php?nis=<?= $siswa['nis'] ?>">Hapus</a></div>
            </td>
        </tr>
        <?php } ?>
        <tr>
            <td align="center" colspan="11" class="tambah">
                <div class="tambah"><a href="tambah.php">Tambah Data</a></div>
            </td>
        </tr>
        <tr>
            <td align="center" colspan="11" class="reset">
                <a href="index.php"><button class="reset">Reset</button></a>
            </td>
        </tr>
    </tbody>
</table>