@extends('temp.admin')
@php
use NN\Module\DB;
@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">
            <div class="col-md-6 col-sm-12 d-none">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-danger white">
                        <h4 class="card-title text-white">Pinjaman Anggota NON Gaji</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 hutang">Rp</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-12 d-none">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Pinjaman Reguler</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 piutang">Rp</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Pinjaman Anggota NON Gaji</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 sales">Rp <span class='numrp'>{!! DB::query_result_object("select ifnull((SELECT sum(jumlah) tot FROM mpinjam WHERE kodesp = 'non'),0) total")[0]->total !!}</span></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Pinjaman Reguler</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 sales">Rp <span class='numrp'>{!! DB::query_result_object("select ifnull((SELECT sum(jumlah) tot FROM mpinjam WHERE kodesp = 'REG'),0) total")[0]->total !!}</span></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Pinjaman Reguler USP</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 discount">Rp <span class='numrp'>{!! DB::query_result_object("select ifnull((SELECT sum(jumlah) tot FROM mpinjam WHERE kodesp = 'USP'),0) total")[0]->total !!}</span></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
           
        </div>
    </section>
</div>


@endsection

@section('script')
<script>

    Array.from(document.querySelectorAll('.numrp')).forEach(function(t){
        t.innerHTML = t.innerHTML.number(2).currency(0);
    });

</script>  
@endsection