Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Tambah Data Siswa</title>
    <link rel="stylesheet" href="Assets/csstambah.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js">
    <link rel="stylesheet" href="Assets/Framework/bootstrap-4.3.1-dist/css/bootstrap.min.css">
</head>
<?php
    $action = 'tambah.php';
    $dissapear = '';
    if (!empty($siswa)) {
        $action = 'edit.php';
        $dissapear = 'readonly';
    }
?>
<body   >
<center>
    <form  action="<?= $action ?>" method="POST" enctype="multipart/form-data">
    <fieldset>
        <legend>
            TAMBAH SISWA
        </legend>

        <div class="form-group">
          <input type="text" name="nis" id="nis" class="form-control" placeholder="No Induk Siswa" autocomplete="off" value="<?= @$siswa['NIS']?>" <?= $dissapear ?>>
        </div>

        <div class="form-group">
          <input type="text" name="nama" id="nama" class="form-control" placeholder="Nama Lengkap" autocomplete="off" value="<?= @$siswa['nama_lengkap']?>">
        </div>

        <div class="form-group">
          <select class="form-control" name="gender" value="<?= @$siswa['gender'] ?>">
            <option >Laki - Laki </option>
            <option >Perempuan</option>
            <option >Undefinied</option>
          </select>
        </div>


        <div class="form-group">
          <select required class="form-control" name="id_kelas" value="<?= @$kelas['id_kelas'] ?>"  >
            <option  selected disabled >[ PILIH KELAS ]</option>
            <?php while($kelas = $dataKelas -> fetch_array()) { ?>
            <option value="<?=$kelas['id_kelas']?>"
                    <?php echo @$siswa['id_kelas'] == $kelas['id_kelas'] ?   'selected' : '' ?>>
                <?php echo $kelas['nama_kelas'] ?>
            </option>
            <?php } ?>
          </select>
        </div>


        <div class="form-group">
          <textarea class="form-control" name="alamat" id="alamat" rows="3" value="<?= @$siswa['Alamat']?>"></textarea>
        </div>

        <div class="form-group">
          <select class="form-control" name="GD" value="<?= @$siswa['Golongan_Darah'] ?>">
            <option>A</option>
            <option>B</option>
            <option>AB</option>
            <option>0</option>
          </select>
        </div>


        <div class="form-group">
          <input type="text" class="form-control" name="ibu" id="ibu" autocomplete="off" value="<?= @$siswa['Nama_Ibu_Kandung']?>" placeholder="Nama Ibu Kandung">
        </div>

        <div class="form-group">
          <?php if ($action == "edit.php") {?>
                <img width="100px" src="<?php echo base_url() ?>/Media/image/<?php echo @$siswa['file'] ?>">
                <input  type="hidden" name="foto" value="<?php echo @$siswa['file'] ?>" >
                    <?php } ?>
            <input  type="file" name="foto">
        </div>

         <button type="submit" value="Simpan" class="btn btn-primary">Simpan</button>

        </fieldset>

    </form>
    </center>

    <canvas class="background"></canvas>
    <script src="Assets/Framework/particles.js-master/dist/particles.min.js"></script>

    <script>
        window.onload = function(){
            Particles.init({
                selector: '.background'
            });
        };
        var particles = Particles.init({
             selector: '.background',
                color: ['#DA0463', '#404B69', '#DBEDF3'],
             connectParticles: true
});
    </script>
</body>
</html>