Untitled

<html>
<head>
    <title>Dean Beniqno XI RPL 2</title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="Assets/media/plugins/toastr/toastr.min.css">
<link rel="stylesheet" type="text/css" href="Assets/media/css/bootstrap.css">
<script src="Assets/media/js/jquery.min.js"></script>
<script src="Assets/media/js/bootstrap.min.js"></script>

<script src="Assets/media/js/bootstrap.js"></script>
<script src="Assets/media/plugins/toastr/toastr.min.js"></script>


</head>
<body>
    <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark ">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
      <li class="nav-item active">
        <a class="nav-link" href="index.php">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a href="tambah.php" class="nav-link">Tambah</a>
      </li>
      <li class="nav-item">
        <a href="logout.php" class="nav-link">Keluar</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0" method="GET" action="index.php" autocomplete="off">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" name="search" value="<?= @$search ?>">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>
<br>
<br>
    <div class="container mt-5">
        <div class="table-responsive-sm">
<table class="table table-dark table-hover table-striped rounded">
    <thead class="thead-dark">
        <tr>
            <th colspan="12" class="text-center">
                DATA SISWA SMKN 4 BANDUNG
            </th>
        </tr>
        <tr>
            <th>NO.</th>
            <th class="text-center">
                NIS
                <a href="index.php?sort=nis&order=asc">&and;</a>
                <a href="index.php?sort=nis&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Foto
            </th>
            <th class="text-center">
                Nama Lengkap
                <br>
                <a href="index.php?sort=nama_lengkap&order=asc">&and;</a>
                <a href="index.php?sort=nama_lengkap&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Jenis Kelamin
                <br>
                <a href="index.php?sort=jenis_kelamin&order=asc">&and;</a>
                <a href="index.php?sort=jenis_kelamin&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Kelas
                <br>
                <a href="index.php?sort=kelas&order=asc">&and;</a>
                <a href="index.php?sort=kelas&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Jurusan
                <br>
                <a href="index.php?sort=jurusan&order=asc">&and;</a>
                <a href="index.php?sort=jurusan&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Golongan Darah
                <br>
                <a href="index.php?sort=golongan_darah&order=asc">&and;</a>
                <a href="index.php?sort=golongan_darah&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Nama Ibu Kandung
                <br>
                <a href="index.php?sort=ibu_kandung&order=asc">&and;</a>
                <a href="index.php?sort=ibu_kandung&order=desc">&or;
                </a>
            </th>
            <th class="text-center">
                Alamat
                <br>
                <a href="index.php?sort=alamat&order=asc">&and;</a>
                <a href="index.php?sort=alamat&order=desc">&or;
                </a>
            </th>
            <th colspan="2" class="title text-center">Aksi</th>
        </tr>
    </thead>
    <tbody>
        <?php
            $i = 1;
            while($siswa = $listSiswa->fetch_array()){
        ?>
        <tr>
            <td><?= $i++ ?></td>
            <td><?= $siswa['nis'] ?></td>
            <td><img src="<?php echo base_url()?>../Assets/images/<?php echo $siswa['file'] ?>" width="80px"></td>
            <td><?= $siswa['nama_lengkap'] ?></td>
            <td><?= $siswa['jenis_kelamin'] ?></td>
            <td><?= $siswa['kelas'] ?></td>
            <td><?= $siswa['jurusan'] ?></td>
            <td><?= $siswa['golongan_darah'] ?></td>
            <td><?= $siswa['ibu_kandung'] ?></td>
            <td><?= $siswa['alamat'] ?></td>
            <td>
                <a href="edit.php?nis=<?php echo $siswa['nis'] ?>" class="btn btn-warning">Edit</a>
            </td>
            <td>
                <a href="delete.php?nis=<?=$siswa['nis']?>" class="btn btn-danger btnDelete"><i class="far fa-trash-alt"></i>Delete</a>
            </td>
        </tr>
        <?php } ?>
    </tbody>
</table>
</div>
<center>


</center>
</div>
<div class="modal fade " tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content text-dark">
            <div class="modal-header">
                <h4 class="modal-title"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

            </div>

            <div class="modal-body">

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btnYa">Ya</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Tidak</button>
            </div>

        </div>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        $(".btnDelete").on("click", function(e){
            e.preventDefault();

            var nama = $(this).parent().parent().children()[3];
            nama = $(nama).html();

            var tr = $(this).parent().parent();


            $(".modal").modal('show');
            $(".modal-title").html('Konfirmasi');
            $(".modal-body").html("Anda yakin ingin menghapus data <b> "+ nama +"</b> ?");

            var href = $(this).attr('href');

            $('.btnYa').off();
            $('.btnYa').on("click", function() {
                $.ajax({
                    'url'       : href,
                    'type'      : 'POST',
                    'success'   : function(result) {
                        if(result == 1){
                            $(".modal").modal('hide');
                            tr.fadeOut();

                            toastr.success('Data berhasil dihapus', 'Informasi');
                        }
                    }
                });
            });
        });
    });
</script>
</body>
</html>