@extends('layouts.admin.base')

@section('page-title')
    Manage User Wallets
@endsection

@section('content')

<div class="row">
    <div class="col-md-12 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="card card-bg border-0">
            <div class="card-body">
                <h5 class="card-title mb-4">User Wallets Management</h5>
                <div class="table-responsive mt-4">
                    <table class="table table-borderless table-bordered display responsive table-spacing2" id="table1" style="width: 100%;">
                        <thead class="table-header">
                            <tr class="table-h">
                                <th>User</th>
                                <th>Email</th>
                                <th>Main Wallet</th>
                                <th>Bonus Wallet</th>
                                <th>Compounding Wallet</th>
                                <th>Token Wallet</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($users as $user)
                            <tr>
                                <td>
                                    <div class="d-flex align-items-center">
                                        <img class="rounded-circle me-2" src="{{ $user->profile_picture_path() }}" width="40" height="40">
                                        <span>{{ $user->name }}</span>
                                    </div>
                                </td>
                                <td>{{ $user->email }}</td>
                                <td>{{ formatMoney($user->wallet->balance ?? 0) }}</td>
                                <td>{{ formatMoney($user->bonus_wallet->balance ?? 0) }}</td>
                                <td>{{ formatMoney($user->compounding_wallet->balance ?? 0) }}</td>
                                <td>{{ formatMoney($user->tokn_wallet->balance ?? 0) }}</td>
                                <td>
                                    <a href="{{ route('admin_manage_user_wallet', $user->id) }}" class="btn btn-sm btn-primary">
                                        <i class="bi bi-wallet2"></i> Manage
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
<script>
    $(document).ready(function() {
        $('#table1').DataTable({
            responsive: true,
            order: [[0, 'asc']],
            pageLength: 25
        });
    });
</script>
@endsection