<div class="section-title">
  <h1>Editar partido</h1>
  <a class="btn btn-ghost btn-sm" href="/admin/torneos/<%= partido.torneo_id %>">← Volver</a>
</div>

<section class="card">
  <form action="/admin/partidos/<%= partido.id %>/editar" method="post">
    <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
    <div class="row">
      <div class="field"><label>Local</label>
        <input type="text" name="equipo_local" value="<%= partido.equipo_local %>" required /></div>
      <div class="field"><label>Visitante</label>
        <input type="text" name="equipo_visitante" value="<%= partido.equipo_visitante %>" required /></div>
    </div>
    <div class="row">
      <div class="field"><label>Fase</label>
        <select name="fase_id">
          <option value="">— sin fase —</option>
          <% fases.forEach(function (f) { %>
            <option value="<%= f.id %>" <%= partido.fase_id === f.id ? 'selected' : '' %>><%= f.nombre %></option>
          <% }); %>
        </select>
      </div>
      <div class="field"><label>Inicio (deadline)</label>
        <input type="datetime-local" name="inicia_en" value="<%= partido.inicia_en %>" required /></div>
    </div>
    <button class="btn" type="submit">Guardar cambios</button>
  </form>
</section>

<% if (partido.estado === 'finalizado') { %>
  <section class="card">
    <p class="muted">
      Este partido ya tiene resultado cargado
      (<%= partido.goles_local %>-<%= partido.goles_visitante %>). Si cambias los
      equipos o la fecha, recuerda revisar el resultado y los puntos.
    </p>
  </section>
<% } %>

<section class="card">
  <h2>Eliminar partido</h2>
  <p class="muted">Esto borra el partido y todos los pronósticos asociados. No se puede deshacer.</p>
  <form action="/admin/partidos/<%= partido.id %>/eliminar" method="post"
        onsubmit="return confirm('¿Eliminar este partido y sus pronósticos? Esta acción no se puede deshacer.');">
    <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
    <button class="btn btn-red" type="submit">Eliminar partido</button>
  </form>
</section>
