{% extends "layouts/base.html" %}
{% block title %}Dashboard - TryoutPro{% endblock %}
{% block page_title %}Dashboard{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / Dashboard</span>{% endblock %}

{% block content %}
<div class="dashboard">
    {% if user.role == 'president' %}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon bg-primary">
                <i class="fas fa-users"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_users }}</h3>
                <p>Total Users</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-success">
                <i class="fas fa-user-friends"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_players }}</h3>
                <p>Players</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-warning">
                <i class="fas fa-calendar-check"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_tryouts }}</h3>
                <p>Total Tryouts</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-info">
                <i class="fas fa-clipboard-list"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_evaluations }}</h3>
                <p>Evaluations</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-danger">
                <i class="fas fa-play-circle"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.active_tryouts }}</h3>
                <p>Active Tryouts</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-secondary">
                <i class="fas fa-clock"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.upcoming_tryouts }}</h3>
                <p>Upcoming</p>
            </div>
        </div>
    </div>

    <div class="dashboard-grid">
        <div class="card">
            <div class="card-header">
                <h3><i class="fas fa-user-plus"></i> Recent Users</h3>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr><th>Name</th><th>Role</th><th>Joined</th></tr>
                    </thead>
                    <tbody>
                        {% for u in stats.recent_users %}
                        <tr>
                            <td>{{ u.full_name }}</td>
                            <td><span class="badge badge-{{ u.role }}">{{ u.role }}</span></td>
                            <td>{{ u.created_at.strftime('%m/%d/%Y') }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <h3><i class="fas fa-calendar-alt"></i> Recent Tryouts</h3>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead>
                        <tr><th>Title</th><th>Date</th><th>Status</th></tr>
                    </thead>
                    <tbody>
                        {% for t in stats.recent_tryouts %}
                        <tr>
                            <td><a href="{{ url_for('tryouts.view_tryout', tryout_id=t.id) }}">{{ t.title }}</a></td>
                            <td>{{ t.date.strftime('%m/%d/%Y') }}</td>
                            <td><span class="badge badge-{{ t.status }}">{{ t.status }}</span></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {% elif user.role == 'manager' %}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon bg-primary">
                <i class="fas fa-calendar-alt"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_tryouts }}</h3>
                <p>My Tryouts</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-success">
                <i class="fas fa-play-circle"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.active_tryouts }}</h3>
                <p>Active</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-info">
                <i class="fas fa-clipboard-check"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_evaluations }}</h3>
                <p>My Evaluations</p>
            </div>
        </div>
    </div>
    <div class="card mt-4">
        <div class="card-header">
            <h3><i class="fas fa-calendar"></i> My Tryouts</h3>
            <a href="{{ url_for('tryouts.create_tryout') }}" class="btn btn-sm btn-primary">+ New Tryout</a>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                    <tr><th>Title</th><th>Date</th><th>Status</th><th>Players</th><th>Actions</th></tr>
                </thead>
                <tbody>
                    {% for t in stats.my_tryouts %}
                    <tr>
                        <td>{{ t.title }}</td>
                        <td>{{ t.date.strftime('%m/%d/%Y') }}</td>
                        <td><span class="badge badge-{{ t.status }}">{{ t.status }}</span></td>
                        <td>{{ t.registrations.count() }}</td>
                        <td><a href="{{ url_for('tryouts.view_tryout', tryout_id=t.id) }}" class="btn btn-sm btn-outline">View</a></td>
                    </tr>
                    {% endfor %}
                    {% if not stats.my_tryouts %}
                    <tr><td colspan="5" class="text-center">No tryouts yet. <a href="{{ url_for('tryouts.create_tryout') }}">Create one</a></td></tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>

    {% elif user.role == 'coach' %}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon bg-primary">
                <i class="fas fa-clipboard-check"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.my_evaluations }}</h3>
                <p>Evaluations Done</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-warning">
                <i class="fas fa-hourglass-half"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.pending_evaluations }}</h3>
                <p>Pending</p>
            </div>
        </div>
    </div>
    <div class="card mt-4">
        <div class="card-header">
            <h3><i class="fas fa-history"></i> Recent Evaluations</h3>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                    <tr><th>Player</th><th>Tryout</th><th>Score</th><th>Date</th></tr>
                </thead>
                <tbody>
                    {% for e in stats.my_recent_evaluations %}
                    <tr>
                        <td>{{ e.player.full_name }}</td>
                        <td>{{ e.tryout.title }}</td>
                        <td><span class="score">{{ e.overall_score }}</span></td>
                        <td>{{ e.created_at.strftime('%m/%d/%Y') }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    {% elif user.role == 'player' %}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon bg-primary">
                <i class="fas fa-calendar-check"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.my_tryouts }}</h3>
                <p>My Tryouts</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-success">
                <i class="fas fa-star"></i>
            </div>
            <div class="stat-info">
                <h3>{{ "%.1f"|format(stats.average_score) if stats.average_score else 'N/A' }}</h3>
                <p>Avg Score</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-info">
                <i class="fas fa-file-alt"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.my_evaluations }}</h3>
                <p>Evaluations</p>
            </div>
        </div>
    </div>
    <div class="dashboard-grid">
        <div class="card">
            <div class="card-header">
                <h3><i class="fas fa-clipboard-list"></i> My Registrations</h3>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead><tr><th>Tryout</th><th>Date</th><th>Status</th></tr></thead>
                    <tbody>
                        {% for r in stats.my_registrations %}
                        <tr>
                            <td><a href="{{ url_for('tryouts.view_tryout', tryout_id=r.tryout.id) }}">{{ r.tryout.title }}</a></td>
                            <td>{{ r.tryout.date.strftime('%m/%d/%Y') }}</td>
                            <td><span class="badge badge-{{ r.status }}">{{ r.status }}</span></td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <h3><i class="fas fa-star"></i> My Evaluations</h3>
            </div>
            <div class="card-body">
                <table class="table">
                    <thead><tr><th>Tryout</th><th>Evaluator</th><th>Score</th><th>Date</th></tr></thead>
                    <tbody>
                        {% for e in stats.my_eval_list %}
                        <tr>
                            <td>{{ e.tryout.title }}</td>
                            <td>{{ e.evaluator.full_name }}</td>
                            <td><span class="score">{{ e.overall_score }}</span></td>
                            <td>{{ e.created_at.strftime('%m/%d/%Y') }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {% elif user.role == 'scout' %}
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon bg-primary">
                <i class="fas fa-user-friends"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_players }}</h3>
                <p>Total Players</p>
            </div>
        </div>
        <div class="stat-card">
            <div class="stat-icon bg-info">
                <i class="fas fa-clipboard-list"></i>
            </div>
            <div class="stat-info">
                <h3>{{ stats.total_evaluations }}</h3>
                <p>Total Evaluations</p>
            </div>
        </div>
    </div>
    <div class="card mt-4">
        <div class="card-header">
            <h3><i class="fas fa-trophy"></i> Top Rated Players</h3>
        </div>
        <div class="card-body">
            <table class="table">
                <thead><tr><th>#</th><th>Player</th><th>Avg Score</th></tr></thead>
                <tbody>
                    {% for player, score in stats.top_players %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td>{{ player.full_name }}</td>
                        <td><span class="score">{{ score }}</span></td>
                    </tr>
                    {% endfor %}
                    {% if not stats.top_players %}
                    <tr><td colspan="3" class="text-center">No evaluations yet.</td></tr>
                    {% endif %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}