<script type="text/javascript" src="assets/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/bootstrap/js/popper.min.js"></script>
<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">

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

<?php
    $action = 'tambah.php';
    $disable = '';
    $title = 'Tambah Data';
    if (!empty($siswa)) { $action = 'edit.php'; $disable = 'readonly'; $title = 'Edit Data'; }
?>

<h1><?= $title ?></h1>

<?php if (!empty($success)) { ?>
    <div class="alert alert-success">
        <p><?= $success ?></p>
    </div>
<?php } ?>

<?php if (!empty($error)) { ?>
    <div class="alert alert-danger">
        <p><?= $error ?></p>
    </div>
<?php } ?>

<form action="<?= $action ?>" method="POST" enctype="multipart/form-data">
    <table align="center" border="1" cellspacing="5">
        <tr>
            <td>NIS</td>
            <td>
                <input class="isi" type="text" name="nis" autocomplete="off" value="<?= @$siswa['nis'] ?>" <?= $disable ?>>
            </td>
        </tr>
        <tr>
            <td>Nama Lengkap</td>
            <td><input class="isi" type="text" name="nama_lengkap" autocomplete="off" value="<?= @$siswa['nama_lengkap'] ?>"></td>
        </tr>
        <tr>
            <td>Jenis Kelamin</td>
            <td>
                <input type="radio" name="jenis_kelamin" value="L" <?= @$siswa['jenis_kelamin'] == 'L' ? 'checked' : '' ?>> Laki-Laki
                <input type="radio" name="jenis_kelamin" value="P" <?= @$siswa['jenis_kelamin'] == 'P' ? 'checked' : '' ?>> Perempuan
            </td>
        </tr>
        <tr>
            <td>Kelas</td>
            <td>
                <select name="id_kelas">
                    <option value="" disabled selected>[ Pilih Kelas ]</option>
                    <?php while($row = mysqli_fetch_object($dataKelas)) { ?>
                        <option value="<?php echo $row->id_kelas ?>"
                            <?php echo @$result->id_kelas == $row->id_kelas ? 'selected' : ''?> >
                            <?php echo $row->nama_kelas ?>
                        </option>
                    <?php } ?>
                </select>
            </td>
        </tr>
        <!-- <tr>
            <td>Jurusan</td>
            <td><input class="isi" type="text" name="jurusan" autocomplete="off" value="<?= @$siswa['jurusan'] ?>"></td>
        </tr> -->
        <tr>
            <td>Alamat</td>
            <td><input class="isi" type="text" name="alamat" autocomplete="off" value="<?= @$siswa['alamat'] ?>"></td>
        </tr>
        <tr>
            <td>Golongan Darah</td>
            <td>
                <select name="golongan_darah">
                    <option value="A" <?= @$siswa['golongan_darah'] == 'A' ? 'selected' : '' ?>>A</option>
                    <option value="B" <?= @$siswa['golongan_darah'] == 'B' ? 'selected' : '' ?>>B</option>
                    <option value="O" <?= @$siswa['golongan_darah'] == 'O' ? 'selected' : '' ?>>O</option>
                    <option value="AB" <?= @$siswa['golongan_darah'] == 'AB' ? 'selected' : '' ?>>AB</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>Nama Ibu Kandung</td>
            <td><input class="isi" type="text" name="nama_ibu_kandung" autocomplete="off" value="<?= @$siswa['nama_ibu_kandung'] ?>"></td>
        </tr>
        <tr>
            <td>Foto</td>
            <td>
                <?php if ($action == "edit.php") { ?>
                <img src="<?php echo base_url() ?>/assets/images/<?php echo @$siswa['file'] ?>" width="80px" alt="">
                <input type="hidden" name="foto" value="<?php echo @$siswa['file'] ?>" />
                <?php } ?>
                <input type="file" name="foto">
            </td>
        </tr>
        <tr>
            <td height="40px" colspan="2" align="center">
                <input class="button" type="submit" value="Simpan">
            </td>
        </tr>
    </table>
</form>