Grafik penerimaan dan pengeluaran kas php
<?php
require 'function/[Link]';
if (!isset($_SESSION[KEY]['login']['user'])) direct("../");
$hal = "Grafik Penerimaan Dan Pengeluaran";
$tahun = get('tahun');
if (!$tahun) {
direct("?tahun=" . date("Y"));
die;
}
$pengeluaran = query_select('pengeluaran_kas',
[
'join' => "biaya ON pengeluaran_kas.kode_biaya = biaya.kode_biaya",
'where' => "pengeluaran_kas.tanggal_pengeluaran LIKE '$tahun-%'"
]
);
$totalPengeluaran = 0;
$penerimaan = query_select('penerimaan_kas',
[
'join' => "penjualan ON penerimaan_kas.no_jual = penjualan.no_jual",
'where' => "penerimaan_kas.tanggal_pemesanan LIKE '$tahun-%'"
]
);
$totalPenerimaan = 0;
foreach ($pengeluaran as $item) {
$totalPengeluaran += $item['subtotal'];
}
foreach ($penerimaan as $item) {
$totalPenerimaan += $item['total_jual'];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php partials("[Link]") ?>
</head>
<body class="fix-header fix-sidebar card-no-border">
<?php partials("[Link]") ?>
<div id="main-wrapper">
<script src="[Link]
<?php partials("[Link]") ?>
<?php partials("[Link]") ?>
<div class="page-wrapper">
<div class="container-fluid">
<?php partials("[Link]") ?>
<div class="row">
<div class="col-lg-12 ">
<div class="card">
<div class="card-body pb-4">
<div class="d-flex">
<div>
<h4 class="card-title"><span class="lstick"></span>Grafik Penerimaan Dan
Pengeluaran</h4>
</div>
</div>
<form action="" method="GET">
<div class="row">
<div class="col-md-4">
<label for="">Tahun</label>
<select name="" id="" class="form-control" onchange="selectTahun(this)">
<?php $thn = (int) date("Y"); ?>
<?php for ($i = $thn; $i >= 2020; $i--): ?>
<option value="<?= $i ?>" <?= $i == $tahun ? "selected" : "" ?> ><?= $i
?></option>
<?php endfor; ?>
</select>
</div>
</div>
</form>
<?php if ( hasSuccess() || hasError() ): ?>
<div class="alert <?= hasSuccess() ? "alert-primary" : "alert-danger" ?>">
<?= hasSuccess() ? success() : error() ?>
</div>
<script>
setTimeout(() => {
[Link]('.alert').remove();
}, 5000)
</script>
<?php endif ?>
<div>
<canvas id="myChart"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const selectTahun = e => {
let tahun = [Link];
[Link](`?tahun=${tahun}`);
}
</script>
<script>
const ctx = [Link]('myChart');
new Chart(ctx, {
type: 'bar',
data: {
labels: ["Penerimaan", "Pengeluaran"],
datasets: [
{
label: 'Total',
data: [<?= $totalPenerimaan ?>, <?= $totalPengeluaran ?>],
borderWidth: 1
}
]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});
</script>
<?php partials("[Link]") ?>
</div>
</div>
<?php partials("[Link]") ?>
</body>
</html>