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

{% block title %}{{ is_edit ? 'Edit Match' : 'Create Match' }}{% endblock %}
{% block page_title %}{{ is_edit ? 'Edit Match' : 'Create New Match' }}{% endblock %}

{% block body %}
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                {% if round %}
                <div class="alert alert-info">
                    <strong>Round:</strong> {{ round.name }} 
                    <br>
                    <strong>Season:</strong> {{ round.season.name }}
                </div>
                {% endif %}

                {{ form_start(form) }}
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        {{ form_label(form.homeTeam) }}
                        {{ form_widget(form.homeTeam) }}
                        {{ form_errors(form.homeTeam) }}
                    </div>

                    <div class="col-md-6 mb-3">
                        {{ form_label(form.awayTeam) }}
                        {{ form_widget(form.awayTeam) }}
                        {{ form_errors(form.awayTeam) }}
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-8 mb-3">
                        {{ form_label(form.matchDate) }}
                        {{ form_widget(form.matchDate) }}
                        {{ form_errors(form.matchDate) }}
                    </div>

                    <div class="col-md-4 mb-3">
                        {{ form_label(form.status) }}
                        {{ form_widget(form.status) }}
                        {{ form_errors(form.status) }}
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        {{ form_label(form.homeScore) }}
                        {{ form_widget(form.homeScore) }}
                        {{ form_errors(form.homeScore) }}
                        <small class="form-text text-muted">Leave empty if match not played yet</small>
                    </div>

                    <div class="col-md-6 mb-3">
                        {{ form_label(form.awayScore) }}
                        {{ form_widget(form.awayScore) }}
                        {{ form_errors(form.awayScore) }}
                        <small class="form-text text-muted">Leave empty if match not played yet</small>
                    </div>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ path('admin_match_index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">
                        {{ is_edit ? 'Update Match' : 'Create Match' }}
                    </button>
                </div>

                {{ form_end(form) }}
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5>Help</h5>
            </div>
            <div class="card-body">
                <p class="small"><strong>Match Status:</strong></p>
                <ul class="small">
                    <li><strong>Scheduled:</strong> Match is planned</li>
                    <li><strong>In Progress:</strong> Match is ongoing</li>
                    <li><strong>Completed:</strong> Match is finished</li>
                    <li><strong>Postponed:</strong> Match is delayed</li>
                    <li><strong>Cancelled:</strong> Match is cancelled</li>
                </ul>
                
                <hr>
                
                <p class="small"><strong>Match Scores:</strong></p>
                <p class="small">Enter the actual game scores (e.g., 90:30, 85:84). These represent the points scored during the match itself.</p>
                
                <p class="small"><strong>League Points:</strong></p>
                <ul class="small">
                    <li><strong>Win:</strong> 3 league points</li>
                    <li><strong>Draw:</strong> 1 league point</li>
                    <li><strong>Loss:</strong> 0 league points</li>
                </ul>
                <p class="small">Standings are calculated automatically based on match results when status is "Completed".</p>
                
                <div class="alert alert-info small">
                    <strong>Note:</strong> Ensure home and away teams are different before saving.
                </div>

                {% if is_edit and match %}
                    <hr>
                    <p class="small"><strong>Current Match:</strong></p>
                    <ul class="small">
                        <li>Created: {{ match.createdAt|date('M d, Y H:i') }}</li>
                        <li>Updated: {{ match.updatedAt|date('M d, Y H:i') }}</li>
                    </ul>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}