{% extends 'admin/base.html.twig' %}

{% block title %}Matches{% endblock %}
{% block page_title %}Matches Management{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h3>All Matches</h3>
    <div>
        <a href="{{ path('admin_round_index') }}" class="btn btn-secondary">
            View Rounds
        </a>
    </div>
</div>

{% if matches is empty %}
    <div class="alert alert-info">
        No matches found. Create a round first, then add matches to it.
    </div>
{% else %}
    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead class="table-dark">
                <tr>
                    <th>ID</th>
                    <th>Date & Time</th>
                    <th>Home Team</th>
                    <th>Away Team</th>
                    <th>Score</th>
                    <th>Round</th>
                    <th>Season</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for match in matches %}
                <tr>
                    <td>{{ match.id }}</td>
                    <td>{{ match.matchDate|date('M d, Y H:i') }}</td>
                    <td>
                        {% if match.homeTeam.logo %}
                            <span style="font-size: 1.2rem;">{{ match.homeTeam.logo }}</span>
                        {% endif %}
                        {{ match.homeTeam.name }}
                    </td>
                    <td>
                        {% if match.awayTeam.logo %}
                            <span style="font-size: 1.2rem;">{{ match.awayTeam.logo }}</span>
                        {% endif %}
                        {{ match.awayTeam.name }}
                    </td>
                    <td>
                        {% if match.homeScore is not null and match.awayScore is not null %}
                            <strong>{{ match.homeScore }} - {{ match.awayScore }}</strong>
                        {% else %}
                            <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if match.round %}
                            <small>{{ match.round.name }}</small>
                        {% else %}
                            <span class="text-muted">-</span>
                        {% endif %}
                    </td>
                    <td>
                        <span class="badge bg-info">{{ match.season.name }}</span>
                    </td>
                    <td>
                        {% if match.status == 'scheduled' %}
                            <span class="badge bg-secondary">Scheduled</span>
                        {% elseif match.status == 'in_progress' %}
                            <span class="badge bg-primary">In Progress</span>
                        {% elseif match.status == 'completed' %}
                            <span class="badge bg-success">Completed</span>
                        {% elseif match.status == 'postponed' %}
                            <span class="badge bg-warning">Postponed</span>
                        {% elseif match.status == 'cancelled' %}
                            <span class="badge bg-danger">Cancelled</span>
                        {% endif %}
                    </td>
                    <td>
                        <div class="btn-group" role="group">
                            <a href="{{ path('admin_match_edit', {'id': match.id}) }}" class="btn btn-sm btn-warning">Edit</a>
                            <form method="post" action="{{ path('admin_match_delete', {'id': match.id}) }}" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this match?');">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ match.id) }}">
                                <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                            </form>
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endif %}
{% endblock %}