@extends('admin.layouts.app')
@section('title', 'Manage Users')

@section('content')
<div class="glass-panel" style="padding: 24px;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;">
        <h2 style="font-size: 20px;">All Users</h2>
    </div>

    <div style="overflow-x: auto;">
        <table style="width: 100%; border-collapse: collapse; text-align: left;">
            <thead>
                <tr style="border-bottom: 1px solid rgba(255,255,255,0.1);">
                    <th style="padding: 12px; color: var(--text-secondary);">ID</th>
                    <th style="padding: 12px; color: var(--text-secondary);">Chat ID</th>
                    <th style="padding: 12px; color: var(--text-secondary);">Username</th>
                    <th style="padding: 12px; color: var(--text-secondary);">Orders</th>
                    <th style="padding: 12px; color: var(--text-secondary);">Spins</th>
                    <th style="padding: 12px; color: var(--text-secondary);">Joined</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $user)
                <tr style="border-bottom: 1px solid rgba(255,255,255,0.05);">
                    <td style="padding: 12px;">{{ $user->id }}</td>
                    <td style="padding: 12px;">{{ $user->chat_id }}</td>
                    <td style="padding: 12px;">{{ $user->username ?? 'N/A' }}</td>
                    <td style="padding: 12px;"><span style="color: #10b981;">{{ $user->completed_orders }}</span> / {{ $user->total_orders }}</td>
                    <td style="padding: 12px;">{{ $user->bonus_spins }}</td>
                    <td style="padding: 12px;">{{ $user->created_at ? $user->created_at->format('M d, Y') : 'N/A' }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" style="padding: 24px; text-align: center; color: var(--text-secondary);">No users found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top: 24px;">
        {{ $users->links('pagination::bootstrap-4') }}
    </div>
</div>
@endsection