dashboard/resources/views/sadmin/capaian/capaianupsba.blade.php

179 lines
8.3 KiB
PHP

@extends('indexlayout')
@section('title', 'upsba')
@push('style')
@endpush
@section('content')
<main id="js-page-content" role="main" class="page-content">
<ol class="breadcrumb page-breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Capaian Kinerja dan Anggaran UKPD</a></li>
<li class="breadcrumb-item"> Unit Pengelolaan Sampah Badan Air (UPSBA)</li>
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
</ol>
<div class="row">
<div class="col-lg-12">
<div id="panel-6" class="panel">
<div class="panel-hdr">
<h2>
Realisasi dan SPS Update Per Entitas
</h2>
</div>
<div class="panel-container show">
<div id="upsba">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div id="panel-1" class="panel">
<div class="panel-hdr">
<h2>
Unit Pengelolaan Sampah Badan Air (UPSBA)
</h2>
</div>
<div class="panel-container show">
<div class="panel-content table">
<!-- datatable start -->
<table id="dt-upsba" class="table table-bordered table-hover table-striped w-100">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Bulan</th>
<th>Target Fisik</th>
<th>Target Keuangan</th>
<th>Realisasi Fisik</th>
<th>Realisasi Keuangan</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>UPS BA</td>
<td>Januari</td>
<td>13.15%</td>
<td>-</td>
<td>13.62%</td>
<td>0.02%</td>
</tr>
<tr>
<td>2</td>
<td>UPS BA</td>
<td>Februari</td>
<td>21.85%</td>
<td>5.53%</td>
<td>22.31%</td>
<td>5.75%</td>
</tr>
<tr>
<td>3</td>
<td>UPS BA</td>
<td>Maret</td>
<td>29.08%</td>
<td>11.33%</td>
<td>28.46%</td>
<td>16.72%</td>
</tr>
<tr>
<td>4</td>
<td>UPS BA</td>
<td>April</td>
<td>31.62%</td>
<td>24.02%</td>
<td>28.46%</td>
<td>22.87%</td>
</tr>
<tr>
<td>5</td>
<td>UPS BA</td>
<td>Mei</td>
<td>34.23%</td>
<td>29.83%</td>
<td>28.46%</td>
<td>30.19%</td>
</tr>
<tr>
<td>6</td>
<td>UPS BA</td>
<td>Juni</td>
<td>47.54%</td>
<td>42.66%</td>
<td>46.85%</td>
<td>43.15%</td>
</tr>
<tr>
<td>7</td>
<td>UPS BA</td>
<td>Juli</td>
<td>49.69%</td>
<td>50.08%</td>
<td>49.38%</td>
<td>51.28%</td>
</tr>
<tr>
<td>8</td>
<td>UPS BA</td>
<td>Agustus</td>
<td>51.62%</td>
<td>55.93%</td>
<td>50.00%</td>
<td>60.12%</td>
</tr>
<tr>
<td>9</td>
<td>UPS BA</td>
<td>September</td>
<td>56.85%</td>
<td>61.76%</td>
<td>50.00%</td>
<td>68.40%</td>
</tr>
<tr>
<td>10</td>
<td>UPS BA</td>
<td>Oktober</td>
<td>58.62%</td>
<td>69.17%</td>
<td>50.00%</td>
<td>-</td>
</tr>
<tr>
<td>11</td>
<td>UPS BA</td>
<td>November</td>
<td>-</td>
<td>78.28%</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>12</td>
<td>UPS BA</td>
<td>Desember</td>
<td>100%</td>
<td>100%</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
<!-- datatable end -->
</div>
</div>
</div>
</div>
</div>
</main>
@endsection
@push('script')
<script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
{{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
{{-- <script src="{{ asset('layout/dist/js/linechart.js') }}"></script> --}}
<script src="{{ asset('layout/dist/js/upsba.js') }}"></script>
@endpush