<x-admin.layout :hasExtraSettings="false">

    <div class="nk-block-head nk-block-head-sm">
        <div class="nk-block-between gy-2 gx-3">
            <div class="nk-block-head-content">
                <h3 class="nk-block-title page-title">Loan Request</h3>
            </div>
        </div>
    </div>

    <x-admin.inpage-navigation />

    <div class="nk-block">
        <div class="row g-gs">
            <div class="col-xxl-12 col-sm-12">

                <h6 class="mb-3">Loan Applications</h6>
                <div class="card">
                    <div class="card-inner">
                        <div class="table-responsive scroll pb-4">
                            <table class="loans-init nowrap nk-tb-list is-separate" id="loans-init" data-auto-responsive="false">
                                <thead>
                                    <tr class="nk-tb-item nk-tb-head">
                                        <th class="nk-tb-col"><span>#</span></th>
                                        <th class="nk-tb-col"><span>Username</span></th>
                                        <th class="nk-tb-col"><span>Amount</span></th>
                                        <th class="nk-tb-col"><span>Status</span></th>
                                        <th class="nk-tb-col"><span>Date/Time</span></th>
                                        <th class="nk-tb-col nk-tb-col-tools"></th>
                                    </tr><!-- .nk-tb-item -->
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>

                    </div><!-- .card-inner -->
                </div><!-- .card -->
            </div>
        </div>
    </div>
    @section('page-level-scripts')
        <script src="/js/admin/loans.js?ver={{ rand(1,99999) }}"></script>
    @endsection
</x-admin.layout>
