@extends('layouts.engine')
@section('content')
                    <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
                                <div class="components-preview wide-md mx-auto">
                                    <div class="nk-block-head nk-block-head-lg wide-sm">
                                        <div class="nk-block-head-content">
                                            <div class="nk-block-head-sub">
                                                <a class="back-to" href="/demo5/components.html"><em class="icon ni ni-arrow-left"></em><span>Components</span></a>
                                            </div>
                                            <h2 class="nk-block-title fw-normal">DataTable Example</h2>
                                            <div class="nk-block-des">
                                                <p class="lead">
                                                    Using <a href="https://datatables.net/" target="_blank">DataTables</a>, add advanced interaction controls to your HTML tables. It is a highly flexible tool and all advanced features allow
                                                    you to display table instantly and nice way.
                                                </p>
                                                <p>Check out the <a href="" target="_blank">documentation</a> for a full overview.</p>
                                            </div>
                                        </div>
                                    </div>







                                    <div class="nk-block nk-block-lg">
                                        <div class="nk-block-head">
                                            <div class="nk-block-head-content">
                                                <h4 class="nk-block-title">Data Table</h4>
                                                <div class="nk-block-des">
                                                    <p>Using the most basic table markup, here’s how <code class="code-class">.table</code> based tables look by default.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card card-bordered card-preview">
                                            <div class="card-inner">
                                                <table class="datatable-init nk-tb-list nk-tb-ulist" data-auto-responsive="false">
                                                    <thead>
                                                        <tr class="nk-tb-item nk-tb-head">
                                                            <th class="nk-tb-col"><span class="sub-text">#</span></th>
                                                            <th class="nk-tb-col tb-col-mb"><span class="sub-text">Trans Type</span></th>
                                                            <th class="nk-tb-col tb-col-md"><span class="sub-text">Wallet</span></th>
                                                            <th class="nk-tb-col tb-col-lg"><span class="sub-text">Address</span></th>
                                                            <th class="nk-tb-col tb-col-lg"><span class="sub-text">Amount</span></th>
                                                            <th class="nk-tb-col tb-col-md"><span class="sub-text">Date</span></th>
                                                            <th class="nk-tb-col nk-tb-col-tools text-end"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($trans as $tran)
                                                            <tr class="nk-tb-item">
                                                            <td class="nk-tb-col">
                                                                <div class="user-card">
                                                                    <div class="user-info">
                                                                        <span class="tb-lead" style="text-transform: capitalize;">{{ $tran->trans_name }} <span class="dot dot-success d-md-none ms-1"></span></span>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-mb" data-order="35040.34">
                                                                <span class="tb-amount" style="text-transform:lowercase;">{{ $tran->wallet }}</span>
                                                            </td>
                                                            <td class="nk-tb-col tb-col-md"><span>{{ $tran->address }}</span></td>
                                                            <td class="nk-tb-col tb-col-md"><span>{{ $tran->wallet }}</span></td>
                                                            <td class="nk-tb-col tb-col-lg"><span>{{ number_format($tran->amount) }}</span></td>
                                                            <td class="nk-tb-col tb-col-md"><span class="tb-status text-success">Active</span></td>
                                                            <td class="nk-tb-col nk-tb-col-tools">
                                                                <ul class="nk-tb-actions gx-1">
                                                                    <li>
                                                                        <div class="drodown">
                                                                            <a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                                            <div class="dropdown-menu dropdown-menu-end">
                                                                                <ul class="link-list-opt no-bdr">
                                                                                    <li>
                                                                                        <a href="#"><em class="icon ni ni-focus"></em><span>Edit Transaction</span></a>
                                                                                    </li>
                                                                                    <li>
                                                                                        <a href="{{ url('/admin/users/add/'. Crypt::encryptString($users->id)) }}"><em class="icon ni ni-repeat"></em><span>Delete Transaction</span></a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>

                                                        @endforeach
                                                        
                                                        
                                                        
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>







                                </div>
                            </div>
                        </div>
                    </div>
@endsection
@section('scripts')

    <script src="{{ asset('assets/js/libs/datatable-btns.js?ver=3.1.0') }}"></script>

@endsection