{% 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>

    {% if stats.upcoming_matches %}
    <div class="card mt-4">
        <div class="card-header">
            <h3><i class="fas fa-futbol"></i> Upcoming Matches</h3>
        </div>
        <div class="card-body">
            <table class="table">
                <thead><tr><th>Match</th><th>Tryout</th><th>Date & Time</th><th>Status</th></tr></thead>
                <tbody>
                    {% for match in stats.upcoming_matches %}
                    <tr>
                        <td>{{ match.title }}</td>
                        <td><a href="{{ url_for('tryouts.view_tryout', tryout_id=match.tryout_id) }}">{{ match.tryout.title }}</a></td>
                        <td>
                            {{ match.date.strftime('%m/%d/%Y') }}
                            {% if match.start_time %} at {{ match.start_time.strftime('%I:%M %p') }}{% endif %}
                        </td>
                        <td><span class="badge badge-{{ match.status }}">{{ match.status }}</span></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}

    {% 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>

    {% if stats.upcoming_matches %}
    <div class="card mt-4">
        <div class="card-header">
            <h3><i class="fas fa-futbol"></i> Upcoming Matches</h3>
        </div>
        <div class="card-body">
            <table class="table">
                <thead><tr><th>Match</th><th>Tryout</th><th>Date & Time</th><th>Status</th></tr></thead>
                <tbody>
                    {% for match in stats.upcoming_matches %}
                    <tr>
                        <td>{{ match.title }}</td>
                        <td><a href="{{ url_for('tryouts.view_tryout', tryout_id=match.tryout_id) }}">{{ match.tryout.title }}</a></td>
                        <td>
                            {{ match.date.strftime('%m/%d/%Y') }}
                            {% if match.start_time %} at {{ match.start_time.strftime('%I:%M %p') }}{% endif %}
                        </td>
                        <td><span class="badge badge-{{ match.status }}">{{ match.status }}</span></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}

    {% 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>
     <div class="dashboard-grid">
         <div class="card">
             <div class="card-header">
                 <h3><i class="fas fa-futbol"></i> My Next Matches</h3>
             </div>
             <div class="card-body">
                 {% if stats.next_matches %}
                 <table class="table">
                     <thead><tr><th>Tryout</th><th>Match</th><th>Date & Time</th><th>Opponent</th></tr></thead>
                     <tbody>
                         {% for item in stats.next_matches %}
                         <tr>
                             <td><a href="{{ url_for('tryouts.view_tryout', tryout_id=item.tryout.id) }}">{{ item.tryout.title }}</a></td>
                             <td>{{ item.match.title }}</td>
                             <td>
                                 {{ item.match.date.strftime('%m/%d/%Y') }}
                                 {% if item.match.start_time %} at {{ item.match.start_time.strftime('%I:%M %p') }}{% endif %}
                             </td>
                             <td>
                                 {% if item.match.match_type == 'team_vs_team' and item.team %}
                                     {% if item.match.team1_id == item.team.id %}
                                         vs {{ item.match.team2.name if item.match.team2 else 'TBD' }}
                                     {% else %}
                                         vs {{ item.match.team1.name if item.match.team1 else 'TBD' }}
                                     {% endif %}
                                 {% else %}
                                     -
                                 {% endif %}
                             </td>
                         </tr>
                         {% endfor %}
                     </tbody>
                 </table>
                 {% else %}
                 <p class="text-muted">No upcoming matches yet.</p>
                 {% endif %}
             </div>
         </div>
         <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>

    {% 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 %}