<?php
include('includes/session.php');
error_reporting(0);
include('includes/dbconnection.php');
  ?>
  <!DOCTYPE html>
  <html>
  <?php @include("includes/head.php"); ?>
  <body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">
      <!-- Navbar -->
      <?php @include("includes/headerstd.php"); ?>
      <!-- /.navbar -->

      <!-- Main Sidebar Container -->
      <?php @include("includes/sidebarstd.php"); ?>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <div class="container-fluid">
            <div class="row mb-2">
              <div class="col-sm-6">
              <marquee style ="color:red;"><b>ALERT !!! PLEASE COME BACK AND CONFIRM YOUR FEES AFTER SUCCESSFUL PAYMENT<b></marquee>
              </div>
              <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                  <li class="breadcrumb-item"><a href="#">Home</a></li>
                  <li class="breadcrumb-item active">Pay Bills</li>
                </ol>
              </div>
            </div>
          </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="container-fluid">
            <div class="row ">
              <div class="col-md-12">
                <!-- general form elements -->
                <div class="card card-primary">
                  <div class="card-header">
                    <h3 class="card-title">Pay Bills</h3>
                  </div>
                  <!-- /.card-header -->
                  <!-- form start -->
                  <form role="form" method="" enctype="multipart/form-data">
                    <div class="card-body">
                      <span style="color: brown"><h5>Select what you are paying for</h5></span>
                      <hr>
                      <section class="content">
                <div class="container-fluid">
                    <!-- Small boxes (Stat box) -->
                    <div class="row">
                        <div class="col-lg-4 col-6">
                            <!-- small box -->
                            <div class="small-box bg-primary">
                            
                                <div class="inner">
                                    <p><b>JSS 1 Full Term</b></p>
                                <!-- Main content -->
                                <p><b>School Fees</b></p>
                                </div>
                                <div class="icon">
                                    
                                    <i class="fas fa-money-bill-wave" aria-hidden="true"></i>
                                </div>
                                <a href="https://paystack.com/buy/jss-1-full-school-fees-day-student-slfczc" target ="_blank" class="small-box-footer">Pay <i class="fa fa-credit-card"></i></a>
                            </div>
                        </div>
                        <!-- ./col -->
                        <div class="col-lg-4 col-6">
                            <!-- small box -->
                            <div class="small-box bg-secondary">
                            
                                <div class="inner">
                                    <p><b>JSS 2 Full Term</b></p>
                                <!-- Main content -->
                                <p><b>School Fees</b></p>
                                </div>
                                <div class="icon">
                                    
                                    <i class="fas fa-money-bill-wave" aria-hidden="true"></i>
                                </div>
                                <a href="https://paystack.com/buy/jss-2-full-school-fees-day-student-okpbhh" target ="_blank" class="small-box-footer">Pay <i class="fa fa-credit-card"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-6">
                            <!-- small box -->
                            <div class="small-box bg-success">
                            
                                <div class="inner">
                                    <p><b>SSS 1 Full Term</b></p>
                                <!-- Main content -->
                                <p><b>School Fees</b></p>
                                </div>
                                <div class="icon">
                                    
                                    <i class="fas fa-money-bill-wave" aria-hidden="true"></i>
                                </div>
                                <a href="https://paystack.com/buy/sss-1-full-school-fees-day-student-tsgdja" target ="_blank" class="small-box-footer">Pay <i class="fa fa-credit-card"></i></a>
                            </div>
                        </div>
                        <!-- ./col -->
                   
                        <!-- ./col -->

                        <!-- ./col -->

                     
                    </div>
                
                <!-- /.row (main row) -->
            </div>
            <!-- /.container-fluid -->
        </section>
                
                </div>
                <!-- /.card -->
              </div>
              <!-- /.col -->
            </div>
            <!-- /.row -->
          </div>
          <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
      </div>
      <!-- /.content-wrapper -->
      <?php @include("includes/footer.php"); ?>

    </div>

    <!-- ./wrapper -->
    <?php @include("includes/foot.php"); ?>
    </body>
  </html>
    <?php 
  ?>
</div>
