{% extends "base.html" %}
{% block title %}Admin — Mundial 2026{% endblock %}
{% block content %}
<h1>Panel de administración</h1>

{% if request.query_params.get('msg') %}
<div class="admin-msg">{{ request.query_params.get('msg') }}</div>
{% endif %}

<section class="admin-section">
    <h2>Resultados automáticos</h2>
    <p style="font-size:0.9em;color:#666">Se actualizan solos cada 5 minutos. También podés forzar la actualización ahora:</p>
    <form method="post" action="/admin/fetch-resultados">
        <button type="submit" class="btn-fetch">Buscar resultados en internet</button>
    </form>
</section>

<section class="admin-section">
    <h2>Agregar partido</h2>
    <form method="post" action="/admin/partido" class="admin-form">
        <input type="text" name="equipo_local" placeholder="Equipo local" required>
        <input type="text" name="equipo_visitante" placeholder="Equipo visitante" required>
        <input type="datetime-local" name="fecha" required>
        <select name="fase">
            <option value="grupos">Fase de Grupos</option>
            <option value="ronda32">Ronda de 32</option>
            <option value="octavos">Octavos de Final</option>
            <option value="cuartos">Cuartos de Final</option>
            <option value="semifinal">Semifinal</option>
            <option value="tercer_puesto">Tercer Puesto</option>
            <option value="final">Final</option>
        </select>
        <label class="admin-check">
            <input type="checkbox" name="equipos_confirmados" value="1" checked>
            Equipos confirmados
        </label>
        <button type="submit">Agregar partido</button>
    </form>
</section>

<section class="admin-section">
    <h2>Partidos cargados</h2>
    {% if not partidos %}
        <p class="empty">No hay partidos aún.</p>
    {% endif %}
    {% for partido in partidos %}
    <div class="admin-partido">
        <div class="admin-partido-info">
            <strong>{{ partido.equipo_local }} vs {{ partido.equipo_visitante }}</strong>
            <span class="fecha-small">{{ partido.fecha }}</span>
            <span class="badge-fase">{{ partido.fase or 'grupos' }}</span>
            {% if not partido.equipos_confirmados %}
                <span class="badge-pendiente">equipos pendientes</span>
            {% endif %}
            {% if partido.resultado_local is not none %}
                <span class="resultado-badge">{{ partido.resultado_local }} — {{ partido.resultado_visitante }}
                    {% if partido.ganador and partido.resultado_local == partido.resultado_visitante %}
                        (clasifica: {{ partido.ganador }})
                    {% endif %}
                </span>
            {% endif %}
        </div>
        <div class="admin-partido-acciones">

            {# Actualizar equipos si están pendientes #}
            {% if not partido.equipos_confirmados %}
            <form method="post" action="/admin/partido/{{ partido.id }}/equipos" class="form-resultado">
                <input type="text" name="equipo_local" placeholder="Equipo local" value="{{ partido.equipo_local }}" required style="width:140px">
                <span>vs</span>
                <input type="text" name="equipo_visitante" placeholder="Equipo visitante" value="{{ partido.equipo_visitante }}" required style="width:140px">
                <button type="submit">Confirmar equipos</button>
            </form>
            {% endif %}

            {# Cargar resultado #}
            {% if partido.resultado_local is none %}
            <form method="post" action="/admin/resultado/{{ partido.id }}" class="form-resultado">
                <input type="number" name="resultado_local" min="0" max="99" placeholder="Local" required style="width:60px">
                <span>—</span>
                <input type="number" name="resultado_visitante" min="0" max="99" placeholder="Visit." required style="width:60px">
                {% if partido.fase and partido.fase != 'grupos' %}
                <select name="ganador" title="Si hubo alargue/penales, indicá quién clasificó">
                    <option value="">Auto (del marcador)</option>
                    <option value="local">Clasifica: {{ partido.equipo_local }}</option>
                    <option value="visitante">Clasifica: {{ partido.equipo_visitante }}</option>
                </select>
                {% endif %}
                <button type="submit">Guardar resultado</button>
            </form>
            {% endif %}

            <form method="post" action="/admin/partido/{{ partido.id }}/eliminar"
                  onsubmit="return confirm('¿Eliminar este partido y todas sus predicciones?')">
                <button type="submit" class="btn-eliminar">Eliminar</button>
            </form>
        </div>
    </div>
    {% endfor %}
</section>
{% endblock %}