{% extends "layouts/base.html" %}
{% block title %}Players to Evaluate - UdeS team manager{% endblock %}
{% block page_title %}Players to Evaluate{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / <a href="{{ url_for('tryouts.view_tryout', tryout_id=tryout.id) }}">{{ tryout.title }}</a> / Evaluate</span>{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-users"></i> Select players to evaluate in {{ tryout.title }}</h3>
    </div>
    <div class="card-body">
        <p class="text-muted mb-3">Choose the players you want to evaluate, then load all of them on a single page.</p>
        <form method="GET" action="{{ url_for('evaluations.batch_evaluate', tryout_id=tryout.id) }}">
            <div class="table-container">
                <table class="table">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="select-all" onclick="toggleAll(this)"></th>
                            <th>Player</th>
                            <th>Contact</th>
                            <th>Attendance</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for entry in players %}
                        <tr>
                            <td>
                                <input type="checkbox" name="player_ids" value="{{ entry.player.id }}" class="player-check">
                            </td>
                            <td>
                                <div class="user-mini">
<div class="avatar-sm">{{ entry.player.username[:2] | upper }}</div>
<span>{{ entry.player.username }}</span>
                                </div>
                            </td>
                            <td>{{ entry.player.email }}</td>
                            <td>
                                <span class="badge badge-{{ entry.registration.status }}">{{ entry.registration.status }}</span>
                            </td>
                            <td>
                                {% if entry.evaluated %}
                                <span class="badge badge-success">Evaluated</span>
                                {% else %}
                                <span class="badge badge-warning">Not Evaluated</span>
                                {% endif %}
                            </td>
                            <td>
                                <a href="{{ url_for('evaluations.evaluate_player', tryout_id=tryout.id, player_id=entry.player.id) }}" class="btn btn-sm btn-outline">
                                    <i class="fas fa-clipboard"></i> {% if entry.evaluated %}View/Edit{% else %}Single{% endif %}
                                </a>
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="6" class="text-center">No players registered for this tryout.</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <div class="form-actions">
                <a href="{{ url_for('tryouts.view_tryout', tryout_id=tryout.id) }}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-clipboard-check"></i> Evaluate Selected
                </button>
            </div>
        </form>
    </div>
</div>

<script>
function toggleAll(master) {
    var boxes = document.querySelectorAll('.player-check');
    for (var i = 0; i < boxes.length; i++) {
        boxes[i].checked = master.checked;
    }
}
</script>
{% endblock %}