MAINHACK

Viewing / Editing File: all-payment.php

<?php 
//  ini_set('display_errors', 1);
// ini_set('display_startup_errors', 1);
// error_reporting(E_ALL);
include("functions.php");
 //error_reporting(0);
 if(!isset($_SESSION['dbmail_Xw211qAAsq4'])){
     header("location:../auth-login");
 } else {
   $s_code = $_SESSION['s_code_Xw2119904'];
$stmt = $con->prepare("Select * from schools where school_code = ?");
$stmt->execute(array($s_code));
$row = $stmt->fetch();
$logo = $row['logo'];
    if(empty($logo)){
      header("Location:complete-process");
    } else {

$academic_year = isset($_GET['academic_year']) ? mysqli_real_escape_string($new, $_GET['academic_year']) : '';

// === FILTER CLAUSE ===
$where = "WHERE s_code = '$s_code' AND indexNumber <> ''";
if (!empty($academic_year)) {
    $where .= " AND academic_year = '$academic_year'";
}

// === FETCH TOTAL COUNT ===
$count_query = "
    SELECT COUNT(*) AS total 
    FROM (
        SELECT indexNumber 
        FROM stud_payment 
        $where
        GROUP BY indexNumber
    ) t
";
$count_result = mysqli_query($new, $count_query);
$count_data = mysqli_fetch_assoc($count_result);
$totalcount = $count_data['total'] ?? 0;

// === FETCH TOTAL AMOUNT ===
$amount_query = "
    SELECT SUM(amount) AS total_amount 
    FROM (
        SELECT indexNumber, MAX(amount) AS amount 
        FROM stud_payment 
        $where
        GROUP BY indexNumber
    ) t
";
$amount_result = mysqli_query($new, $amount_query);
$amount_data = mysqli_fetch_assoc($amount_result);
$totalamount = $amount_data['total_amount'] ?? 0;

// === IF AJAX REQUEST, RETURN JSON ONLY ===
if (isset($_GET['ajax']) && $_GET['ajax'] == '1') {
    header('Content-Type: application/json');
    echo json_encode([
        'totalcount' => (int)$totalcount,
        'totalamount' => (float)$totalamount,
        'academic_year' => $academic_year ?: 'All'
    ]);
    exit;
}

}
}

?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ALL PAYMENT MADE </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="Themesbrand" name="author" />

<link href="assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />

<link href="assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="assets/css/preloader.min.css" type="text/css" />

<link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />

<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />

<link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.highcharts.com/highcharts.js"></script>
  <style>
    body {
      background-color: #f5f6fa;
      font-family: "Poppins", sans-serif;
    }
    .container {
      background: #fff;
      border-radius: 12px;
      padding: 25px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    }
    h3 {
      color: #007bff;
      font-weight: 600;
    }
    .chart-container {
      width: 250px;
      height: 250px;
      margin: 0 auto;
    }
    .summary-card {
      background: #e9f7ef;
      border-left: 5px solid #28a745;
      padding: 15px 20px;
      border-radius: 8px;
      font-weight: 500;
    }
  </style>

</head>

<body>

<div id="layout-wrapper">

<?php include("includes/header.php");?>
<?php include("includes/sidebar.php");?>
<div class="main-content">

<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">ALL PAYMENT MADE</h4>

<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
<li class="breadcrumb-item active">ALL PAYMENT MADE<</li>
</ol>
</div>

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

<div class="row">
    
<div class="card">
  <div class="card-body">
<a class="btn btn-dark"  href="Viewpayment"> View payment records</a>
    <h3 class="mb-4">💰 Student Payment Analytics</h3>

<form id="filterForm" class="mb-4">
      <label for="academic_year" class="form-label me-2">Filter by Academic Year:</label>
      <select name="academic_year" id="academic_year" class="form-select w-auto d-inline-block">
        <option value="">All</option>
        <option value="2024/2025" <?php if($academic_year=='2024/2025') echo 'selected'; ?>>2024/2025</option>
        <option value="2025/2026" <?php if($academic_year=='2025/2026') echo 'selected'; ?>>2025/2026</option>
        <option value="2026/2027" <?php if($academic_year=='2026/2027') echo 'selected'; ?>>2026/2027</option>
      </select>
    </form>

<div id="analyticsSummary" class="alert alert-info">
      <strong>Summary:</strong><br>
      Total Students Paid: <span id="count"><?= $totalcount ?></span><br>
      Total Amount: GH₵<span id="amount"><?= number_format($totalamount, 2) ?></span>
    </div>

<div id="container1" style="height: 350px;"></div>
  </div>

// === Initial Chart ===
  renderChart(<?= $totalcount ?>, <?= $totalamount ?>, '<?= $academic_year ?: "All" ?>');

// === Handle Academic Year Change ===
  $('#academic_year').on('change', function() {
      let year = $(this).val();
      $.ajax({
          url: 'all-payment.php',
          method: 'GET',
          data: { academic_year: year, ajax: 1 },
          dataType: 'json',
          success: function(response) {
              // Update Summary
              $('#count').text(response.totalcount);
              $('#amount').text(response.totalamount.toLocaleString(undefined, {minimumFractionDigits: 2}));
              // Re-render Chart
              renderChart(response.totalcount, response.totalamount, response.academic_year);
          },
          error: function() {
              alert('Error fetching data. Please check your PHP file or connection.');
          }
      });
  });
  </script>

