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.
87 lines
3.6 KiB
PHTML
87 lines
3.6 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">Kekayaan</h3>
|
|
<div class="row breadcrumbs-top d-inline-block">
|
|
<div class="breadcrumb-wrapper col-12">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item active"></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-header-right col-md-6 col-12">
|
|
<div class="btn-group float-md-right">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-body">
|
|
<section id="dasbor">
|
|
<div class="row mb-4">
|
|
<div class="col-sm-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div style="grid-gap:20px; display:grid;grid-template-columns:160px auto;">
|
|
<div>
|
|
<div style="overflow:hidden;border-radius:10px;">
|
|
<img style="margin:0;" width="100%" src="https://ui-avatars.com/api/?name=Andik+Sueryo&background=random" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<h1>Andik Suyono, S.Pd</h1>
|
|
<p style="margin:0;"><i class="la la-user"></i> anggota</p>
|
|
<p style="margin:0;"><i class="la la-location-arrow"></i> Ds. Petis Benem RT 002 RW 002, Kec. Duduk Sampeyan-Gresik</p>
|
|
<div style="display:flex; padding:10px 0;">
|
|
<div style="width: 210px; border-radius: 5px;margin-right:20px; border: 1px solid #ddd; padding: 8px 10px;">
|
|
<p style="color:#333;font-weight:bold; font-size:16px; margin:0;text-align:right;"><i class="la la-credit-card"></i> Rp 3.700.000</p>
|
|
<p style="margin:0;margin-top:5px;">Simpanan</p>
|
|
</div>
|
|
<div style="width: 210px; border-radius: 5px;margin-right:20px; border: 1px solid #ddd; padding: 8px 10px;">
|
|
<p style="color:#333;font-weight:bold; font-size:16px; margin:0;text-align:right;"><i class="la la-credit-card"></i> Rp 20.000.000</p>
|
|
<p style="margin:0;margin-top:5px;">Pinjaman</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h2>Tracker Simpanan</h2>
|
|
<div id="monthly-saless2" class="height-250"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h2>Tracker Angsuran Pinjaman</h2>
|
|
<div id="monthly-saless" class="height-250"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('css')
|
|
<style>
|
|
h3{
|
|
font-size: 1rem;
|
|
}
|
|
</style>
|
|
@endsection
|
|
@section('script')
|
|
{!! View::sc('home/r.js') !!}
|
|
@endsection |