file administrator

 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">&times;</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">&times;</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">&times;</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';

?>