{% extends "base.html" %}
{% block main %}
<div class="h2">Matches vom Turnier {{ tournament.name }}</div>
<hr style="height: 3px" />
    <table class="table table-hover align-middle">
    <thead style="height: 30px">
        <tr>
            <th class="col-1 text-center">
                Status
            </th>
            <th class="col-2 text-center">
                Geplant am
            </th>
            <th class="col-9">
                Teilnehmer
            </th>
        </tr>
    </thead>
        <tbody>
        {% for match in matches %}
            <tr style="height: 50px; cursor: pointer;" onclick="window.location='{{ url_for('tournament.show_match', tournament_id=tournament.id, match_id=match.id) }}'">
                <td class="col-1 text-center">
                    {% if match.status == 'completed' %}
                        Abgeschlossen
                    {% else %}
                        Anstehend
                    {% endif %}
                </td>
                <td class="col-2 text-center">
                    {% if match.scheduled_datetime %}
                        {{ match.scheduled_datetime.strftime('%Y-%m-%d') }}
                    {% else %}
                        N/V
                    {% endif %}
                </td>
                <td class="col-9">
                    {{ match.opponents[0].participant.name }} <br />
                    {{ match.opponents[1].participant.name }}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}