Rabu, 15 Februari 2023

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';

?>

Selasa, 14 Februari 2023

Aps_spp (login.php)

 


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Aplikasi Pembayaran SPP</title>


  <!-- Google Font: Source Sans Pro -->

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">

  <!-- Font Awesome -->

  <link rel="stylesheet" href="assets/plugins/fontawesome-free/css/all.min.css">

  <!-- icheck bootstrap -->

  <link rel="stylesheet" href="assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css">

  <!-- Theme style -->

  <link rel="stylesheet" href="assets/dist/css/adminlte.min.css">

</head>

<body class="hold-transition login-page">

<div class="login-box">

  <div class="login-logo">

    <a href="#"><b>aplikasi pembayaran spp</b></a>

  </div>

  <!-- /.login-logo -->

  <div class="card">

    <div class="card-body login-card-body">

      <p class="login-box-msg">Halaman Login Untuk Admin Dan Petugas</p>

      <hr>


<?php

if(isset($_GET['info'])){

 if($_GET['info'] == "gagal"){ ?>

  <div class="alert alert-warning alert-dismissible">

                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                  <h5><i class="icon fas fa-exclamation-triangle"></i> Mohon Maaf</h5>

                  Login gagal! username dan password salah!.

                </div>

  <?php } else if($_GET['info'] == "logout"){ ?>

  <div class="alert alert-success alert-dismissible">

                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                  <h5><i class="icon fas fa-chek"></i> Terima Kasih</h5>

                 Anda telah berhasil logout

                </div>

  <?php }else if($_GET['info'] == "login"){ ?>

    <div class="alert alert-success alert-dismissible">

                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                  <h5><i class="icon fas fa-chek"></i>Mohon Maaf</h5>

                 Anda harus Login Terlebih Dahulu

                </div>

  <?php } } ?>

  <br>



      <form action="cek_login_petugas.php" method="post">

        <div class="input-group mb-3">

          <input type="text" name="Username" class="form-control" placeholder="Username">

          <div class="input-group-append">

            <div class="input-group-text">

            </div>

          </div>

        </div>

        <div class="input-group mb-3">

          <input type="Password" name="Password" class="form-control" placeholder="Password">

          <div class="input-group-append">

            <div class="input-group-text">

            </div>

          </div>

        </div>

          <!-- /.col -->

          <div class="col-12">

            <button type="submit" class="btn btn-primary btn-block">MASUK</button>

          </div>

          <hr>

          <div class="row">

          <div class="col-12">

              <a href="login.php" class="btn btn-info btn-block">Halaman Login Siswa</a>

          </div>

          <!-- /.col -->

        </div>

      </form>


    </div>

    <!-- /.login-card-body -->

  </div>

</div>

<!-- /.login-box -->


<!-- jQuery -->

<script src="assets/plugins/jquery/jquery.min.js"></script>

<!-- Bootstrap 4 -->

<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- AdminLTE App -->

<script src="assets/dist/js/adminlte.min.js"></script>

</body>

</html> 


Aps_spp (index.php)

 


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Aplikasi Pembayaran SPP</title>


  <!-- Google Font: Source Sans Pro -->

  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">

  <!-- Font Awesome -->

  <link rel="stylesheet" href="assets/plugins/fontawesome-free/css/all.min.css">

  <!-- icheck bootstrap -->

  <link rel="stylesheet" href="assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css">

  <!-- Theme style -->

  <link rel="stylesheet" href="assets/dist/css/adminlte.min.css">

</head>

<body class="hold-transition login-page">

<div class="login-box">

  <div class="login-logo">

    <a href="assets/index2.html"><b>aplikasi pembayaran spp</b></a>

  </div>

  <!-- /.login-logo -->

  <div class="card">

    <div class="card-body login-card-body">

      <p class="login-box-msg">Silahkan login untuk siswa</p>


     <?php

if(isset($_GET['info'])){

 if($_GET['info'] == "gagal"){ ?>

  <div class="alert alert-warning alert-dismissible">

                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                  <h5><i class="icon fas fa-exclamation-triangle"></i> Mohon Maaf</h5>

                  Login gagal! username dan password salah!.

                </div>

  <?php } else if($_GET['info'] == "logout"){ ?>

  <div class="alert alert-success alert-dismissible">

                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                  <h5><i class="icon fas fa-chek"></i> Terima Kasih</h5>

                 Anda telah berhasil logout

                </div>

  <?php }else if($_GET['info'] == "login"){ ?>

  <div class="alert alert-info alert-dismissible">

                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

                  <h5><i class="icon fas fa-info"></i> Mohon Maaf</h5>

                 Anda harus login terlebih dahulu

                </div>

  <?php } } ?>

  <br>


      <form action="cek_login_siswa.php" method="post">

        <div class="input-group mb-3">

          <input type="text" class="form-control" placeholder="nisn">

          <div class="input-group-append">

            <div class="input-group-text">

             

            </div>

          </div>

        </div>

        <div class="input-group mb-3">

          <input type="text" class="form-control" placeholder="nis">

          <div class="input-group-append">

            <div class="input-group-text">

            </div>

          </div>

        </div>

          <!-- /.col -->

          <div class="col-12">

            <button type="submit" class="btn btn-primary btn-block">MASUK</button>

          </div>

          <hr>

          <div class="row">

          <div class="col-12">

              <a href="login.php" class="btn btn-info btn-block">Halaman Login Petugas</a>

          </div>

          <!-- /.col -->

        </div>

      </form>


    </div>

    <!-- /.login-card-body -->

  </div>