<?php include("includes/footer.php");?>
</div>

</div>

<div class="right-bar">
<div data-simplebar class="h-100">
<div class="rightbar-title d-flex align-items-center p-3">

<h5 class="m-0 me-2">Theme Customizer</h5>

<hr class="m-0" />

<div class="p-4">
<h6 class="mb-3">Layout</h6>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout"
id="layout-vertical" value="vertical">
<label class="form-check-label" for="layout-vertical">Vertical</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout"
id="layout-horizontal" value="horizontal">
<label class="form-check-label" for="layout-horizontal">Horizontal</label>
</div>

<h6 class="mt-4 mb-3 pt-2">Layout Mode</h6>

<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-mode"
id="layout-mode-light" value="light">
<label class="form-check-label" for="layout-mode-light">Light</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-mode"
id="layout-mode-dark" value="dark">
<label class="form-check-label" for="layout-mode-dark">Dark</label>
</div>

<h6 class="mt-4 mb-3 pt-2">Layout Width</h6>

<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-width"
id="layout-width-fuild" value="fuild" onchange="document.body.setAttribute('data-layout-size', 'fluid')">
<label class="form-check-label" for="layout-width-fuild">Fluid</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-width"
id="layout-width-boxed" value="boxed" onchange="document.body.setAttribute('data-layout-size', 'boxed')">
<label class="form-check-label" for="layout-width-boxed">Boxed</label>
</div>

<h6 class="mt-4 mb-3 pt-2">Layout Position</h6>

<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-position"
id="layout-position-fixed" value="fixed" onchange="document.body.setAttribute('data-layout-scrollable', 'false')">
<label class="form-check-label" for="layout-position-fixed">Fixed</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="layout-position"
id="layout-position-scrollable" value="scrollable" onchange="document.body.setAttribute('data-layout-scrollable', 'true')">
<label class="form-check-label" for="layout-position-scrollable">Scrollable</label>
</div>

<h6 class="mt-4 mb-3 pt-2">Topbar Color</h6>

<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="topbar-color"
id="topbar-color-light" value="light" onchange="document.body.setAttribute('data-topbar', 'light')">
<label class="form-check-label" for="topbar-color-light">Light</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="topbar-color"
id="topbar-color-dark" value="dark" onchange="document.body.setAttribute('data-topbar', 'dark')">
<label class="form-check-label" for="topbar-color-dark">Dark</label>
</div>

<h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Size</h6>

<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-size"
id="sidebar-size-default" value="default" onchange="document.body.setAttribute('data-sidebar-size', 'lg')">
<label class="form-check-label" for="sidebar-size-default">Default</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-size"
id="sidebar-size-compact" value="compact" onchange="document.body.setAttribute('data-sidebar-size', 'md')">
<label class="form-check-label" for="sidebar-size-compact">Compact</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-size"
id="sidebar-size-small" value="small" onchange="document.body.setAttribute('data-sidebar-size', 'sm')">
<label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label>
</div>

<h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Color</h6>

<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-color"
id="sidebar-color-light" value="light" onchange="document.body.setAttribute('data-sidebar', 'light')">
<label class="form-check-label" for="sidebar-color-light">Light</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-color"
id="sidebar-color-dark" value="dark" onchange="document.body.setAttribute('data-sidebar', 'dark')">
<label class="form-check-label" for="sidebar-color-dark">Dark</label>
</div>
<div class="form-check sidebar-setting">
<input class="form-check-input" type="radio" name="sidebar-color"
id="sidebar-color-brand" value="brand" onchange="document.body.setAttribute('data-sidebar', 'brand')">
<label class="form-check-label" for="sidebar-color-brand">Brand</label>
</div>

<h6 class="mt-4 mb-3 pt-2">Direction</h6>

</div>

</div> 
</div>

<div class="rightbar-overlay"></div>

<script src="assets/libs/jquery/jquery.min.js"></script>
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/metismenu/metisMenu.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="assets/libs/node-waves/waves.min.js"></script>
<script src="assets/libs/feather-icons/feather.min.js"></script>

<script src="assets/libs/pace-js/pace.min.js"></script>

<script src="assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>

<script src="assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
<script src="assets/libs/jszip/jszip.min.js"></script>
<script src="assets/libs/pdfmake/build/pdfmake.min.js"></script>
<script src="assets/libs/pdfmake/build/vfs_fonts.js"></script>
<script src="assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="assets/libs/datatables.net-buttons/js/buttons.colVis.min.js"></script>

<script src="assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
        <script src="assets/libs/sweetalert2/sweetalert2.min.js"></script>

<script src="assets/js/pages/datatables.init.js"></script>

myModal.addEventListener('shown.bs.modal', function () {
myInput.focus()
})
</script>

</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: all-payment.php

Server Info

System Features

User Info