<x-user.layout title="{{ auth()->user()->lastname.' '.auth()->user()->firstname }}| Statement - {{ config('settings.site_name') }}">

    <div class="nk-block-head">
        <div class="nk-block-between g-3">
            <div class="nk-block-head-content">
                <h3 class="nk-block-title page-title">Bank Statement <strong class="text-primary small">#<?=rand(11111,9999999999)?></strong></h3>
                <div class="nk-block-des text-soft">
                    <ul class="list-inline">
                        <li>Created At: <span class="text-base"><?=date('Y-m-d h:i A')?></span></li>
                    </ul>
                </div>
            </div>
            <div class="nk-block-head-content">
                <a href="{{ route('user.statement.print') }}" target="_blank" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-printer-fill"></em><span>Print</span></a>
                <a href="{{ route('user.statement.print') }}" target="_blank" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-printer-fill"></em></em></a>
            </div>
        </div>
    </div>

    <div class="nk-block">
        <div class="row g-gs">
            <div class="col-md-12">
                <div class="card bg-light">
                    <div class="card-inner">

                        <div class="table-responsive scroll pb-4">
                            <table class="nowrap nk-tb-list is-separate" id="statement-table" data-auto-responsive="false">
                                <thead>
                                    <tr class="nk-tb-item nk-tb-head">
                                        <th class="nk-tb-col">Txid</th>
                                        <th class="nk-tb-col">Amount</th>
                                        <th class="nk-tb-col">Account</th>
                                        <th class="nk-tb-col">Type</th>
                                        <th class="nk-tb-col">Bank</th>
                                        <th class="nk-tb-col">Description</th>
                                        <th class="nk-tb-col">Status</th>
                                        <th class="nk-tb-col">Date</th>
                                    </tr><!-- .nk-tb-item -->
                                </thead>
                                <tbody>

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

                    </div>
                </div>

            </div>
        </div>
    </div>

    @section('page-level-js')
        <script src="/assets/user/statement.js?ver={{ rand(1,999999) }}>"></script>
    @endsection

</x-user.layout>
