@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