@include('components.theme.pages.header')
<section>
    <div class="row mb-4">
        <div class="col-md-4 mb-2">
            <div class="card border-left-primary shadow py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total Pengajuan Diterima</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $totalPengajuanDiterima }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-2">
            <div class="card border-left-primary shadow py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total Pengajuan Ditolak</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $totalPengajuanDitolak }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-2">
            <div class="card border-left-primary shadow py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Total Nasabah</div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $totalNasabah }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 mt-4">
            <div class="card shadow">
                <div class="card-header d-flex align-items-center">
                    <h6 class="m-0 text-primary">Tentang Layanan</h6>
                    <span class="ml-auto">{{ date('j F Y, H:i:s') }}</span>
                </div>
                <div class="card-body">
                    <h5>Layanan Uji Kelayakan Pemberian Pinjaman Calon Nasabah KSP. Wahana Arta Perdana</h5>
                    <p>Pada website ini, pengguna dapat melakukan penilaian menggunakan skoring untuk menentukan calon
                        nasabah yang memenuhi kriteria dan dapat diproses untuk pengajuan pinjaman. Untuk memudahkan
                        proses penilaian, sistem kami memiliki pembobotan nilai menggunakan tabel tingkat kepentingan
                        yang telah ditentukan sebagai berikut:</p>
                    <table class="table table-bordered text-center ">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Tingkat Kepentingan</th>
                                <th>Nilai</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>Tidak Prioritas</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Kurang Prioritas</td>
                                <td>2</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Cukup Prioritas</td>
                                <td>3</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Prioritas</td>
                                <td>4</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>Sangat Prioritas</td>
                                <td>5</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
        <div class="col-md-12 mt-4">
            <div class="card shadow">
                <div class="card-header d-flex align-items-center">
                    <h6 class="m-0 text-primary">Tentang Info Kelayakan</h6>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table" id="data-table">
                            <thead>
                                <tr>
                                    <th>Judul</th>
                                    <th>Link URL</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (\App\Models\Pages::all() as $items)
                                    <tr>
                                        <td>{{ $items->title }}</td>
                                        <td><a href="{{ $items->description }}"
                                                noreferrerpolicy="no-referrer">tonton</a></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@push('scripts')
    <script type="text/javascript">
        $(function() {
            var table = $('#data-table').DataTable();
        });
    </script>
@endpush
@include('components.theme.pages.footer')