</div>

<!-- /.login-box -->


<!-- jQuery -->

<script src="assets/plugins/jquery/jquery.min.js"></script>

<!-- Bootstrap 4 -->

<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- AdminLTE App -->

<script src="assets/dist/js/adminlte.min.js"></script>

</body>

</html>


file layout

 footer.php

</div>

<!-- Control Sidebar -->

  <aside class="control-sidebar control-sidebar-dark">

    <!-- Control sidebar content goes here -->

  </aside>

  <!-- /.control-sidebar -->


  <!-- Main Footer -->

  <footer class="main-footer">

    <!-- Default to the left -->

    <strong>Copyright UKK &copy; 2022-2023 <a href="#">Aplikasi Pembayaran SPP</a>.</strong> All rights reserved.

  </footer>

</div>

<!-- ./wrapper -->


<!-- REQUIRED SCRIPTS -->


<!-- jQuery -->

<script src="../assets/plugins/jquery/jquery.min.js"></script>

<!-- Bootstrap 4 -->

<script src="../assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- AdminLTE App -->

<script src="../assets/dist/js/adminlte.min.js"></script>

</body>

</html>


header.php

<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Aplikasi Pembayaran SPP</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="../assets/plugins/fontawesome-free/css/all.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../assets/dist/css/adminlte.min.css">
</head>
<body class="hold-transition layout-top-nav">
<div class="wrapper">

navbar.php


  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand-md navbar-light navbar-white">
    <div class="container">
      <a href="#" class="navbar-brand">
        <img src="../assets/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">Aplikasi Pembayaran SPP</span>
      </a>

      <button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse order-3" id="navbarCollapse">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
          <li class="nav-item">
            <a href="index.php" class="nav-link">Dashboard</a>
          </li>
          
          <li class="nav-item dropdown">
            <a id="dropdownSubMenu1" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">master data</a>
            <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
              <li><a href="siswa.php" class="dropdown-item">data siswa </a></li>
              <li><a href="kelas.php" class="dropdown-item">data kelas</a></li>
              <li><a href="spp.php" class="dropdown-item">data spp</a></li>
            </ul>
          </li>
          <li class="nav-item"><a href="petugas.php" class="nav-link">Data petugas</a>
          </li> 
          <li class="nav-item dropdown">
            <a id="dropdownSubMenu1" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">pembayaran</a>
            <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
              <li><a href="transaksi_pembayaran.php" class="dropdown-item">transaksi pembayaran </a></li>
              <li><a href="histori_pembayaran.php" class="dropdown-item">histori pembayaran</a></li>
            </ul>
          </li>
          <li class="nav-item">
            <a href="laporan.php" class="nav-link">laporan</a>
          </li>
          
        </ul>
      </div>

      <!-- Right navbar links -->
      <ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto">
        <!-- Messages Dropdown Menu -->
        <li class="nav-item dropdown">
          <a class="nav-link" href="../index.php">
            <i class="fas fa-upload"></i>logout
          </a>
        </li>
      </ul>
    </div>
  </nav>
  <!-- /.navbar -->

 

file siswa

history_pembayaran.php

<li class="nav-item">

            <a href="histori_pembayaran.php" class="nav-link">Histori Pembayaran</a>

          </li>

<?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">Histori Pembayaran SPP</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">

                <h7>Data Histori Pembayaran SPP</h7>

              </div>

              <div class="card-body">

                <table class="table table-bordered">

                  <thead>

                    <tr>

                      <th>NISN</th>

                      <th>Tanggal Bayar</th>

                      <th>Bulan Dibayar</th>

                      <th>Tahun Dibayar</th>

                      <th>Nama SPP</th>

                      <th>Jumlah Dibayar</th>

                      <th style="width: 40px">Label</th>

                    </tr>

                  </thead>

                  <tbody>

                    <tr>

                      <td>1.</td>

                      <td>NISN</td>

                      <td>Tanggal Bayar</td>

                      <td>Bulan Dibayar</td>

                      <td>Tahun Dibayar</td>

                      <td>Nama SPP</td>

                      <td>Jumlah Dibayar</td>

                    </tr>

                  </tbody>

                </table>

              </div>

              <div class="card-footer">

                <div class="row">

                  <div class="col-6">

                  </div>

                  <div class="col-3 text-right">

                      <label>Sisa Pembayaran</label>

                  </div>

                  <div class="col-3">

                    <div class="form-group">

                    <input type="text" class="form-control" value="SISA">

                    </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 Silahkan Cek Histori Pembayaran Anda</h6>


              </div>

            </div>

          </div>

        <!-- /.row -->

      </div><!-- /.container-fluid -->

    </div>

    <!-- /.content -->

  </div>

  <!-- /.content-wrapper -->


