pecintaseni
/
engineN
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 Commits
1 Branch
0 Tags
508 MiB
 
 
 
 
 
 
Tree: ad8fc3520e
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ad8fc3520e'
${ noResults }
engineN/app/Views/kanwil/dashboard.php

2487 lines
129 KiB
Raw Blame History

<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>
<?php
$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 = $data->TOPEN7;
$jml_penerimaantot = $data->PENERIMAAN_TOT;
$pentotlalu = $data->PENERIMAAN_TOTL;
$jml_penlalu = ((int) $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('Kanwil/index') ?>" method="post">
<label class="my-1 mr-2">Kanwil :</label>
<?php if (session('tpkantor') == 'KPDJP') {
$disabledslct = "";
} else {
$disabledslct = "disabled";
}
if (session('tpkantor') == 'KPP') {
$disableslckpp = "disabled";
} else {
$disableslckpp = "";
}
?>
<select class="custom-select my-1 mr-sm-2" id="kwl" name="kwl" <?php echo $disabledslct ?>>
<?php
foreach ($selkwl as $row) {
if ($row->KODE == $kwlx) {
$sel = "selected";
} else {
$sel = "";
}
echo "<option value=\"" . $row->KODE . "\" " . $sel . ">" . $row->KODE . " - " . $row->NAMA . "</option>";
}
?>
</select>
<label class="my-1 mr-2">KPP :</label>
<select class="custom-select my-1 mr-sm-2" id="kpp" name="kpp" <?php echo $disableslckpp ?>>
</select>
<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 Kantor</h6>
<h6><b><?= number_format($tgt, 0, ',', '.') ?></b></h6>
</div>
<div class="icon text-green">
<i class="ik ik-award"></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>
<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>
<?php
if ($carryover < 0) {
$mkcrover = "text-danger";
} else {
$mkcrover = "text-success";
}
?>
<h6 class="text-left <?php echo $mkcrover ?>">
<b><?= number_format($carryover, 0, ',', '.') ?></b>
</h6>
</div>
<div class="icon">
<i class="ik ik-alert-triangle <?php echo $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 </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 tablesorter" id="tablekat">
<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">Coverate Ratio(%)</th>
<th class="text-center">Growth WP Bayar(%)</th>
<th class="text-center">Realisasi <?= $tahunx ?></th>
<th class="text-center">Realisasi <?= $tahunx - 1 ?></th>
<th class="text-center">Growth Penerimaan(%)</th>
</tr>
</thead>
<tbody>
<?php
$totwpkatnow = 0;
$totwpkatpast = 0;
$totbyrkatnow = 0;
$totbyrkatpast = 0;
$totpopulasi = 0;
foreach ($perkategori as $row) {
if ($row->WPBYRP != 0) {
$gwwp = (($row->WPBYRN - $row->WPBYRP) / ($row->WPBYRP ?: 1)) * 100;
} else {
$gwwp = 0;
}
if ($row->KPENP != 0) {
$gwkat = (($row->KPENN - $row->KPENP) / ($row->KPENP ?: 1)) * 100;
} else {
$gwkat = 0;
}
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;
?>
<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->KPENN, 0, ',', '.') ?></td>
<td class="text-right"><?= number_format($row->KPENP, 0, ',', '.') ?></td>
<td class="text-center <?= $markgwk ?>"><?= number_format($gwkat, 2) ?>
<?php echo $markgwkic ?>
</td>
</tr>
<?php } ?>
</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($totbyrkatnow, 0, ',', '.') ?></th>
<th class="text-right"><?= number_format($totbyrkatpast, 0, ',', '.') ?></th>
<th class="text-center">
<?= number_format(($totbyrkatnow - $totbyrkatpast) / ($totbyrkatpast ?: 1) * 100, 2) ?>
</th>
<tr>
</tfoot>
</table>
<small class="text-red">*) Jumlah WP bayar bisa Berbeda karena NPWP 000000000 bisa melakukan pembayaran
di lebih dari satu Kategori </small>
</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 class="row mb-15 justify-content-between">
<div class="col-12">
<a href="javascript:wpskPoC('1')" class="btn btn-success my-1">Payment Of Compliance</a>
<a href="javascript:wpskSoF('1')" class="btn btn-success my-1">Strength Of Figure</a>
</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 class="row mb-15 justify-content-between">
<div class="col-12">
<a href="javascript:wpskPoC('2')" class="btn btn-primary my-1">Payment Of Compliance</a>
<a href="javascript:wpskSoF('2')" class="btn btn-primary my-1">Strength Of Figure</a>
</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-block">
<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 / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-blue"
style="width:<?= number_format($wpnormal / ($totalwpall ?: 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 / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-green"
style="width:<?= number_format($wpne / ($totalwpall ?: 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 / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-yellow"
style="width:<?= number_format($wpde / ($totalwpall ?: 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 / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-red"
style="width:<?= number_format($wpbyrtotal / ($totalwpall ?: 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 / ($totalwpall ?: 1) * 100, 2) ?>%)</span>
</h5>
<div class="progress">
<div class="progress-bar bg-red"
style="width:<?= number_format($wplprtotal / ($totalwpall ?: 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>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>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>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>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>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>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 Bupot 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 Bupot 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 Bupot 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;width:100%;"></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" style="height: 400px;">
<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 ?: 1) * 100;
$pctpen = $row->TOTAL / ($totjmlsof ?: 1) * 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>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="PoC" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<!-- Preloader -->
<div id="modal-preloader">
<div class="modal-preloader_status">
<div class="modal-preloader_spinner">
<div class="d-flex justify-content-center">
<div class="spinner-border" role="status"></div>
</div>
</div>
</div>
</div>
<!-- End Preloader -->
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Payment Of Compliance</h5>
<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="row mx-auto">
<iframe id="PocFrame" width="100%" height="500" frameborder="0"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="SoF" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Strength Of Figure</h5>
<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="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
<div class="row mx-auto">
<iframe id="SoFFrame" width="100%" height="500" frameborder="0"></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
</div>
</div>
</div>
</div>
<?php
$linkpoc="'".base_url('home/wpskpoc')."'";
$linksof="'".base_url('home/wpsksof')."'";
echo view('inc/js.php') ?>
<script type="text/javascript">
function wpskPoC(source){
var frame = document.getElementById("PocFrame"),
frameDoc = frame.contentDocument || frame.contentWindow.document;
frameDoc.removeChild(frameDoc.documentElement);
$('#PoC').modal('show');
document.getElementById("PocFrame").src = <?php echo $linkpoc?>+'/' +'<?=$tahunx?>'+'/'+'<?=$bulanx?>'+'/'+'<?= $kwlx?>'+'/'+'<?=$kppx?>'+'/' + source;
}
</script>
<script type="text/javascript">
function wpskSoF(source){
var frame = document.getElementById("SoFFrame"),
frameDoc = frame.contentDocument || frame.contentWindow.document;
frameDoc.removeChild(frameDoc.documentElement);
$('#SoF').modal('show');
document.getElementById("SoFFrame").src = <?php echo $linksof?>+'/' +'<?=$tahunx?>'+'/'+'<?=$bulanx?>'+'/'+'<?= $kwlx?>'+'/'+'<?=$kppx?>'+'/'+ source;
}
</script>
<script>
$(document).ready(function() {
if ($("#PocFrame").length) {
$('.spinner-border').hide();
}
if ($("#SoFFrame").length) {
$('.spinner-border').hide();
}
});
</script>
<script>
$(function () {
$("#tablekat").tablesorter({
usNumberFormat: false
});
});
</script>
<script>
$(document).ready(function () {
var kwl = 1
var kpp = 3
var page_load = true; //added this
$('#kwl').change(function () {
var kwl = $('#kwl').val();
var kpp = $('#kpp').val();
if (kwl != '') {
$.ajax({
url: "<?php echo base_url('/ref/getKPP'); ?>",
method: "POST",
data: {
kwl: kwl
},
dataType: "JSON",
success: function (data) {
$('select[name="kpp"]').empty();
$('select[name="kpp"]').append('<option value="SEMUA">Semua</option>');
$.each(data, function (key, value) {
$('select[name="kpp"]').append('<option value="' + value.KD_KPP + '">' + value.NM_KANTOR + '</option>');
});
<?php
if ($kppx != '') { ?>
$('#kpp').val('<?php echo $kppx ?>').change();
<?php } ?>
}
});
} else {
$('#kpp').val('');
}
});
<?php
if ($kwlx != '') { ?>
$('#kwl').val('<?php echo $kwlx ?>').change();
<?php } ?>
//$('#kwl').val(kwl).trigger('change');
});
</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("kanwil/getWPBYR/$kwlx/$kppx/$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>