145 lines
7.7 KiB
PHP
145 lines
7.7 KiB
PHP
<?php $__env->startSection('title', 'Aksi Perubahan Iklim'); ?>
|
|
|
|
<?php $__env->startSection('content'); ?>
|
|
<div class="container-fluid my-4" style="font-family: 'Inter', sans-serif;">
|
|
<div class="card shadow-sm border-0">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h5 class="mb-0 font-weight-bold text-teal">AKSI PERUBAHAN IKLIM</h5>
|
|
<small class="text-muted">
|
|
Last update: <span class="text-danger"><?php echo e($today); ?></span>
|
|
</small>
|
|
</div>
|
|
|
|
<!-- Statistik Atas -->
|
|
<div class="row text-center mb-4">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-3 border rounded bg-light">
|
|
<h6 class="text-muted">TOTAL AKSI</h6>
|
|
<h2 class="text-success"><?php echo e(number_format($stats['total_aksi'], 0, ',', '.')); ?></h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-3 border rounded bg-light">
|
|
<h6 class="text-muted">TOTAL ALOKASI</h6>
|
|
<h2 class="text-success"><?php echo e(number_format($stats['total_anggaran']/1000000000, 1, ',', '.')); ?></h2>
|
|
<small>MILIAR IDR</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="p-3 border rounded bg-light">
|
|
<h6 class="text-muted">TOTAL REALISASI</h6>
|
|
<h2 class="text-success"><?php echo e(number_format($stats['total_alokasi']/1000000000, 1, ',', '.')); ?></h2>
|
|
<small>MILIAR IDR</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
$colors = ['#a98ded', '#5ab4e5', '#f6d55c', '#ed6a5a', '#6cc070', '#ff8c42'];
|
|
$labelsAksi = collect($charts['aksi'])->pluck('sektor')->toArray();
|
|
$valuesAksi = collect($charts['aksi'])->pluck('persen')->toArray();
|
|
|
|
$labelsAnggaran = collect($charts['anggaran'])->pluck('sektor')->toArray();
|
|
$valuesAnggaran = collect($charts['anggaran'])->pluck('persen')->toArray();
|
|
|
|
$labelsAlokasi = collect($charts['alokasi'])->pluck('sektor')->toArray();
|
|
$valuesAlokasi = collect($charts['alokasi'])->pluck('persen')->toArray();
|
|
?>
|
|
|
|
<!-- Bagian Chart -->
|
|
<div class="row">
|
|
<!-- Chart Aksi -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header bg-success text-white text-center">TOTAL AKSI</div>
|
|
<div class="card-body">
|
|
<canvas id="chartAksi"></canvas>
|
|
<div class="mt-4">
|
|
<small>
|
|
<?php $__currentLoopData = $charts['aksi']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
|
<span class="d-block">
|
|
<span style="color: <?php echo e($colors[$i % count($colors)]); ?>;">
|
|
<?php echo e($row['persen']); ?>%
|
|
</span> <?php echo e($row['sektor']); ?>
|
|
|
|
</span>
|
|
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Chart Anggaran -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header bg-success text-white text-center">TOTAL ALOKASI</div>
|
|
<div class="card-body">
|
|
<canvas id="chartAnggaran"></canvas>
|
|
<div class="mt-4">
|
|
<small>
|
|
<?php $__currentLoopData = $charts['anggaran']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
|
<span class="d-block">
|
|
<span style="color: <?php echo e($colors[$i % count($colors)]); ?>;">
|
|
<?php echo e($row['persen']); ?>%
|
|
</span> <?php echo e($row['sektor']); ?>
|
|
|
|
</span>
|
|
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Chart Alokasi -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header bg-success text-white text-center">TOTAL REALISASI</div>
|
|
<div class="card-body">
|
|
<canvas id="chartAlokasi"></canvas>
|
|
<div class="mt-4">
|
|
<small>
|
|
<?php $__currentLoopData = $charts['alokasi']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
|
|
<span class="d-block">
|
|
<span style="color: <?php echo e($colors[$i % count($colors)]); ?>;">
|
|
<?php echo e($row['persen']); ?>%
|
|
</span> <?php echo e($row['sektor']); ?>
|
|
|
|
</span>
|
|
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php $__env->stopSection(); ?>
|
|
|
|
<?php $__env->startPush('scripts'); ?>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<script>
|
|
const colors = <?php echo json_encode($colors, 15, 512) ?>;
|
|
|
|
const configPie = (labels, data) => ({
|
|
type: 'pie',
|
|
data: {
|
|
labels: labels,
|
|
datasets: [{
|
|
data: data,
|
|
backgroundColor: colors.slice(0, labels.length),
|
|
}]
|
|
}
|
|
});
|
|
|
|
new Chart(document.getElementById('chartAksi'), configPie(<?php echo json_encode($labelsAksi, 15, 512) ?>, <?php echo json_encode($valuesAksi, 15, 512) ?>));
|
|
new Chart(document.getElementById('chartAnggaran'), configPie(<?php echo json_encode($labelsAnggaran, 15, 512) ?>, <?php echo json_encode($valuesAnggaran, 15, 512) ?>));
|
|
new Chart(document.getElementById('chartAlokasi'), configPie(<?php echo json_encode($labelsAlokasi, 15, 512) ?>, <?php echo json_encode($valuesAlokasi, 15, 512) ?>));
|
|
</script>
|
|
<?php $__env->stopPush(); ?>
|
|
|
|
<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/sigd/resources/views/auth/dashboard-adaptation-aksi.blade.php ENDPATH**/ ?>
|