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

{% block content %}
{% if current_user.role == 'president' and player_scores %}
<div class="stats-grid mb-4">
    {% for pid, data in player_scores.items() %}
    <div class="stat-card stat-card-sm">
        <div class="stat-icon bg-info">
            <i class="fas fa-user"></i>
        </div>
        <div class="stat-info">
            <h3>{{ data.player.full_name[:12] }}</h3>
            <p>Avg: <strong>{{ data.avg }}</strong> / {{ data.count }} evals</p>
        </div>
    </div>
    {% endfor %}
</div>
{% endif %}

<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-clipboard-list"></i> 
            {% if current_user.role == 'player' %}
            My Evaluations
            {% else %}
            All Evaluations
            {% endif %}
        </h3>
    </div>
    <div class="card-body">
        <div class="table-container">
            <table class="table">
                <thead>
                    <tr>
                        <th>Tryout</th>
                        <th>Player</th>
                        <th>Evaluator</th>
                        <th>Speed</th>
                        <th>Agility</th>
                        <th>Technique</th>
                        <th>Teamwork</th>
                        <th>Attitude</th>
                        <th>Overall</th>
                        <th>Position</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    {% for eval in evaluations %}
                    <tr>
                        <td>{{ eval.tryout.title }}</td>
                        <td>{{ eval.player.full_name }}</td>
                        <td>{{ eval.evaluator.full_name }}</td>
                        <td>{{ eval.speed_score or '-' }}</td>
                        <td>{{ eval.agility_score or '-' }}</td>
                        <td>{{ eval.technique_score or '-' }}</td>
                        <td>{{ eval.teamwork_score or '-' }}</td>
                        <td>{{ eval.attitude_score or '-' }}</td>
                        <td><span class="score">{{ eval.overall_score or '-' }}</span></td>
                        <td><span class="badge badge-info">{{ eval.position_recommendation or 'N/A' }}</span></td>
                        <td>{{ eval.created_at.strftime('%m/%d/%Y') }}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="11" class="text-center">
                            <div class="empty-state">
                                <i class="fas fa-clipboard"></i>
                                <h3>No evaluations yet</h3>
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}