209 lines
7.1 KiB
PHP
209 lines
7.1 KiB
PHP
@extends('layouts.vertical', ['subtitle' => 'Dashboards'])
|
|
|
|
@section('content')
|
|
|
|
@include('layouts.partials/page-title', ['title' => 'Dashboards', 'subtitle' => 'SIBEDAS'])
|
|
|
|
<div class="row">
|
|
<!-- Card 1 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Total Potensi Berkas</p>
|
|
<h5 class="text-dark mt-2 mb-0">2432 Pemohon</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.24.416.920.070</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart01"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Berkas Terverifikasi</p>
|
|
<h5 class="text-dark mt-2 mb-0">1572 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.17.522.994.118</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart02"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Berkas Belum Terverifikasi</p>
|
|
<h5 class="text-dark mt-2 mb-0">860 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.6.893.925.952</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart03"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 4 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Non Usaha</p>
|
|
<h5 class="text-dark mt-2 mb-0" id="countNonUsaha"></h5>
|
|
<h3 class="text-dark mt-2 mb-0" id="totalNonUsaha"></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chartNonUsaha"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Card 5 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Usaha</p>
|
|
<h5 class="text-dark mt-2 mb-0" id="countBusinessDocuments"></h5>
|
|
<h3 class="text-dark mt-2 mb-0" id="totalBusinessDocuments"></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chartBusinessDocuments"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 6 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Berproses Di Dinas Teknis</p>
|
|
<h5 class="text-dark mt-2 mb-0">171 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.1.973.666.055</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart06"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 7 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Berproses Di DPMPTSP</p>
|
|
<h5 class="text-dark mt-2 mb-0">23 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.1.086.206.621</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart07"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 8 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Realisasi Terbit PBG</p>
|
|
<h5 class="text-dark mt-2 mb-0">1378 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.14.463.121.442</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart08"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Card 5 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Progres Manual</p>
|
|
<h5 class="text-dark mt-2 mb-0">85 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.1.479.160.749</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart09"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 6 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Perkiraan Potensi PBG Dari Tata Ruang</p>
|
|
<h5 class="text-dark mt-2 mb-0">5 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.1.898.364.080</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart10"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 7 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Perkiraan Potensi PBG Dari Tata Ruang</p>
|
|
<h5 class="text-dark mt-2 mb-0">18 Berkas</h5>
|
|
<h3 class="text-dark mt-2 mb-0">Rp.3.076.196.000</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart11"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card 8 -->
|
|
<div class="col-md-6 col-xl-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="text-muted mb-0 text-truncate">Target PAD</p>
|
|
<h5 class="text-dark mt-2 mb-0" id="countTargetPAD"></h5>
|
|
<h3 class="text-dark mt-2 mb-0" id="totalTargetPAD"></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="chart12"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('scripts')
|
|
@vite(['resources/js/dashboards/bigdata.js'])
|
|
@endsection |