{% extends 'admin/base.html' %}

{% block page_title %}Dashboard{% endblock %}

{% block admin_content %}
<!-- Stats Cards -->
<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-icon users">
            <i class="fas fa-users"></i>
        </div>
        <div class="stat-info">
            <span class="stat-value">{{ "{:,}".format(total_users) }}</span>
            <span class="stat-label">Total Users</span>
            <span class="stat-change positive">+{{ new_users_today }} today</span>
        </div>
    </div>

    <div class="stat-card">
        <div class="stat-icon games">
            <i class="fas fa-rocket"></i>
        </div>
        <div class="stat-info">
            <span class="stat-value">{{ "{:,}".format(total_rounds) }}</span>
            <span class="stat-label">Total Rounds</span>
            <span class="stat-change">{{ rounds_today }} today</span>
        </div>
    </div>

    <div class="stat-card">
        <div class="stat-icon wagered">
            <i class="fas fa-coins"></i>
        </div>
        <div class="stat-info">
            <span class="stat-value">{{ "{:,.0f}".format(total_wagered) }}</span>
            <span class="stat-label">Total Wagered (XAF)</span>
        </div>
    </div>

    <div class="stat-card">
        <div class="stat-icon profit">
            <i class="fas fa-chart-line"></i>
        </div>
        <div class="stat-info">
            <span class="stat-value {{ 'positive' if house_profit > 0 else 'negative' }}">{{
                "{:,.0f}".format(house_profit) }}</span>
            <span class="stat-label">House Profit (XAF)</span>
        </div>
    </div>
</div>

<!-- Quick Stats Row -->
<div class="quick-stats">
    <div class="quick-stat">
        <span class="qs-label">Active Users (7d)</span>
        <span class="qs-value">{{ active_users }}</span>
    </div>
    <div class="quick-stat">
        <span class="qs-label">New Users (7d)</span>
        <span class="qs-value">{{ new_users_week }}</span>
    </div>
    <div class="quick-stat">
        <span class="qs-label">Total Won</span>
        <span class="qs-value text-success">{{ "{:,.0f}".format(total_won) }} XAF</span>
    </div>
    <div class="quick-stat">
        <span class="qs-label">Total Lost</span>
        <span class="qs-value text-danger">{{ "{:,.0f}".format(total_lost) }} XAF</span>
    </div>
</div>

<!-- Content Grid -->
<div class="content-grid">
    <!-- Recent Activity -->
    <div class="admin-card">
        <div class="card-header">
            <h3><i class="fas fa-history"></i> Recent Bets</h3>
            <a href="{{ url_for('admin.games') }}" class="btn btn-sm">View All</a>
        </div>
        <div class="card-body">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>User</th>
                        <th>Amount</th>
                        <th>Multiplier</th>
                        <th>Profit</th>
                        <th>Time</th>
                    </tr>
                </thead>
                <tbody>
                    {% for bet in recent_bets %}
                    <tr>
                        <td>
                            <a href="{{ url_for('admin.user_detail', user_id=bet.user_id) }}">
                                {{ bet.user.username }}
                            </a>
                        </td>
                        <td>{{ "{:,.0f}".format(bet.amount) }} XAF</td>
                        <td>{{ bet.cashout_multiplier|round(2) if bet.cashed_out else '-' }}x</td>
                        <td class="{{ 'text-success' if bet.profit > 0 else 'text-danger' }}">
                            {{ "{:+,.0f}".format(bet.profit) }} XAF
                        </td>
                        <td>{{ bet.created_at.strftime('%H:%M') }}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="5" class="text-center">No recent bets</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <!-- Top Players -->
    <div class="admin-card">
        <div class="card-header">
            <h3><i class="fas fa-trophy"></i> Top Winners</h3>
        </div>
        <div class="card-body">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th>Total Won</th>
                        <th>Games</th>
                    </tr>
                </thead>
                <tbody>
                    {% for user in top_winners %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td>
                            <a href="{{ url_for('admin.user_detail', user_id=user.id) }}">
                                {{ user.username }}
                            </a>
                        </td>
                        <td class="text-success">{{ "{:,.0f}".format(user.total_won) }} XAF</td>
                        <td>{{ user.total_games }}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="4" class="text-center">No data</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <!-- Recent Transactions -->
    <div class="admin-card full-width">
        <div class="card-header">
            <h3><i class="fas fa-exchange-alt"></i> Recent Transactions</h3>
            <a href="{{ url_for('admin.transactions') }}" class="btn btn-sm">View All</a>
        </div>
        <div class="card-body">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>User</th>
                        <th>Type</th>
                        <th>Amount</th>
                        <th>Method</th>
                        <th>Status</th>
                        <th>Time</th>
                    </tr>
                </thead>
                <tbody>
                    {% for tx in recent_transactions %}
                    <tr>
                        <td>#{{ tx.id }}</td>
                        <td>
                            <a href="{{ url_for('admin.user_detail', user_id=tx.user_id) }}">
                                {{ tx.user.username }}
                            </a>
                        </td>
                        <td>
                            <span class="badge badge-{{ tx.type }}">{{ tx.type|capitalize }}</span>
                        </td>
                        <td
                            class="{{ 'text-success' if tx.type == 'deposit' else 'text-danger' if tx.type == 'withdrawal' else '' }}">
                            {{ "{:,.0f}".format(tx.amount) }} XAF
                        </td>
                        <td>{{ tx.payment_method or '-' }}</td>
                        <td>
                            <span class="status status-{{ tx.status }}">{{ tx.status }}</span>
                        </td>
                        <td>{{ tx.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="7" class="text-center">No recent transactions</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}