<style>
.highcharts-figure,
.highcharts-data-table table {
min-width: 320px;
max-width: 800px;
margin: 1em auto;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
</style>
<body>
<?php
$totwpsof = 0;
$totjmlsof = 0;
$tgt = $ren['RENPEN'];
$pennow = $penb['PEN'];
$penpast = $penl['PEN'];
$capaian = ($pennow / ($tgt ?: 1)) * 100;
$growth = (($pennow - $penpast) / ($penpast ?: 1)) * 100;
$selisih = $pennow - $penpast;
$carryover = $pennow - $tgt;
$jml_penerimaan = 0;
$jml_penlalu = 0;
$jml_penerimaantot = 0;
$pentotlalu = 0;
foreach ($pie_penerimaan as $_junk => $data) {
$jml_penerimaan = $jml_penerimaan + $data->PENERIMAAN;
$jml_penerimaantot = $data->PENERIMAAN_TOT;
$pentotlalu = $data->PENERIMAAN_TOTL;
$jml_penlalu = $jml_penlalu + $data->PENL;
}
$jml_penerimaan = $jml_penerimaantot - $jml_penerimaan;
$jml_penlalu = $pentotlalu - $jml_penlalu;
$gwpiepenl = (($jml_penerimaan - $jml_penlalu) / ($jml_penlalu ?: 1)) * 100;
$row = 0;
$datanya_penerimaan = "[";
foreach ($pie_penerimaan as $_junk => $data) {
$gwpiepen = (($data->PENERIMAAN - $data->PENL) / ($data->PENL ?: 1)) * 100;
$datanya_penerimaan = $datanya_penerimaan . "{name :'" . $data->NM_PAJAK . "',y: " . $data->PENERIMAAN . " , gw:" . $gwpiepen . "}";
break;
}
foreach ($pie_penerimaan as $_junk => $data) {
if ($row <> 0) {
$gwpiepen = (($data->PENERIMAAN - $data->PENL) / ($data->PENL ?: 1)) * 100;
$datanya_penerimaan = $datanya_penerimaan . ",{name :'" . $data->NM_PAJAK . "',y: " . $data->PENERIMAAN . ", gw:" . $gwpiepen . "}";
}
$row = $row + 1;
}
$datanya_penerimaan = $datanya_penerimaan . ",{name: 'Lainnya',y:" . $jml_penerimaan . ", gw: " . $gwpiepenl . "}]";
$datapaycomp = "[";
foreach ($paycomp as $rowp) {
$datapaycomp = $datapaycomp . "{name : 'Jmlbln : " . $rowp->JMLBULAN . "',y: " . $rowp->JMLWP . "},";
}
$datapaycomp = $datapaycomp . "]";
$datasektordom = "[";
foreach ($sektordom as $rows) {
$datasektordom = $datasektordom . "{name : '" . $rows->NM_KATEGORI . "',y: " . $rows->TOTAL . "},";
}
$datasektordom = $datasektordom . "]";
$datagrafwpt = "[";
foreach ($grafwpt as $rows) {
$datagrafwpt = $datagrafwpt . "{name : '" . $rows->TAHUN . "',y: " . $rows->JUMLAHWP . "},";
}
$datagrafwpt = $datagrafwpt . "]";
$tahun2 = date('Y');
$rentang_tahun = range($tahun2, 2022);
$hariini = date('d-m-y');
$wpnormal = $dashwp['WPNORMAL'];
$normalbyr = $dashwp['NORMALBYR'];
$normallpr = $dashwp['NORMALLPR'];
$wpne = $dashwp['WPNE'];
$nebyr = $dashwp['NEBYR'];
$nelpr = $dashwp['NELPR'];
$wpde = $dashwp['WPDE'];
$debyr = $dashwp['DEBYR'];
$delpr = $dashwp['DELPR'];
$wplama = $dashwp['WPLAMA'];
$lamabyr = $dashwp['LAMABYR'];
$lamalpr = $dashwp['LAMALPR'];
$wpbaru = $dashwp['WPBARU'];
$barubyr = $dashwp['BARUBYR'];
$barulpr = $dashwp['BARULPR'];
$wpskrgbyr = $dashwp['SKRBYRTLT'];
$normalskrbyr = $dashwp['NORMALSKRBYR'];
$neskrgbyr = $dashwp['NESKRBYR'];
$deskrgbyr = $dashwp['DESKRBYR'];
$wpthnlbyrnt = $dashwp['THNLALUBYRNT'];
$normalthnlbyrnt = $dashwp['NORMALTHNLBYR'];
$nethnlbyrnt = $dashwp['NETHNLBYR'];
$dethnlbyrnt = $dashwp['DETHNLBYR'];
$wpbadan = $dashwp['WPBADAN'];
$badanbyr = $dashwp['BADANBYR'];
$badanlpr = $dashwp['BADANLPR'];
$badannormal = $dashwp['BADANNORMAL'];
$badannormalbyr = $dashwp['BADANNORMALBYR'];
$badannormallpr = $dashwp['BADANNORMALLPR'];
$badanne = $dashwp['BADANNE'];
$badannebyr = $dashwp['BADANNEBYR'];
$badannelpr = $dashwp['BADANNELPR'];
$badande = $dashwp['BADANDE'];
$badandebyr = $dashwp['BADANDEBYR'];
$badandelpr = $dashwp['BADANDELPR'];
$wpop = $dashwp['WPOP'];
$opbyr = $dashwp['OPBYR'];
$oplpr = $dashwp['OPLPR'];
$opnormal = $dashwp['OPNORMAL'];
$opnormalbyr = $dashwp['OPNORMALBYR'];
$opnormallpr = $dashwp['OPNORMALLPR'];
$opne = $dashwp['OPNE'];
$opnebyr = $dashwp['OPNEBYR'];
$opnelpr = $dashwp['OPNELPR'];
$opde = $dashwp['OPDE'];
$opdebyr = $dashwp['OPDEBYR'];
$opdelpr = $dashwp['OPDELPR'];
$wppemungut = $dashwp['WPPEMUNGUT'];
$pemungutbyr = $dashwp['PEMUNGUTBYR'];
$pemungutlpr = $dashwp['PEMUNGUTLPR'];
$pemungutnormal = $dashwp['PEMUNGUTNORMAL'];
$pemungutnormalbyr = $dashwp['PEMUNGUTNORMALBYR'];
$pemungutnormallpr = $dashwp['PEMUNGUTNORMALLPR'];
$pemungutne = $dashwp['PEMUNGUTNE'];
$pemungutnebyr = $dashwp['PEMUNGUTNEBYR'];
$pemungutnelpr = $dashwp['PEMUNGUTNELPR'];
$pemungutde = $dashwp['PEMUNGUTDE'];
$pemungutdebyr = $dashwp['PEMUNGUTDEBYR'];
$pemungutdelpr = $dashwp['PEMUNGUTDELPR'];
$barunormal = $dashwp['BARUNORMAL'];
$barunormalbyr = $dashwp['BARUNORMALBYR'];
$barunormallpr = $dashwp['BARUNORMALLPR'];
$barune = $dashwp['BARUNE'];
$barunebyr = $dashwp['BARUNEBYR'];
$barunelpr = $dashwp['BARUNELPR'];
$barude = $dashwp['BARUDE'];
$barudebyr = $dashwp['BARUDEBYR'];
$barudelpr = $dashwp['BARUDELPR'];
$lamanormal = $dashwp['LAMANORMAL'];
$lamanormalbyr = $dashwp['LAMANORMALBYR'];
$lamanormallpr = $dashwp['LAMANORMALLPR'];
$lamane = $dashwp['LAMANE'];
$lamanebyr = $dashwp['LAMANEBYR'];
$lamanelpr = $dashwp['LAMANELPR'];
$lamade = $dashwp['LAMADE'];
$lamadebyr = $dashwp['LAMADEBYR'];
$lamadelpr = $dashwp['LAMADELPR'];
$opcabang = $dashwp['OPCABANG'];
$oppusat = $dashwp['OPPUSAT'];
$badancabang = $dashwp['BADANCABANG'];
$badanpusat = $dashwp['BADANPUSAT'];
$opbupot = $dashwp['OPBUPOT'];
$opbupotbyr = $dashwp['OPBUPOTBYR'];
$opbupottbyr = $dashwp['OPBUPOTTBYR'];
$normalbupot = $dashwp['NORMALBUPOT'];
$nebupot = $dashwp['NEBUPOT'];
$debupot = $dashwp['DEBUPOT'];
$normalbupotbyr = $dashwp['NORMALBUPOTBYR'];
$nebupotbyr = $dashwp['NEBUPOTBYR'];
$debupotbyr = $dashwp['DEBUPOTBYR'];
$normalbupottbyr = $dashwp['NORMALBUPOTTBYR'];
$nebupottbyr = $dashwp['NEBUPOTTBYR'];
$debupottbyr = $dashwp['DEBUPOTTBYR'];
$wpsbupot = $dashwp['WPSBUPOT'];
$wpkbupot = $dashwp['WPKBUPOT'];
$wpsbupotbyr = $dashwp['WPSBUPOTBYR'];
$wpkbupotbyr = $dashwp['WPKBUPOTBYR'];
$wpsbupottbyr = $dashwp['WPSBUPOTTBYR'];
$wpkbupotbyr = $dashwp['WPKBUPOTTBYR'];
$wpbyrtotal = $normalbyr + $nebyr + $debyr;
$wplprtotal = $normallpr + $nelpr + $delpr;
$totalwpall = $wpbaru + $wplama;
?>
<div class="main-content">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 mb-2">
<form class="form-inline" action="<?php base_url('Home/index') ?>" method="post">
<label class="my-1 mr-2">Tahun :</label>
<select class="custom-select my-1 mr-sm-2" id="tahun" name="tahun">
<?php
foreach ($rentang_tahun as $tahun) {
if ($tahun == $tahunx) {
$sel = "selected";
} else {
$sel = "";
}
echo "<option value=\"" . $tahun . "\" " . $sel . ">" . $tahun . "</option>";
}
?>
</select>
<label class="my-1 mr-2">s.d. Bulan :</label>
<select class="custom-select my-1 mr-sm-2" id="bulan" name="bulan">
<?php
foreach ($refbulan as $rowb) {
if ($rowb->KODE == $bulanx) {
$isSelected = ' selected="selected"';
} else {
$isSelected = '';
}
echo "<option value='" . $rowb->KODE . "'" . $isSelected . ">" . ucfirst(strtolower($rowb->NM_PANJANG)) . "</option>";
}
?>
</select>
<button type="submit" class="btn btn-primary my-1">Proses</button>
</form>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Target Nasional</h6>
<h6><b><?= number_format($tgt, 0, ',', '.') ?></b></h6>
</div>
<div class="icon">
<i class="ik ik-award text-green"></i>
</div>
</div>
<small class="text-small mt-10 d-block">Capaian <?= number_format($capaian, 2) ?>%</small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-danger" role="progressbar"
aria-valuenow="<?= number_format($capaian, 2) ?>" aria-valuemin="0" aria-valuemax="100"
style="width: <?= number_format($capaian, 2) ?>%;"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Penerimaan sd <?= $tahunx ?></h6>
<h6><b><?= number_format($pennow, 0, ',', '.') ?></b></h6>
</div>
<div class="icon">
<i class="ik ik-thumbs-up text-blue"></i>
</div>
</div>
<small class="text-small mt-10 d-block">Growth <?= number_format($growth, 2) ?>%</small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-success" role="progressbar"
aria-valuenow="<?= number_format($growth, 2) ?>" aria-valuemin="0" aria-valuemax="100"
style="width: <?= number_format($growth, 2) ?>%;"></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Penerimaan <?= $tahunx - 1 ?></h6>
<h6><b><?= number_format($penpast, 0, ',', '.') ?></b></h6>
</div>
<div class="icon">
<i class="ik ik-calendar text-orange"></i>
</div>
</div>
<small class="text-small mt-10 d-block">Selisih
<?= number_format($selisih, 0, ',', '.') ?></small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-warning" role="progressbar"
aria-valuenow="<?= ($selisih / ($penpast ?: 1)) * 100 ?>" aria-valuemin="0"
aria-valuemax="100" style="width: <?= ($selisih / ($penpast ?: 1)) * 100 ?>%;"></div>
</div>
</div>
</div>
<?php
if ($carryover < 0) {
$mkcrover = "text-danger";
} else {
$mkcrover = "text-success";
}
?>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="widget-body">
<div class="d-flex justify-content-between align-items-center">
<div class="state">
<h6>Delta</h6>
<h6 class="text-left <?= $mkcrover ?>">
<b><?= number_format($carryover, 0, ',', '.') ?></b>
</h6>
</div>
<div class="icon">
<i class="ik ik-alert-triangle <?= $mkcrover ?>"></i>
</div>
</div>
<small class="text-small mt-10 d-block">update <?= $updatex['UPD'] ?></small>
</div>
<div class="progress progress-sm">
<div class="progress-bar bg-info" role="progressbar" aria-valuenow="<?= idate('d') ?>"
aria-valuemin="1" aria-valuemax="<?= date('t', strtotime($hariini)) ?>"
style="width: <?= idate('d') / date('t', strtotime($hariini)) * 100 ?>%;"></div>
</div>
</div>
</div>
</div>
<?php
$ppm = $ppmpkm['PPM'];
$pkm = $ppmpkm['PKM'] + $ppmpkm['UNK'];
$sbp = $ppmpkm['SBP'];
$sbpppm = $ppmpkm['SBPPPM'];
$sbppkm = $ppmpkm['SBPPKM'];
$totalsbp = $sbpppm + $sbppkm;
$totppmpkm = $ppm + $pkm;
?>
<div class="row">
<div class="col-xl-4 col-md-6">
<div class="card prod-p-card card-red">
<div class="card-body">
<div class="row align-items-center mb-30">
<div class="col">
<h6 class="mb-5 text-white">Pembayaran Tahun Pajak Berjalan</h6>
<h4 class="mb-0 fw-700 text-white"><?= number_format($ppm, 0, ',', '.') ?></h4>
</div>
<div class="col-auto">
<i class="fa fa-money-bill-alt text-red f-18"></i>
</div>
</div>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-5 text-white ">Penerimaan dari WP Baru </h6>
<h4 class="mb-0 fw-700 text-white"><?= number_format($sbpppm, 0, ',', '.') ?></h4>
<h6 class="mb-0 text-white text-right">Ratio <span
class="label label-danger mr-10"><?= number_format($ppm / ($totppmpkm ?: 1) * 100, 2) ?>%</span>
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card prod-p-card card-blue">
<div class="card-body">
<div class="row align-items-center mb-30">
<div class="col">
<h6 class="mb-5 text-white">Pembayaran Tahun Pajak Lalu </h6>
<h4 class="mb-0 fw-700 text-white"><?= number_format($pkm, 0, ',', '.') ?></h4>
</div>
<div class="col-auto">
<i class="fas fa-database text-blue f-18"></i>
</div>
</div>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-5 text-white ">Penerimaan dari WP Baru </h6>
<h4 class="mb-0 fw-700 text-white"><?= number_format($sbppkm, 0, ',', '.') ?></h4>
<h6 class="mb-0 text-white text-right">Ratio <span
class="label label-danger mr-10"><?= number_format($pkm / ($totppmpkm ?: 1) * 100, 2) ?>%</span>
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card prod-p-card card-yellow">
<div class="card-body">
<div class="row align-items-center mb-30">
<div class="col">
<h6 class="mb-5 text-white">Total</h6>
<h4 class="mb-0 fw-700 text-white"><?= number_format($totppmpkm, 0, ',', '.') ?>
</h4>
</div>
<div class="col-auto">
<i class="fas fa-tags text-warning f-18"></i>
</div>
</div>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-5 text-white ">Penerimaan dari WP Baru </h6>
<h4 class="mb-0 fw-700 text-white"><?= number_format($totalsbp, 0, ',', '.') ?></h4>
<h6 class="mb-0 text-white text-right"><span
class="label label-danger mr-10"></span></h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">FOLLOW THE MONEY, PDB BERDASARKAN KBLI </h5>
<table class="table table-hover table-striped table-bordered tablesorter" id="tablekatnas">
<thead class='thead-dark'>
<tr class="table-active">
<th class="text-center">Kode</th>
<th class="text-center">Kategori</th>
<th class="text-center">Populasi</th>
<th class="text-center">Wp Bayar <?= $tahunx ?></th>
<th class="text-center">Wp Bayar <?= $tahunx - 1 ?></th>
<th class="text-center">Coverage Ratio(%)</th>
<th class="text-center">Growth WP Bayar (%)</th>
<th class="text-center">GDP Current</th>
<th class="text-center">Realisasi <?= $tahunx ?></th>
<th class="text-center">Realisasi <?= $tahunx - 1 ?></th>
<th class="text-center">Collection Ratio (%)</th>
<th class="text-center">Growth Penerimaan (%)</th>
</tr>
<tr class="table-active">
<th class="text-center">1</th>
<th class="text-center">2</th>
<th class="text-center">3</th>
<th class="text-center">4</th>
<th class="text-center">5</th>
<th class="text-center">4:3=6</th>
<th class="text-center">4-5:5=7</th>
<th class="text-center">8</th>
<th class="text-center">9</th>
<th class="text-center">10</th>
<th class="text-center">9:8=11</th>
<th class="text-center">9-10/10=12</th>
</tr>
</thead>
<tbody>
<?php
$totwpkatnow = 0;
$totwpkatpast = 0;
$totbyrkatnow = 0;
$totbyrkatpast = 0;
$totpopulasi = 0;
$totgdp = 0;
$datagrafKat = "[";
foreach ($perkategori as $row) {
$gwwp = (($row->WPBYRN - $row->WPBYRP) / ($row->WPBYRP ?: 1)) * 100;
$gwkat = (($row->KPENN - $row->KPENP) / ($row->KPENP ?: 1)) * 100;
if ($row->GDP == 0) {
$collratio = 0;
} else {
$collratio = ($row->KPENN / ($row->GDP ?: 1)) * 100;
}
if ($gwwp < 0) {
$markgww = "text-danger";
$markgwwic = "<ion-icon name='arrow-down-outline'></ion-icon>";
} else {
$markgww = "text-success";
$markgwwic = "<ion-icon name='arrow-up-outline'></ion-icon>";
}
if ($gwkat < 0) {
$markgwk = "text-danger";
$markgwkic = "<ion-icon name='arrow-down-outline'></ion-icon>";
} else {
$markgwk = "text-success";
$markgwkic = "<ion-icon name='arrow-up-outline'></ion-icon>";
}
$totwpkatnow += $row->WPBYRN;
$totwpkatpast += $row->WPBYRP;
$totbyrkatnow += $row->KPENN;
$totbyrkatpast += $row->KPENP;
$totpopulasi += $row->POPULASI;
$covratio = $row->WPBYRN / ($row->POPULASI ?: 1) * 100;
$totgdp += $row->GDP;
//$stringcov = number_format($covratio, 2);
//$numcov = (int)str_replace('.', '', $stringcov);
$datagrafKat = $datagrafKat . "{name : '" . $row->NMKAT . "',for: 'GDP', jml: " . round($row->GDP / 1000000000000) . "},
{name : '" . $row->NMKAT . "',for: 'WPBYR', jml: " . round($row->WPBYRN / 1000) . "},
{name : '" . $row->NMKAT . "',for: 'ColRatio', jml: " . number_format($collratio, 2) . "},
{name : '" . $row->NMKAT . "',for: 'CovRatio', jml: " . number_format($covratio, 2, '.', '') . "},";
?>
<tr>
<td><?= $row->KODE ?></td>
<td><?= $row->NMKAT ?></td>
<td class="text-right"><?= number_format($row->POPULASI, 0, ',', '.') ?></td>
<td class="text-right"><?= number_format($row->WPBYRN, 0, ',', '.') ?></td>
<td class="text-right"><?= number_format($row->WPBYRP, 0, ',', '.') ?></td>
<td class="text-center "><?= number_format($covratio, 2) ?></td>
<td class="text-center <?= $markgww ?>"><?= number_format($gwwp, 2) ?>
<?php echo $markgwwic ?>
</td>
<td class="text-right"><?= number_format($row->GDP, 0, ',', '.') ?></td>
<td class="text-right"><?= number_format($row->KPENN, 0, ',', '.') ?></td>
<td class="text-right"><?= number_format($row->KPENP, 0, ',', '.') ?></td>
<td class="text-center"><?= number_format($collratio, 2) ?></td>
<td class="text-center <?= $markgwk ?>"><?= number_format($gwkat, 2) ?>
<?php echo $markgwkic ?>
</td>
</tr>
<?php }
$datagrafKat = $datagrafKat . "]";
?>
</tbody>
<tfoot class='thead-dark'>
<tr>
<th colspan="2" class="text-center">Total</th>
<th class="text-right"><?= number_format($totpopulasi, 0, ',', '.') ?></th>
<th class="text-right"><?= number_format($totwpkatnow, 0, ',', '.') ?></th>
<th class="text-right"><?= number_format($totwpkatpast, 0, ',', '.') ?></th>
<th class="text-center">
<?= number_format($totwpkatnow / ($totpopulasi ?: 1) * 100, 2) ?>
</th>
<th class="text-center">
<?= number_format(($totwpkatnow - $totwpkatpast) / ($totwpkatpast ?: 1) * 100, 2) ?>
</th>
<th class="text-right"><?= number_format($totgdp, 0, ',', '.') ?></th>
<th class="text-right"><?= number_format($totbyrkatnow, 0, ',', '.') ?></th>
<th class="text-right"><?= number_format($totbyrkatpast, 0, ',', '.') ?></th>
<th class="text-center"><?= number_format($totbyrkatnow / ($totgdp ?: 1) * 100, 2) ?>
</th>
<th class="text-center">
<?= number_format(($totbyrkatnow - $totbyrkatpast) / ($totbyrkatpast ?: 1) * 100, 2) ?>
</th>
<tr>
</tfoot>
</table>
<p><small class="text-red">*) Jumlah WP bayar bisa Berbeda karena NPWP 000000000 bisa melakukan
pembayaran di lebih dari satu Kategori </small> </p>
<p> <small class="text-blue">**) GDP sesuai data BI per Triwulan </small></p>
<p> <small>***) Catatan : </small></p>
<p><small>Cara meningkatkan <em>Coverage & Collection</em> :</small></p>
<p><small>Lakukan PPM, PKM, SBP, dan Kegiatan Pengumpulan/Pencarian Data (KPD), untuk:</small></p>
<p><small>1. Membenahi Data Master File Wajib Pajak (termasuk KLU yang benar);</small></p>
<p><small>2. Meningkatkan 5 pilar kepatuhan:</small></p>
<p><small> a. Menambah Jumlah WP Terdaftar (menambah populasi);</small></p>
<p><small> b. Menambah Jumlah WP Yang Membayar;</small></p>
<p><small> c. Menambah Jumlah WP Yang MembayarTeratur;</small></p>
<p><small> d. Menambah Jumlah WP Yang Membayar Wajar (Nilai Setoran WP Meningkat);</small></p>
<p><small> e. Menambah Jumlah WP Lapor SPT</small></p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3>Grafik GDP dan Sektor KBLI</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div id="grafKat" style="height: 800px;width:100%;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3>Breakdown Penerimaan <?= $tahunx ?></h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div class="row align-items-center">
<?php
$totwpskbyr = $wp_sk['WPSWP'] + $wp_sk['WPKWP'];
$totwpskbyrl = $wp_sk['WPSWPL'] + $wp_sk['WPKWPL'];
$wpsktbyrn = $wp_sk['WPSBYRN'] + $wp_sk['WPKBYRN'];
$wpsktbyrl = $wp_sk['WPSBYRP'] + $wp_sk['WPKBYRP'];
$totwpall = $wp_terdaftar['WPS'] + $wp_terdaftar['WPK'];
?>
<div class="col-lg-6 col-md-12">
<div class="col text-center">
<h5><ion-icon name="people"></ion-icon>Strategis</h5>
</div>
<div class="row mb-15">
<div class="col-6">Penerimaan</div>
<div class="col-6 text-right">
<?= number_format($wp_sk['WPSBYRN'], 0, ',', '.') ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-green"
role="progressbar" style="width: 48%" aria-valuenow="48"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">Growth</div>
<div class="col-3 text-right">
<?= number_format(($wp_sk['WPSBYRN'] - $wp_sk['WPSBYRP']) / ($wp_sk['WPSBYRP'] ?: 1) * 100, 2) ?>%
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-green"
role="progressbar"
style="width: <?= number_format(($wp_sk['WPSBYRN'] - $wp_sk['WPSBYRP']) / ($wp_sk['WPSBYRP'] ?: 1) * 100, 2) ?>%"
aria-valuenow="<?= number_format(($wp_sk['WPSBYRN'] - $wp_sk['WPSBYRP']) / ($wp_sk['WPSBYRP'] ?: 1) * 100, 2) ?>"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">Peranan</div>
<div class="col-3 text-right">
<?= number_format($wp_sk['WPSBYRN'] / ($wpsktbyrn ?: 1) * 100, 2) ?>%
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-green"
role="progressbar"
style="width: <?= number_format($wp_sk['WPSBYRN'] / ($wpsktbyrn ?: 1) * 100, 2) ?>%"
aria-valuenow="<?= number_format($wp_sk['WPSBYRN'] / ($wpsktbyrn ?: 1) * 100, 2) ?>"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-6">WP Terdaftar</div>
<div class="col-6 text-right">
<?= number_format($wp_terdaftar['WPS'], 0, ',', '.') ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-green"
role="progressbar" style="width: 48%" aria-valuenow="48"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">WP Bayar</div>
<div class="col-3 text-right"><?= number_format($wp_sk['WPSWP'], 0, ',', '.') ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-green"
role="progressbar" style="width: 48%" aria-valuenow="48"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">Ratio(%)</div>
<div class="col-3 text-right">
<?= number_format($wp_sk['WPSWP'] / ($wp_terdaftar['WPS'] ?: 1) * 100, 2) ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-green"
role="progressbar"
style="width: <?= number_format($wp_sk['WPSWP'] / ($wp_terdaftar['WPS'] ?: 1) * 100, 2) ?>%"
aria-valuenow="<?= number_format(($wp_sk['WPSWP'] / ($wp_terdaftar['WPS'] ?: 1)) * 100, 2) ?>"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="col text-center">
<h5><ion-icon name="aperture"></ion-icon>Kewilayahan</h5>
</div>
<div class="row mb-15">
<div class="col-6">Penerimaan</div>
<div class="col-6 text-right">
<?= number_format($wp_sk['WPKBYRN'], 0, ',', '.') ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-primary "
role="progressbar" style="width: 48%" aria-valuenow="48"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">Growth</div>
<div class="col-3 text-right">
<?= number_format(($wp_sk['WPKBYRN'] - $wp_sk['WPKBYRP']) / ($wp_sk['WPKBYRP'] ?: 1) * 100, 2) ?>%
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-primary"
role="progressbar"
style="width: <?= number_format(($wp_sk['WPKBYRN'] - $wp_sk['WPKBYRP']) / ($wp_sk['WPKBYRP'] ?: 1) * 100, 2) ?>%"
aria-valuenow="<?= number_format(($wp_sk['WPKBYRN'] - $wp_sk['WPKBYRP']) / ($wp_sk['WPKBYRP'] ?: 1) * 100, 2) ?>"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">Peranan</div>
<div class="col-3 text-right">
<?= number_format($wp_sk['WPKBYRN'] / ($wpsktbyrn ?: 1) * 100, 2) ?>%
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-primary"
role="progressbar"
style="width: <?= number_format($wp_sk['WPKBYRN'] / ($wpsktbyrn ?: 1) * 100, 2) ?>%"
aria-valuenow="<?= number_format($wp_sk['WPKBYRN'] / ($wpsktbyrn ?: 1) * 100, 2) ?>"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-6">WP Terdaftar</div>
<div class="col-6 text-right">
<?= number_format($wp_terdaftar['WPK'], 0, ',', '.') ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-primary"
role="progressbar" style="width: 48%" aria-valuenow="48"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">WP Bayar</div>
<div class="col-3 text-right"><?= number_format($wp_sk['WPKWP'], 0, ',', '.') ?>
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-primary"
role="progressbar" style="width: 48%" aria-valuenow="48"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row mb-15">
<div class="col-9">Ratio(%)</div>
<div class="col-3 text-right">
<?= number_format($wp_sk['WPKWP'] / ($wp_terdaftar['WPK'] ?: 1) * 100, 2) ?>%
</div>
<div class="col-12">
<div class="progress progress-sm mt-5">
<div class="progress-bar-striped progress-bar-animated bg-primary"
role="progressbar"
style="width: <?= number_format($wp_sk['WPKWP'] / ($wp_terdaftar['WPK'] ?: 1) * 100, 2) ?>%"
aria-valuenow="<?= number_format($wp_sk['WPKWP'] / ($wp_terdaftar['WPK'] ?: 1) * 100, 2) ?>"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<small class="text-primary">*) WP Terdaftar tidak termasuk WP dengan status PL/DE</small>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="card proj-progress-card">
<div class="card-header">
<h3>Dashboard WP</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-xl-3 col-md-6">
<h6>WP Terdaftar (Tidak Termasuk DE)</h6>
<h5 class="mb-30 fw-700"><?= number_format($totalwpall, 0, ',', '.') ?></h5>
<div class="progress">
<div class="progress-bar bg-red" style="width:100%"></div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP Normal</h6>
<h5 class="mb-30 fw-700"><?= number_format($wpnormal, 0, ',', '.') ?> <span
class="text-green ml-10 text-right">(<?= number_format($wpnormal / ($totwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-blue"
style="width:<?= number_format($wpnormal / ($totwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP NE</h6>
<h5 class="mb-30 fw-700"><?= number_format($wpne, 0, ',', '.') ?><span
class="text-green ml-10 text-right">(<?= number_format($wpne / ($totwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-green"
style="width:<?= number_format($wpne / ($totwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP DE</h6>
<h5 class="mb-30 fw-700"><?= number_format($wpde, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($wpde / ($totwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-yellow"
style="width:<?= number_format($wpde / ($totwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-6">
<h6>WP Bayar</h6>
<h5 class="mb-30 fw-700"><?= number_format($wpbyrtotal, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($wpbyrtotal / ($totwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-red"
style="width:<?= number_format($wpbyrtotal / ($totwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>Normal Bayar</h6>
<h5 class="mb-30 fw-700"><?= number_format($normalbyr, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($normalbyr / ($wpnormal ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-blue"
style="width:<?= number_format($normalbyr / ($wpnormal ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>NE Bayar</h6>
<h5 class="mb-30 fw-700"><?= number_format($nebyr, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($nebyr / ($wpne ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-green"
style="width:<?= number_format($nebyr / ($wpne ?: 1) * 100, 2) ?>%"></div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>DE Bayar</h6>
<h5 class="mb-30 fw-700"><?= number_format($debyr, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($debyr / ($wpde ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-yellow"
style="width:<?= number_format($debyr / ($wpde ?: 1) * 100, 2) ?>%"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-6">
<h6>WP Lapor</h6>
<h5 class="mb-30 fw-700"><?= number_format($wplprtotal, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($wplprtotal / ($totwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-red"
style="width:<?= number_format($wplprtotal / ($totwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>Normal Lapor</h6>
<h5 class="mb-30 fw-700"><?= number_format($normallpr, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($normallpr / ($wpnormal ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-blue"
style="width:<?= number_format($normallpr / ($wpnormal ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>NE Lapor</h6>
<h5 class="mb-30 fw-700"><?= number_format($nelpr, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($nelpr / ($wpne ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-green"
style="width:<?= number_format($nelpr / ($wpne ?: 1) * 100, 2) ?>%"></div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>DE Lapor</h6>
<h5 class="mb-30 fw-700"><?= number_format($delpr, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($delpr / ($wpde ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-yellow"
style="width:<?= number_format($delpr / ($wpde ?: 1) * 100, 2) ?>%"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-6">
<h6>WP Sekarang Bayar Tahun lalu Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($wpskrgbyr, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($wpskrgbyr / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-red"
style="width:<?= number_format($wpskrgbyr / ($totalwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP Normal Sekarang Bayar Tahun lalu Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($normalskrbyr, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($normalskrbyr / ($wpnormal ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-blue"
style="width:<?= number_format($normalskrbyr / ($wpnormal ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP NE Sekarang Bayar Tahun lalu Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($neskrgbyr, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($neskrgbyr / ($wpne ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-green"
style="width:<?= number_format($neskrgbyr / ($wpne ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP DE Sekarang Bayar Tahun lalu Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($deskrgbyr, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($deskrgbyr / ($wpde ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-yellow"
style="width:<?= number_format($deskrgbyr / ($wpde ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-6">
<h6>WP Tahun Lalu Bayar Sekarang Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($wpthnlbyrnt, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($wpthnlbyrnt / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-red"
style="width:<?= number_format($wpthnlbyrnt / ($totalwpall ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP Normal Tahun Lalu Bayar Sekarang Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($normalthnlbyrnt, 0, ',', '.') ?> <span
class="text-green ml-10">(<?= number_format($normalthnlbyrnt / ($wpnormal ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-blue"
style="width:<?= number_format($normalthnlbyrnt / ($wpnormal ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP NE Tahun Lalu Bayar Sekarang Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($nethnlbyrnt, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($nethnlbyrnt / ($wpne ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-green"
style="width:<?= number_format($nethnlbyrnt / ($wpne ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<h6>WP DE Tahun Lalu Bayar Sekarang Tidak</h6>
<h5 class="mb-30 fw-700"><?= number_format($dethnlbyrnt, 0, ',', '.') ?><span
class="text-green ml-10">(<?= number_format($dethnlbyrnt / ($wpde ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-yellow"
style="width:<?= number_format($dethnlbyrnt / ($wpde ?: 1) * 100, 2) ?>%">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-md-12">
<div class="card comp-card">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>WP BADAN <span class="text-red">
<?= number_format($wpbadan, 0, ',', '.') ?></span></strong></h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Pusat <span
class="text-green"><?= number_format($badanpusat, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($badanpusat / ($wpbadan ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Cabang <span
class="text-green"><?= number_format($badancabang, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($badancabang / ($wpbadan ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<hr class="my-12">
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($badanbyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($badanbyr / ($wpbadan ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($badanlpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($badanlpr / ($wpbadan ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>Normal</strong></h6>
<h5 class="fw-700 text-green text-center">
<?= number_format($badannormal, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($badannormalbyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($badannormalbyr / ($badannormal ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($badannormallpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($badannormallpr / ($badannormal ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>NE</strong></h6>
<h5 class="fw-700 text-blue text-center">
<?= number_format($badanne, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($badannebyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($badannebyr / ($badanne ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($badannelpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($badannelpr / ($badanne ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>DE</strong></h6>
<h5 class="fw-700 text-orange text-center">
<?= number_format($badande, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($badandebyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($badandebyr / ($badande ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($badandelpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($badandelpr / ($badande ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card comp-card">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"> <strong>WP OP <span class="text-red">
<?= number_format($wpop, 0, ',', '.') ?></span></strong> </h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Pusat <span
class="text-green"><?= number_format($oppusat, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($oppusat / ($wpop ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Cabang <span
class="text-green"><?= number_format($opcabang, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($opcabang / ($wpop ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<hr class="my-12">
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($opbyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($opbyr / ($wpop ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($oplpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($oplpr / ($wpop ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>Normal</strong></h6>
<h5 class="fw-700 text-green text-center">
<?= number_format($opnormal, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($opnormalbyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($opnormalbyr / ($opnormal ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($opnormallpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($opnormallpr / ($opnormal ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>NE</strong></h6>
<h5 class="fw-700 text-blue text-center">
<?= number_format($opne, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($opnebyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($opnebyr / ($opne ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($opnelpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($opnelpr / ($opne ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>DE</strong></h6>
<h5 class="fw-700 text-orange text-center">
<?= number_format($opde, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($opdebyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($opdebyr / ($opde ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($opdelpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($opdelpr / ($opde ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card comp-card">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>WP Pemungut</strong></h6>
<h5 class="fw-700 text-red text-center">
<?= number_format($wppemungut, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($pemungutbyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($pemungutbyr / ($wppemungut ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($pemungutlpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($pemungutlpr / ($wppemungut ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>Normal</strong></h6>
<h5 class="fw-700 text-green text-center">
<?= number_format($pemungutnormal, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($pemungutnormalbyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($pemungutnormalbyr / ($pemungutnormal ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($pemungutnormallpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($pemungutnormallpr / ($pemungutnormal ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>NE</strong></h6>
<h5 class="fw-700 text-blue text-center">
<?= number_format($pemungutne, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($pemungutnebyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($pemungutnebyr / ($pemungutne ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($pemungutnelpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($pemungutnelpr / ($pemungutne ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
<hr class="my-12">
</hr>
<div class="row align-items-center">
<div class="col">
<h6 class="mb-10 text-center"><strong>DE</strong></h6>
<h5 class="fw-700 text-orange text-center">
<?= number_format($pemungutde, 0, ',', '.') ?>
</h5>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-green"><?= number_format($pemungutdebyr, 0, ',', '.') ?></span>
<span class="text-purple">
(<?= number_format($pemungutdebyr / ($pemungutde ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-green f-18"></i>
</div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-green"><?= number_format($pemungutdelpr, 0, ',', '.') ?>
<span class="text-purple">
(<?= number_format($pemungutdelpr / ($pemungutde ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- bupot start -->
<div class="col-xl-4 col-md-12">
<div class="card sos-st-card ">
<div class="card-block">
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">OP Bupot</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($opbupot, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($opbupot / ($wpop ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">Normal Ada Bupot</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($normalbupot, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($normalbupot / ($opnormal ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">NE Ada Bupot</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($nebupot, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($nebupot / ($opne ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">DE Ada Bupot</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($debupot, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($debupot / ($opde ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card sos-st-card">
<div class="card-block">
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">Bupot Bayar</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"> <?php echo number_format($opbupotbyr, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($opbupotbyr / ($wpop ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">Normal Bupot Bayar</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"> <?php echo number_format($normalbupotbyr, 0, ',', '.') ?>
</h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($normalbupotbyr / ($opnormal ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">NE Bupot Bayar</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"> <?php echo number_format($nebupotbyr, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($nebupotbyr / ($opne ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">DE Bupot Bayar</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"> <?php echo number_format($debupotbyr, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($debupotbyr / ($opde ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6">
<div class="card sos-st-card">
<div class="card-block">
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">Bupot Tdk Setor Sendiri</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($opbupottbyr, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($opbupottbyr / ($wpop ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">Normal Tdk Setor Sendiri</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($normalbupottbyr, 0, ',', '.') ?>
</h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($normalbupottbyr / ($opnormal ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">NE Tdk Setor Sendiri</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($nebupottbyr, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($nebupottbyr / ($opne ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
<div class="row align-items-center mb-1">
<div class="col-6">
<h6 class="mb-0">DE Tdk Setor Sendiri</h6>
</div>
<div class="col-3 text-right">
<h6 class="mb-0"><?php echo number_format($debupottbyr, 0, ',', '.') ?></h6>
</div>
<div class="col-3 text-right">
<h6 class="text-green mb-0">
<?= number_format($debupottbyr / ($opde ?: 1) * 100, 2) ?>%
</h6>
</div>
</div>
</div>
</div>
</div>
<!-- bupot end -->
</div>
<div class="row">
<div class="col-xl-6 col-md-12">
<div class="card proj-t-card">
<div class="card-body">
<div class="row mb-30">
<div class="col-auto">
<i class="far fa-calendar-check text-red f-30"></i>
</div>
<div class="col pl-0">
<h6 class="mb-5">WP Lama</h6>
<h6 class="mb-0 text-red"><?= number_format($wplama, 0, ',', '.') ?> </h6>
</div>
</div>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-red"><?= number_format($lamabyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($lamabyr / ($wplama ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-red f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-red"><?= number_format($lamalpr, 0, ',', '.') ?> <span
class="text-green">
(<?= number_format($lamalpr / ($wplama ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<h6 class="pt-badge bg-red">
<?= number_format($wplama / ($totalwpall ?: 1) * 100, 2) ?>%
</h6>
<hr>
<h6 class="text-center"><strong>Normal</strong></h6>
<h6 class="mb-3 text-center"><?= number_format($lamanormal, 0, ',', '.') ?> <span
class="text-green"><span>(<?= number_format($lamanormal / ($wplama ?: 1) * 100, 2) ?>%)
</h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-red"><?= number_format($lamanormalbyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($lamanormalbyr / ($lamanormal ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-red f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-red"><?= number_format($lamanormallpr, 0, ',', '.') ?>
<span class="text-green">
(<?= number_format($lamanormallpr / ($wpnormal ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<hr>
<h6 class="text-center"><strong>NE</strong></h6>
<h6 class="mb-3 text-center"><?= number_format($lamane, 0, ',', '.') ?> <span
class="text-green"><span>(<?= number_format($lamane / ($wplama ?: 1) * 100, 2) ?>%)
</h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-red"><?= number_format($lamanebyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($lamanebyr / ($lamane ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-red f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-red"><?= number_format($lamanelpr, 0, ',', '.') ?> <span
class="text-green">
(<?= number_format($lamanelpr / ($lamane ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<hr>
<h6 class="text-center"><strong>DE</strong></h6>
<h6 class="mb-3 text-center"><?= number_format($lamade, 0, ',', '.') ?> <span
class="text-green"><span>(<?= number_format($lamade / ($wplama ?: 1) * 100, 2) ?>%)
</h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-red"><?= number_format($lamadebyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($lamadebyr / ($lamade ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-red f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-red"><?= number_format($lamadelpr, 0, ',', '.') ?> <span
class="text-green">
(<?= number_format($lamadelpr / ($lamade ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-md-12">
<div class="card proj-t-card">
<div class="card-body">
<div class="row mb-30">
<div class="col-auto">
<i class="fas fa-paper-plane text-orange f-30"></i>
</div>
<div class="col pl-0">
<h6 class="mb-5">WP Baru</h6>
<h6 class="mb-0 text-orange"><?= number_format($wpbaru, 0, ',', '.') ?></h6>
</div>
</div>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-orange"><?= number_format($barubyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($barubyr / ($wpbaru ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-orange f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-orange"><?= number_format($barulpr, 0, ',', '.') ?>
<span class="text-green">
(<?= number_format($barulpr / ($wpbaru ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<h6 class="pt-badge bg-orange">
<?= number_format($wpbaru / ($totalwpall ?: 1) * 100, 2) ?>%
</h6>
<hr>
<h6 class="text-center"><strong>Normal</strong></h6>
<h6 class="mb-3 text-center"><?= number_format($barunormal, 0, ',', '.') ?> <span
class="text-green"><span>(<?= number_format($barunormal / ($wpbaru ?: 1) * 100, 2) ?>%)
</h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-orange"><?= number_format($barunormalbyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($barunormalbyr / ($barunormal ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-orange f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-orange"><?= number_format($barunormallpr, 0, ',', '.') ?>
<span class="text-green">
(<?= number_format($barunormallpr / ($barunormal ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<hr>
<h6 class="text-center"><strong>NE</strong></h6>
<h6 class="mb-3 text-center"><?= number_format($barune, 0, ',', '.') ?> <span
class="text-green"><span>(<?= number_format($barune / ($wpbaru ?: 1) * 100, 2) ?>%)
</h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-orange"><?= number_format($barunebyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($barunebyr / ($barune ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-orange f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-orange"><?= number_format($barunelpr, 0, ',', '.') ?>
<span class="text-green">
(<?= number_format($barunelpr / ($barune ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
<hr>
<h6 class="text-center"><strong>DE</strong></h6>
<h6 class="mb-3 text-center"><?= number_format($barude, 0, ',', '.') ?> <span
class="text-green"><span>(<?= number_format($barude / ($wpbaru ?: 1) * 100, 2) ?>%)
</h6>
<div class="row align-items-center text-center">
<div class="col">
<h6 class="mb-0">Bayar <span
class="text-orange"><?= number_format($barudebyr, 0, ',', '.') ?></span>
<span class="text-green">
(<?= number_format($barudebyr / ($barude ?: 1) * 100, 2) ?>%)</span>
</h6>
</div>
<div class="col"><i class="fas fa-exchange-alt text-orange f-18"></i></div>
<div class="col">
<h6 class="mb-0">Lapor <span
class="text-orange"><?= number_format($barudelpr, 0, ',', '.') ?>
<span class="text-green">
(<?= number_format($barudelpr / ($barude ?: 1) * 100, 2) ?>%)</span></span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3>Grafik WP Bayar</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div id="grafWPBYR" style="height: 400px;width:100%;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h3>Grafik WP Terdaftar</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div id="grafWPT" style="height: 400px;width:100%;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>Sektor Dominan</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div id="sektordom" style="height: 400px;"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>PerJenis Pajak <?= $tahunx ?></h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div id="pjenispajak" style="height: 400px;"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>Customer Perspective (Payment Compliance <?= $tahunx ?>)</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<div id="paycomp" style="height: 400px;"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>Customer Perspective (Strength of Figure)</h3>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li><i class="ik ik-chevron-left action-toggle"></i></li>
<li><i class="ik ik-minus minimize-card"></i></li>
<li><i class="ik ik-x close-card"></i></li>
</ul>
</div>
</div>
<div class="card-body">
<table class="table table-sm">
<thead>
<th class="text-center"><ion-icon name="pulse"></ion-icon> SOF</th>
<th class="text-center"><ion-icon name="person"></ion-icon> WP</th>
<th class="text-center"><ion-icon name="warning"></ion-icon> WP (%)</th>
<th class="text-center"><ion-icon name="cash"></ion-icon> Jumlah</th>
<th class="text-center"><ion-icon name="warning"></ion-icon> Jumlah (%)</th>
</thead>
<?php
foreach ($parsesof as $row) {
$wpbyrsof = $row->WPBYR;
$totwpsof = $row->TOTWPBYR;
$totjmlsof = $row->TOTALL;
$pctwp = $row->WPBYR / $totwpsof * 100;
$pctpen = $row->TOTAL / $totjmlsof * 100;
if ($pctwp < 0) {
$mpctwp = "text-danger";
$markmpctwp = "<ion-icon name='arrow-down-outline'></ion-icon>";
} else {
$mpctwp = "text-success";
$markmpctwp = "<ion-icon name='arrow-up-outline'></ion-icon>";
}
if ($pctpen < 0) {
$mpctpen = "text-danger";
$markmpctpen = "<ion-icon name='arrow-down-outline'></ion-icon>";
} else {
$mpctpen = "text-success";
$markmpctpen = "<ion-icon name='arrow-up-outline'></ion-icon>";
}
?>
<tbody>
<td><?= $row->LAPISAN; ?></td>
<td class="text-right"><?= number_format($row->WPBYR, 0, ',', '.') ?></td>
<td class="text-right <?= $mpctwp ?>"><?= number_format($pctwp, 2) ?>
<?= $markmpctwp ?>
</td>
<td class="text-right"><?= number_format($row->TOTAL, 0, ',', '.') ?></td>
<td class="text-right <?= $mpctpen ?>"><?= number_format($pctpen, 2) ?>
<?= $markmpctpen ?>
</td>
</tbody>
<?php } ?>
<tfoot>
<th>Total</th>
<th class="text-right"><?= number_format($totwpsof, 0, ',', '.') ?></th>
<th></th>
<th class="text-right"><?= number_format($totjmlsof, 0, ',', '.') ?></th>
</tfoot>
</table>
<small class="text-primary">*) Nilai Persentase dibawah 0% berwarna merah</small>
<br />
<small class="text-danger">**) jumlah WP Bayar bisa berbeda disebabkan NPWP 000000000 berada
di 9 lapisan berbeda</small>
</div>
</div>
</div>
</div>
</div>
</div>
<?php echo view('inc/js.php') ?>
<script>
$(function () {
$("#tablekatnas").tablesorter({
usNumberFormat: false
});
});
</script>
<script>
Highcharts.setOptions({
colors: Highcharts.map(Highcharts.getOptions().colors, function (color) {
return {
radialGradient: {
cx: 0.5,
cy: 0.3,
r: 0.7
},
stops: [
[0, color],
[1, Highcharts.color(color).brighten(-0.3).get('rgb')] // darken
]
};
})
});
// Build the chart
Highcharts.chart('pjenispajak', {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
title: {
text: '',
align: ''
},
credits: {
enabled: false
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
},
accessibility: {
point: {
valueSuffix: '%'
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<span style="font-size: 1.2em"><b>{point.name}</b></span><br>' +
'<span style="opacity: 0.6">{point.percentage:.2f} %</span>',
connectorColor: 'rgba(128,128,128,0.5)'
}
}
},
series: [{
name: 'Peranan',
data: <?php echo $datanya_penerimaan ?>
}]
});
</script>
<script>
Highcharts.setOptions({
colors2: Highcharts.map(Highcharts.getOptions().colors, function (color) {
return {
radialGradient: {
cx: 0.5,
cy: 0.3,
r: 0.7
},
stops: [
[0, color],
[1, Highcharts.color(color).brighten(-0.3).get('rgb')] // darken
]
};
})
});
// Build the chart
Highcharts.chart('sektordom', {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
title: {
text: '',
align: ''
},
credits: {
enabled: false
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
},
accessibility: {
point: {
valueSuffix: '%'
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<span style="font-size: 1.2em"><b>{point.name}</b></span><br>' +
'<span style="opacity: 0.6">{point.percentage:.2f} %</span>',
connectorColor: 'rgba(128,128,128,0.5)'
}
}
},
series: [{
name: 'Peranan',
data: <?php echo $datasektordom ?>
}]
});
</script>
<script>
Highcharts.setOptions({
colors3: Highcharts.map(Highcharts.getOptions().colors, function (color) {
return {
radialGradient: {
cx: 0.5,
cy: 0.3,
r: 0.7
},
stops: [
[0, color],
[1, Highcharts.color(color).brighten(-0.3).get('rgb')] // darken
]
};
})
});
// Build the chart
Highcharts.chart('paycomp', {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
title: {
text: '',
align: ''
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
},
accessibility: {
point: {
valueSuffix: '%'
}
},
credits: {
enabled: false
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<span style="font-size: 1.2em"><b>{point.name}</b></span><br>' +
'<span style="opacity: 0.6">{point.percentage:.2f} %</span>',
connectorColor: 'rgba(128,128,128,0.5)'
}
}
},
series: [{
name: 'WP Byr',
data: <?php echo $datapaycomp ?>
}]
});
</script>
<script type="text/javascript">
Highcharts.setOptions({
lang: {
numericSymbols: ['R', 'J', 'M', 'T', 'P', 'K']
}
});
var options = {
chart: {
renderTo: 'grafWPBYR',
zoomType: 'xy'
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: [{
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Ags', 'Sep', 'Okt', 'Nov', 'Des'],
crosshair: true
}],
yAxis: [{ // Primary yAxis
labels: {
// format: 'M',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: 'Nilai',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: '',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
// format: '%',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
enabled: true,
// floating: true,
verticalAlign: 'top',
align: 'center',
y: 0,
margin: 0
},
exporting: {
enabled: false
},
credits: {
enabled: false
},
plotOptions: {
series: {
pointWidth: 100
}
},
series: []
}
$.getJSON("<?php echo base_url("Home/getWPBYR/$tahunx"); ?>", function (json) {
options.xAxis.categories = json[0];
options.series[0] = json[1]; //JUMLAHWPNOW
options.series[1] = json[2]; //JUMLAHWPLALU
options.series[2] = json[3]; //BAYARNOW
options.series[3] = json[4]; //BAYARLALU
options.series[4] = json[5]; //BAYARNOW
options.series[5] = json[6]; //BAYARLALU
chart = new Highcharts.Chart(options);
});
</script>
<script>
$(function () {
$('#grafWPT').highcharts({
"title": {
"text": ""
},
"chart": {
"height": 400
},
xAxis: {
type: "category"
},
credit: {
enable: false
},
plotOptions: {
series: {
pointWidth: 100
}
},
"series": [{
"name": "WP Terdaftar",
"type": "column",
"data": <?= $datagrafwpt ?>
}]
});
});
</script>
<script>
var data = <?php echo $datagrafKat ?>;
const series = [];
const categories = [];
data.forEach(function (dataEl) {
const existingSeries = series.find(s => s.name === dataEl.name);
const existingCategory = categories.find(c => c === dataEl.name);
if (!existingCategory) {
categories.push(dataEl.name);
}
/* if (existingSeries) { */
// existingSeries.data.push([categories.indexOf(dataEl.name), dataEl.jml]);
// }
/* else { */
series.push({
name: dataEl.for,
data: [
[categories.indexOf(dataEl.name), dataEl.jml]
]
});
/* } */
});
var chart = Highcharts.chart('grafKat', {
chart: {
type: 'bar',
},
title: {
text: 'WP Bayar dalam Ribuan, GDP Dalam Triliun'
},
legend: {
enabled: false
},
credits: {
enabled: false
},
xAxis: {
tickInterval: 1,
categories,
labels: {
enabled: true
},
},
yAxis: {
type: 'logarithmic',
title: {
text: 'Total'
},
labels: {
style: {
fontSize: '15px'
}
},
},
plotOptions: {
series: {
stacking: 'normal',
minPointLength: 40,
pointPadding: 0,
groupPadding: 0.1,
pointWidth: 30,
dataLabels: {
enabled: true,
}
}
},
series
});
</script>