{% extends "layouts/base.html" %}
{% block title %}Tryouts - UdeS team manager{% endblock %}
{% block page_title %}Tryouts{% endblock %}
{% block breadcrumb %}<span class="breadcrumb">Home / Tryouts</span>{% endblock %}

{% block header_actions %}
{% if current_user.can_manage_tryouts() %}
<a href="{{ url_for('tryouts.create_tryout') }}" class="btn btn-primary">
    <i class="fas fa-plus"></i> New Tryout
</a>
{% endif %}
{% endblock %}

{% block content %}
<div class="tryouts-grid">
    {% for tryout in tryouts %}
    <div class="card tryout-card">
        <div class="card-header">
            <h3 class="tryout-title">{{ tryout.title }}</h3>
            <span class="badge badge-{{ tryout.status }}">{{ tryout.status | replace('_', ' ') | title }}</span>
        </div>
        <div class="card-body">
            <div class="tryout-info-grid">
                <div class="info-item">
                    <i class="fas fa-gamepad info-icon"></i>
                    <span class="info-label">Game</span>
                    <span class="info-value">{{ tryout.game }}</span>
                </div>
                <div class="info-item">
                    <i class="fas fa-calendar info-icon"></i>
                    <span class="info-label">Date</span>
                    <span class="info-value">
                        {% if tryout.end_date and tryout.end_date != tryout.date %}
                        {{ tryout.date.strftime('%b %d') }} - {{ tryout.end_date.strftime('%b %d, %Y') }}
                        {% else %}
                        {{ tryout.date.strftime('%b %d, %Y') }}
                        {% endif %}
                    </span>
                </div>
                <div class="info-item">
                    <i class="fas fa-map-marker-alt info-icon"></i>
                    <span class="info-label">Location</span>
                    <span class="info-value">{{ tryout.location or 'TBD' }}</span>
                </div>
                <div class="info-item">
                    <i class="fas fa-users info-icon"></i>
                    <span class="info-label">Players</span>
                    <span class="info-value">{{ tryout.registrations.count() }}</span>
                </div>
                {% if current_user.can_evaluate() %}
                <div class="info-item">
                    <i class="fas fa-clipboard-check info-icon"></i>
                    <span class="info-label">Evaluations</span>
                    <span class="info-value">{{ tryout.evaluations.count() }}</span>
                </div>
                {% endif %}
                {% if tryout.target_org_team %}
                <div class="info-item">
                    <i class="fas fa-flag info-icon"></i>
                    <span class="info-label">Target Team</span>
                    <span class="info-value">{{ tryout.target_org_team.name }}</span>
                </div>
                {% endif %}
                {% if tryout.max_players %}
                <div class="info-item">
                    <i class="fas fa-user-friends info-icon"></i>
                    <span class="info-label">Max Players</span>
                    <span class="info-value">{{ tryout.max_players }}</span>
                </div>
                {% endif %}
            </div>
            {% if tryout.description %}
            <div class="tryout-description mt-3">
                <p>{{ tryout.description | truncate(120) }}</p>
            </div>
            {% endif %}
        </div>
        <div class="card-footer">
            <a href="{{ url_for('tryouts.view_tryout', tryout_id=tryout.id) }}" class="btn btn-sm btn-outline">
                <i class="fas fa-eye"></i> View Details
            </a>
            {% if current_user.can_evaluate() %}
            <a href="{{ url_for('evaluations.players_to_evaluate', tryout_id=tryout.id) }}" class="btn btn-sm btn-primary">
                <i class="fas fa-clipboard-check"></i> Evaluate
            </a>
            {% endif %}
        </div>
    </div>
    {% else %}
    <div class="card" style="grid-column: 1 / -1;">
        <div class="card-body text-center">
            <div class="empty-state">
                <i class="fas fa-calendar-times"></i>
                <h3>No tryouts found</h3>
                {% if current_user.can_manage_tryouts() %}
                <p>Get started by creating a new tryout.</p>
                <a href="{{ url_for('tryouts.create_tryout') }}" class="btn btn-primary">Create Tryout</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}