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>Add Student</title>
    <link rel="stylesheet"
        href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
    <div class="container-fluid">
        <h3>Add Student</h3>
        <div class="row <?php echo sizeof($errors)==0?'d-none':''?>">
            <div class="col-md-4">
                <div class="alert alert-danger" role="alert">

                <ul>
                    <?php foreach($errors as $error){?>
                        <li><?php echo $error ?></li>
                        <?php }?>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <form id="myForm" method="POST" action="add_student.php">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Nama</span>
                        </div>
                        <input name="nama_depan" value="<?php echo $nama_depan; ?>" type="text" class="form-control" placeholder="Nama Depan" />
                        <input name="nama_belakang"  value="<?php echo $nama_belakang; ?>" type="text" class="form-control" placeholder="Nama Belakang"  />
                    </div>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text">No HP</span>
                        </div>
                        <input name="no_hp"  value="<?php echo $no_hp; ?>" type="text" class="form-control" placeholder="No HP" />
                    </div>
                    <div class="form-group">
                        <h5>Gender</h5>
                        <div class="form-check-inline">
                            <label class="form-check-label">
                                <input type="radio" <?php echo $gender=='Pria'?'checked':'' ?> class="form-check-input" name="gender" value="Pria">Pria
                            </label>
                        </div>
                        <div class="form-check-inline">
                            <label class="form-check-label">
                                <input type="radio" <?php echo $gender=='Wanita'?'checked':'' ?> class="form-check-input" name="gender" value="Wanita">Wanita
                            </label>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Jenjang</span>
                        </div>
                        <select class="custom-select" name="jenjang" id="jenjang">
                            <option value="TK" <?php if(!empty($jenjang == "TK")){ echo "selected";} else { echo ""; }?>>TK</option>
                            <option value="SD" <?php if(!empty($jenjang == "SD")){ echo "selected";} else { echo ""; }?>>SD</option>
                            <option value="SMP" <?php if(!empty($jenjang == "SMP")){ echo "selected";} else { echo ""; }?>>SMP</option>
                            <option value="SMA" <?php if(!empty($jenjang == "SMA")){ echo "selected";} else { echo ""; }?>>SMA</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <h5>Hobi</h5>
                        <div class="form-check-inline">
                            <label class="form-check-label">
                                <input <?php echo !empty($menulis)?'checked':'' ?> id="membaca" type="checkbox" class="form-check-input" name="membaca" value="Membaca">Membaca
                            </label>
                        </div>
                        <div class="form-check-inline">
                            <label class="form-check-label">
                                <input id="menulis" type="checkbox" class="form-check-input" name="menulis" value="Menulis" <?php if(!empty($valHobi[1]) == "Menulis"){ echo "checked";} else { echo ""; }?>>Menulis
                            </label>
                        </div>
                        <div class="form-check-inline">
                            <label class="form-check-label">
                                <input id="menggambar" type="checkbox" class="form-check-input" name="menggambar" value="Menggambar" <?php if(!empty($valHobi[2]) == "Menggambar"){ echo "checked";} else { echo ""; }?>>Menggambar
                            </label>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text">Alamat</span>
                        </div>
                        <textarea name="alamat" type="text" class="form-control" placeholder="Masukan Alamat" rows="4"><?php echo $alamat; ?></textarea>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="submit" value="submit" name="submit" id="submit">
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>