<?php

include '../layouts/footer.php';

?>

(file petugas)

histori_pembayaran.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">Histori Pembayaran</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 Histori Pembayaran</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>Nama Siswa</th>

                      <th>SPP</th>

                      <th>Juimlah Bayar</th>

                      <th>aksi</th>

                    </tr>

                  </thead>

                  <tbody>

                    <tr>

                      <td>1.</td>

                      <td>Nama Siswa</td>

                      <td>Juimlah Bayar</td>

                      <th>aksi</th>

                      <td>

                        <a href="#" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#modal-edit"><i class="fas fa-eye"></i></a>

                        <a href="print.php" class="btn btn-primary btn-sm" target="blank"><i class="fas fa-print"></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">Lihat data Pembayaran</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>Nama Siswa</label>

                        <select name="id_kelas" class="form-control">

                          <option>--- pilih Siswa ---</option>

                          <option>option 2</option>

                          <option>option 3</option>

                          <option>option 4</option>

                          <option>option 5</option>

                        </select>

                      </div>


                      <div class="form-group">

                        <label>SPP</label>

                        <select name="id_kelas" class="form-control">

                          <option>--- pilih SPP ---</option>

                          <option>option 2</option>

                          <option>option 3</option>

                          <option>option 4</option>

                          <option>option 5</option>

                        </select>

                      </div>


                  <div class="form-group">

                    <label>Jumlah Bayar</label>

                    <input type="text" name="nis" class="form-control" placeholder="masukan nisn">

                  </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">Save changes</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';

?>

<?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';

?>


transaksi_pembayaran.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">transaksi Pembayaran</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 histori Pembayaran</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>edit Data pembayaran</a>

                </div>

                </div>

              </div>

              <div class="card-body">

                <table class="table table-bordered">

                  <thead>

                    <tr>

                      <th style="width: 40px">Label</th>

                      <th>Nama Siswa</th>

                      <th>SPP</th>

                      <th>Juimlah Bayar</th>

                      <th>aksi</th>

                    </tr>

                  </thead>

                  <tbody>

                    <tr>

                      <td>1.</td>

                      <td>Nama Siswa</td>

                      <td>Juimlah Bayar</td>

                      <th>aksi</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="print.php" 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 transaksi Pembayaran</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>Nama Siswa</label>

                        <select name="id_kelas" class="form-control">

                          <option>--- pilih Siswa ---</option>

                          <option>option 2</option>

                          <option>option 3</option>

                          <option>option 4</option>

                          <option>option 5</option>

                        </select>

                      </div>


                      <div class="form-group">

                        <label>SPP</label>

                        <select name="id_kelas" class="form-control">

                          <option>--- pilih SPP ---</option>

                          <option>option 2</option>

                          <option>option 3</option>

                          <option>option 4</option>

                          <option>option 5</option>

                        </select>

                      </div>


                  <div class="form-group">

                    <label>Jumlah Bayar</label>

                    <input type="text" name="nis" class="form-control" placeholder="masukan jumlah pembayaran">

                  </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 transaksi </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 pembayaran</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>Nama Siswa</label>

                        <select name="id_kelas" class="form-control">

                          <option>--- pilih Siswa ---</option>

                          <option>option 2</option>

                          <option>option 3</option>

                          <option>option 4</option>

                          <option>option 5</option>

                        </select>

                      </div>


                      <div class="form-group">

                        <label>SPP</label>

                        <select name="id_kelas" class="form-control">

                          <option>--- pilih SPP ---</option>

                          <option>option 2</option>

                          <option>option 3</option>

                          <option>option 4</option>

                          <option>option 5</option>

                        </select>

                      </div>


                  <div class="form-group">

                    <label>Jumlah Bayar</label>

                    <input type="text" name="nis" class="form-control" placeholder="masukan jumlah pembayaran">

                  </div>


            </div>

          </div>

        </div>

      </div>

              </div>

            </div>

          </div>

        <!-- /.row -->

      </div><!-- /.container-fluid -->

    </div>

    <!-- /.content -->

  </div>

  <!-- /.content-wrapper -->


<?php

include '../layouts/footer.php';

?>

LATIHAN PPG - PELATIHAN MANDIRI

Empati secara kognitif diperoleh melalui Resertive Learning Kemampuan individu dalam memberikan respons atau tindakan sesuai dengan perasaan...