129 lines
6.2 KiB
PHP
129 lines
6.2 KiB
PHP
@extends('indexlayout')
|
|
|
|
@section('title', 'alatberat')
|
|
@push('style')
|
|
@endpush
|
|
@section('content')
|
|
<div class="row">
|
|
<main id="js-page-content" role="main" class="page-content">
|
|
<ol class="breadcrumb page-breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0);">Pendukung</a></li>
|
|
<li class="breadcrumb-item active">Bank Sampah</li>
|
|
{{-- <li class="breadcrumb-item active">UPSBA</li>
|
|
<li class="breadcrumb-item active">Alat Berat</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-xl-12">
|
|
<div id="panel-1" class="panel">
|
|
|
|
<div class="panel-container show">
|
|
|
|
<div class="panel-content">
|
|
|
|
<div id="panel-6">
|
|
<div class="panel-hdr">
|
|
<h2>Statik Bank Sampah </h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div class="panel-content p-0 mb-1 m-3">
|
|
|
|
</div>
|
|
<div class="panel-content">
|
|
<div id="chartbs">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- datatable start -->
|
|
<table id="dt-basic-bs" class="table table-bordered table-hover table-striped w-100">
|
|
<thead>
|
|
<tr class="bg-warning">
|
|
<th>No</th>
|
|
<th>Wilayah</th>
|
|
<th>Jenis Bank Sampah Induk (BSI)</th>
|
|
<th>Jenis Bank Sampah Unit (BSU)</th>
|
|
<th>Jumlah Nasabah</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>jakarta Pusat</td>
|
|
<td>1</td>
|
|
<td>385</td>
|
|
<td>10,097</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>Jakarta Utara</td>
|
|
<td>1</td>
|
|
<td>666</td>
|
|
<td>93,381</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>Jakarta Barat</td>
|
|
<td>1</td>
|
|
<td>914</td>
|
|
<td>22,411</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>Jakarta Selatan</td>
|
|
<td>1</td>
|
|
<td>924</td>
|
|
<td>15,804</td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td>Jakarta Timur</td>
|
|
<td>1</td>
|
|
<td>605</td>
|
|
<td>14,353</td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>Kepulauan Seribu</td>
|
|
<td>-</td>
|
|
<td>24</td>
|
|
<td>1,987</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfooter>
|
|
<tr class="bg-warning">
|
|
<td colspan="2">Total</td>
|
|
<td>5</td>
|
|
<td>3,518</td>
|
|
<td>158,033</td>
|
|
</tr>
|
|
</tfooter>
|
|
</table>
|
|
|
|
|
|
<!-- datatable end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@push('script')
|
|
<!-- The order of scripts is irrelevant. Please check out the plugin pages for more details about these plugins below: -->
|
|
<script src="{{ asset('layout/dist/js/statistics/peity/peity.bundle.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/statistics/flot/flot.bundle.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/statistics/easypiechart/easypiechart.bundle.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
|
|
{{-- <script src="{{ asset('layout/dist/js/statistics/chartjs/chartjs.bundle.js') }}"></script> --}}
|
|
{{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
|
|
<script src="{{ asset('layout/dist/js/alatberat.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/bs.js') }}"></script>
|
|
@endpush
|