<div class="col-12">
    <div class="d-flex gap-2 justify-content-end mb-2">
        <div class="dropdown">
            <button class="btn btn-danger btn-sm dropdown-toggle " type="button" id="dropdownMenuButton"
                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <i class="ti ti-user-cog me-1"></i> ACCOUNT OPTIONS
            </button>
            <div class="dropdown-menu " aria-labelledby="dropdownMenuButton"
                style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 40px);"
                data-popper-placement="bottom-start">

                <a class="dropdown-item" href="{{ route('admin.user.show', $user->uuid) }}">
                    <i class="ti ti-user me-1"></i>Profile
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.transaction.index', $user->uuid) }}">
                    <i class="ti ti-history me-1"></i>Transactions
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.profit_balance.index', $user->uuid) }}">
                    <i class="ti ti-currency-dollar me-1"></i>Profit Balance
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.balance_management.index', $user->uuid) }}">
                    <i class="ti ti-report-money me-1"></i>Balance Management
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.deposit.index', $user->uuid) }}">
                    <i class="ti ti-wallet me-1"></i>Deposits
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.withdraw.index', $user->uuid) }}">
                    <i class="ti ti-wallet-off me-1"></i>Withdraws
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.plan.index', $user->uuid) }}">
                    <i class="ti ti-cash me-1"></i>Plans
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.trade.index', $user->uuid) }}">
                    <i class="ti ti-coins me-1"></i>Trades
                </a>

                <a class="dropdown-item" href="{{ route('admin.user.notification.index', $user->uuid) }}">
                    <i class="ti ti-bell me-1"></i>Notifications
                </a>

            </div>
        </div>

        <div class="dropdown">
            <button class="btn btn-primary btn-sm dropdown-toggle " type="button" id="dropdownMenuButton"
                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <i class="ti ti-user-check me-1"></i> STATUS
            </button>
            <div class="dropdown-menu " aria-labelledby="dropdownMenuButton"
                style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 40px);"
                data-popper-placement="bottom-start">
                <a class="dropdown-item" href="{{ route('admin.user.kyc', $user->uuid) }}"> <i
                        class="ti ti-shield-check me-1"></i> KYC Verification</a>

                <a class="dropdown-item" href="{{ route('admin.user.status', $user->uuid) }}"> <i
                        class="ti ti-user-check me-1"></i>Account Status</a>

                <form action="{{ route('admin.user.delete', $user->uuid) }}" method="POST" class="d-inline">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="dropdown-item text-danger"
                        onclick="return confirm('Are you sure you want to delete this account?')">
                        <i class="ti ti-trash me-1"></i> Delete Account
                    </button>
                </form>

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

<div class="col-lg-12">
    <x-dashboard.available_balance showBadge="true" :user="$user" />
</div>
