<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">Customers</h3>
                <p>Total <span class="text-base total">0</span> customers.</p>
            </div>
            <div class="nk-block-head-content">
                <div class="toggle-wrap nk-block-tools-toggle">
                    <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                    <div class="toggle-expand-content" data-content="pageMenu">
                        <ul class="nk-block-tools g-3">

                            <li class="nk-block-tools-opt">
                                <div class="btn-group">
                                    <button class="m-tnx-manual btn btn-primary" data-toggle="modal" data-target="#add-user"><em class="icon ni ni-plus"></em> <span>Add</span></button>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </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">All Customers</h6>
                <div class="card">
                    <div class="card-inner">
                        <div class="table-responsive scroll" style="padding-bottom: 120px">

                            <table class="users-init nowrap nk-tb-list is-separate" 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>Account Balance</span></th>
                                        <th class="nk-tb-col"><span>Account Type</span></th>
                                        <th class="nk-tb-col"><span>Status</span></th>
                                        <th class="nk-tb-col"><span>Strength</span></th>
                                        <th class="nk-tb-col"><span>Join Date</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>
    @include('admin.modals.add-user')
    @include('admin.modals.edit-user')
    @include('admin.modals.fund-user')
    @include('admin.modals.reset-user-password')
    @include('admin.modals.send-mail')
    @section('page-level-scripts')
        <script src="/js/admin/users.js?ver={{ rand(1,99999) }}"></script>
    @endsection
</x-admin.layout>
