siswa.php
<?php
include '../layouts/header.php';
include '../layouts/navbar.php';
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">siswa</h1>
</div><!-- /.col -->
<div class="col-sm-6">
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container">
<div class="col-lg-12">
<div class="card card-primary card-outline">
<div class="card-header">
<div class="row">
<div class="col-6">
<h7>Data siswa</h7>
</div>
<div class="col-6 text-right">
<a href="#" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modal-tambah"><i class="fas fa-plus"></i>Tambah Data</a>
</div>
</div>
</div>
<div class="card-body">
<table class="table table-bordered">
<thead>
<tr>
<th style="width: 40px">Label</th>
<th>NISN</th>
<th>nis</th>
<th>nama</th>
<th>kelas</th>
<th>alamat</th>
<th>no. telephone</th>
<th>Data SPP</th>
<th>aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>NISN</td>
<td>nis</td>
<td>nama</td>
<td>kelas</td>
<td>alamat</td>
<td>no. telephone</td>
<th>Data SPP</th>
<td>
<a href="#" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#modal-edit"><i class="fas fa-edit"></i></a>
<a href="#" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#modal-hapus"><i class="fas fa-trash"></i></a>
</td>
</tr>
<div class="modal fade" id="modal-edit">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">edit data siswa</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label>nisn</label>
<input type="text" name="nisn" class="form-control" placeholder="masukan nisn">
</div>
<div class="form-group">
<label>nis</label>
<input type="text" name="nis" class="form-control" placeholder="masukan nisn">
</div>
<div class="form-group">
<label>nama</label>
<input type="text" name="nama
" class="form-control" placeholder="masukan nama">
</div>
<div class="form-group">
<label>kelas</label>
<select name="id_kelas" class="form-control">
<option>--- pilih kelas ---</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</div>
<div class="form-group">
<label>alamat</label>
<textarea class="form-control" name="alamat" rows="3" placeholder="masukan alamat ..."></textarea>
</div>
<div class="form-group">
<label>no. telephone</label>
<input type="text" name="no_telp" class="form-control" placeholder="masukan no. telephone">
</div>
<div class="form-group">
<label>alamat</label>
<textarea class="form-control" name="alamat" rows="3" placeholder="masukan alamat ..."></textarea>
</div>
<div class="form-group">
<label>Data SPP</label>
<select name="id_SPP" class="form-control">
<option>--- pilih Data SPP ---</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">keluar</button>
<button type="button" class="btn btn-primary">simpan</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-hapus">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">hapus data siswa</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>apakah anda yakin ingin menghapus data ini !!!</p>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">hapus</button>
</div>
</div>
</div>
</div>
</tbody>
</table>
<div class="modal fade" id="modal-tambah">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">tambah data siswa</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="modal-body">
<form>
<div class="form-group">
<label>nisn</label>
<input type="text" name="nisn" class="form-control" placeholder="masukan nisn">
</div>
<div class="form-group">
<label>nis</label>
<input type="text" name="nis" class="form-control" placeholder="masukan nisn">
</div>
<div class="form-group">
<label>nama</label>
<input type="text" name="nama
" class="form-control" placeholder="masukan nama">
</div>
<div class="form-group">
<label>kelas</label>
<select name="id_kelas" class="form-control">
<option>--- pilih kelas ---</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</div>
<div class="form-group">
<label>alamat</label>
<textarea class="form-control" name="alamat" rows="3" placeholder="masukan alamat ..."></textarea>
</div>
<div class="form-group">
<label>no. telephone</label>
<input type="text" name="no_telp" class="form-control" placeholder="masukan no. telephone">
</div>
<div class="form-group">
<label>alamat</label>
<textarea class="form-control" name="alamat" rows="3" placeholder="masukan alamat ..."></textarea>
</div>
<div class="form-group">
<label>Data SPP</label>
<select name="id_SPP" class="form-control">
<option>--- pilih Data SPP ---</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php
include '../layouts/footer.php';
?>
index.php
<?php
include '../layouts/header.php';
include '../layouts/navbar.php';
?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Dashboard</h1>
</div><!-- /.col -->
<div class="col-sm-6">
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container">
<div class="col-lg-12">
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-info">
<div class="inner">
<h3>150</h3>
<p>History pembayaran</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<a href="histori_pembayaran.php" class="small-box-footer">Detail<i class="fas fa-arrow-circle-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="card card-primary card-outline">
<div class="card-body">
<h6 class="card-title">Selamat Datang Di Aplikasi Pembayaran SPP</h6>
</div>
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php
include '../layouts/footer.php';
?>