You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
169 lines
6.7 KiB
PHTML
169 lines
6.7 KiB
PHTML
@extends('temp.admin')
|
|
@php
|
|
use NN\Module\DB;
|
|
use NN\Module\View;
|
|
@endphp
|
|
@section("content")
|
|
|
|
<div class="content-header row">
|
|
<div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
|
|
<h3 class="content-header-title mb-0 d-inline-block">Dasbor</h3>
|
|
<div class="row breadcrumbs-top d-inline-block">
|
|
<div class="breadcrumb-wrapper col-12">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item active">Dasbor</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-header-right col-md-6 col-12">
|
|
<div class="btn-group float-md-right">
|
|
<!-- <ul class="list-inline mb-0">
|
|
<li style="max-width:140px">
|
|
<fieldset class="form-group position-relative">
|
|
<input type="text" value="18-04-2023" class="period datepicker form-control form-control-sm input-sm mb-1" id="tglawal" placeholder="Tanggal Awal">
|
|
<div class="form-control-position">
|
|
<i class="la la-calendar-o font-small-4"></i>
|
|
</div>
|
|
</fieldset>
|
|
</li>
|
|
<li style="max-width:140px">
|
|
<fieldset class="form-group position-relative">
|
|
<input type="text"value="18-04-2023" class="period datepicker form-control form-control-sm input-sm mb-1" id="tglakhir" placeholder="Tanggal Akhir">
|
|
<div class="form-control-position">
|
|
<i class="la la-calendar-o font-small-4"></i>
|
|
</div>
|
|
</fieldset>
|
|
</li>
|
|
</ul> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-body">
|
|
<section id="dasbor">
|
|
<div class="row mb-4">
|
|
|
|
<div class="col-sm-12 col-lg-6 col-md-12">
|
|
<div class="card">
|
|
<div class="card-content">
|
|
<div class="card-body sales-growth-chart">
|
|
<div id="monthly-sales" class="height-250"></div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div class="chart-title text-center">
|
|
<h6>Simpanan</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-lg-6 col-md-12">
|
|
<div class="card">
|
|
<div class="card-content">
|
|
<div class="card-body sales-growth-chart">
|
|
<div id="donut-example" class="height-250"></div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div class="chart-title text-center">
|
|
<h6>Pinjaman</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|
<div class="card pull-up">
|
|
<div class="card-content">
|
|
<div class="card-body">
|
|
<div class="media d-flex">
|
|
<div class="media-body text-left">
|
|
<h6 class="text-muted">Simpanan </h6>
|
|
<h3 id="sp">Rp 0</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="la la-bank success font-large-1 float-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|
<div class="card pull-up">
|
|
<div class="card-content">
|
|
<div class="card-body">
|
|
<div class="media d-flex">
|
|
<div class="media-body text-left">
|
|
<h6 class="text-muted">Pengambilan</h6>
|
|
<h3 id="pb">Rp 0</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="la la-money danger font-large-1 float-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|
<div class="card pull-up">
|
|
<div class="card-content">
|
|
<div class="card-body">
|
|
<div class="media d-flex">
|
|
<div class="media-body text-left">
|
|
<h6 class="text-muted">Pinjaman </h6>
|
|
<h3 id="pj">Rp 0</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="icon-basket-loaded success font-large-1 float-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-12">
|
|
<div class="card pull-up">
|
|
<div class="card-content">
|
|
<div class="card-body">
|
|
<div class="media d-flex">
|
|
<div class="media-body text-left">
|
|
<h6 class="text-muted">Angsuran</h6>
|
|
<h3 id="ag">Rp 0</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="la la-money danger font-large-1 float-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
|
|
@endsection
|
|
|
|
@section('css')
|
|
<style>
|
|
h3{
|
|
font-size: 1rem;
|
|
}
|
|
</style>
|
|
@endsection
|
|
@section('script')
|
|
<script>
|
|
_fullScreen()
|
|
</script>
|
|
{!! View::sc('home/usp.js') !!}
|
|
@endsection |