@extends('backoffice.template.app')
@section('content')
<div class="row">
    <div class="col-lg-12 mb-4 order-0">
        <div class="card">
            <div class="d-flex align-items-end row">
                <div class="col-sm-7">
                    <div class="card-body">
                        <h5 class="card-title text-primary">Halo Admin, Selamat Datang di Backoffice Gamping Online</h5>
                        <p class="mb-4">Kelola transaksi serta informasi seputar desa melalui website backoffice Gamping
                            Online ini.</p>

                        <!--<a href="javascript:;" class="btn btn-sm btn-outline-primary">View Badges</a>-->
                    </div>
                </div>
                <div class="col-sm-5 text-center text-sm-left">
                    <div class="card-body pb-0 px-0 px-md-4">
                        <img src="backoffice/img/illustrations/man-with-laptop-light.png" height="140"
                            alt="View Badge User" data-app-dark-img="illustrations/man-with-laptop-dark.png"
                            data-app-light-img="illustrations/man-with-laptop-light.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (Auth::user()->role->nama == 'Admin Pemerintahan')
    <div class="col-lg-12 col-md-4">
        <div class="row">
            <div class="col-lg-4 col-md-12 col-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                               <i class='bx bxs-file-doc' style="color:#00ff4c; font-size: 2em"></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
                                    @if (isset($pengajuanBaru[0]))
                                    <a class="dropdown-item"
                                    href="{{route('backoffice.pengajuan-dokumen.list-pengajuan-form',$pengajuanBaru[0][0]->form_id )}}">Lihat Detail</a>
                                    @endif
                                  
                                </div>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">Total Pengajuan Dokumen Baru</span>
                        <h3 class="card-title mb-2">{{count($pengajuanBaru)}}</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12 col-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                               <i class='bx bxs-file-doc' style="color:#00e5ff; font-size: 2em"></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt6" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt6">
                                    @if (isset($pengajuanProses[0]))
                                    <a class="dropdown-item"
                                    href="{{route('backoffice.pengajuan-dokumen.list-pengajuan-form',$pengajuanProses[0][0]->form_id )}}">Lihat Detail</a>
                                    @endif
                                  
                                </div>
                            </div>
                        </div>
                        <span>Total Dokumen Diproses</span>
                        <h3 class="card-title text-nowrap mb-1">{{count($pengajuanProses)}}</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +28.42%</small> --}}
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12 col-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                               <i class='bx bxs-file-doc' style="color:#ffdd00; font-size: 2em"></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt6" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt6">
                                    <a class="dropdown-item" href="{{route('backoffice.pengajuan-dokumen')}}">Lihat Detail</a>
                                </div>
                            </div>
                        </div>
                        <span>Total Dokumen Perlu di TTD</span>
                        <h3 class="card-title text-nowrap mb-1">{{count($pengajuanProses)}}</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +28.42%</small> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <div class="col-lg-12 col-md-4">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bxs-report' style='color:#00ff4c; font-size: 2em' ></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
                                    <a class="dropdown-item" href="{{route('laporanwarga')}}">Lihat Detail</a>
                                </div>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">Total Laporan Warga</span>
                        <h3 class="card-title mb-2">{{$totalLaporanWarga}}</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-send' style="color:#00ff4c; font-size: 2em"></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt6" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt6">
                                    <a class="dropdown-item" href="{{route('top-up')}}">Lihat Detail</a>
                                </div>
                            </div>
                        </div>
                        <span>Total Top Up</span>
                        <h3 class="card-title text-nowrap mb-1">{{$totalTopUp}}</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +28.42%</small> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-12 col-md-4 mb-4">
        <div class="card">

            <div class="card-body">
                <div class="card-title">
                    <h5>Tagihan Layanan Digital Bulan Ini</h5>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-12 col-6 mb-4">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-water' style='color:#00e5ff; font-size: 2em' ></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
                                    <a class="dropdown-item" href="{{route('backoffice.pdam')}}">Lihat Detail</a>
                                </div>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">PDAM</span>
                        <h3 class="card-title mb-2">@currency($totalPDAM)</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                    <div class="col-lg-4 col-md-12 col-6 mb-4">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-fast-forward-circle' style='color:#ffdd00; font-size: 2em;'  ></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
                                    <a class="dropdown-item" href="{{route('backoffice.tagihan-listrik')}}">Lihat Detail</a>
                                </div>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">Listrik</span>
                        <h3 class="card-title mb-2">@currency($totalListrik)</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                    <div class="col-lg-4 col-md-12 col-6 mb-4">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-wifi' style='color:#ff00bb; font-size: 2em'  ></i>
                            </div>
                            <div class="dropdown">
                                <button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded"></i>
                                </button>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
                                    <a class="dropdown-item" href="{{route('backoffice.wifi')}}">Lihat Detail</a>
                                </div>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">WIFI</span>
                        <h3 class="card-title mb-2">@currency($totalWifi)</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="col-lg-12 col-md-4 mb-4">
        <div class="card">

            <div class="card-body">
                <div class="card-title d-flex justify-content-between">
                    <h5>Cashflow</h5>

                    <div class="dropdown">
                        <button class="btn p-0" type="button" id="cardOpt3" data-bs-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                            <i class="bx bx-dots-vertical-rounded"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-end" aria-labelledby="cardOpt3">
                            <a class="dropdown-item" href="{{route('backoffice.cashflow')}}">Lihat Detail</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-12 col-6 mb-4">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-wallet' style='color:#00e5ff; font-size: 2em;' ></i>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">Total Pendapatan</span>
                        <h3 class="card-title mb-2">@currency($pemasukkan - $pengeluaran)</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                    <div class="col-lg-4 col-md-12 col-6 mb-4">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-down-arrow-alt' style='color:#00ff4c; font-size: 2em;' ></i>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">Total Pemasukkan</span>
                        <h3 class="card-title mb-2">@currency($pemasukkan)</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                    <div class="col-lg-4 col-md-12 col-6 mb-4">
                        <div class="card-title d-flex align-items-start justify-content-between">
                            <div class="avatar flex-shrink-0">
                              <i class='bx bx-up-arrow-alt' style='color:#ff0000; font-size: 2em;' ></i>
                            </div>
                        </div>
                        <span class="fw-semibold d-block mb-1">Total Pengeluaran</span>
                        <h3 class="card-title mb-2">@currency($pengeluaran)</h3>
                        {{-- <small class="text-success fw-semibold"><i class="bx bx-up-arrow-alt"></i> +72.80%</small> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection