{% extends "base.html" %}
{% block content %}
<div class="page-head"><div><h1>Años escolares</h1><p>Creación, edición, activación y cierre con historial independiente.</p></div></div>

<section class="card">
  <h2>Crear nuevo año escolar</h2>
  <form method="post" action="/anios-escolares" class="form-grid">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label>Nombre<input name="name" placeholder="2027-2028" pattern="[0-9]{4}-[0-9]{4}" required></label>
    <label>Copiar estructura de<select name="copy_from_year_id"><option value="{{ active_year.id }}">{{ active_year.name }} (activo)</option>{% for year in years if year.id != active_year.id %}<option value="{{ year.id }}">{{ year.name }}</option>{% endfor %}</select></label>
    <label>Fecha de inicio<input type="date" name="start_date" required></label>
    <label>Fecha de cierre<input type="date" name="end_date" required></label>
    <div class="full"><button class="btn btn-primary">Crear año escolar</button></div>
  </form>
</section>

{% for year in years %}
<section class="card year-card {{ 'active-year-card' if year.is_active else '' }}">
  <div class="section-title">
    <div><h2>{{ year.name }} {% if year.is_active %}<span class="badge success">ACTIVO</span>{% elif year.is_closed %}<span class="badge neutral">CERRADO</span>{% else %}<span class="badge warning">{{ year.status|upper }}</span>{% endif %}</h2><p class="muted">{{ year.start_date }} al {{ year.end_date }}</p></div>
    <div class="inline-actions">
      <a class="btn btn-light btn-sm" href="/secciones?school_year_id={{ year.id }}">Ver secciones</a>
      {% if not year.is_active and not year.is_closed %}<form method="post" action="/anios-escolares/{{ year.id }}/activar"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="btn btn-warning btn-sm">Activar</button></form>{% endif %}
      {% if not year.is_closed %}<form method="post" action="/anios-escolares/{{ year.id }}/cerrar" data-confirm="El cierre conserva el historial, pero impide reactivar este año. ¿Continuar?"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="btn btn-danger btn-sm">Cerrar año</button></form>{% endif %}
    </div>
  </div>
  <div class="summary-strip compact-summary">
    <div><span>Secciones</span><b>{{ year_stats[year.id].sections }}</b></div>
    <div><span>Estudiantes</span><b>{{ year_stats[year.id].students }}</b></div>
    <div><span>Evaluaciones</span><b>{{ year_stats[year.id].evaluations }}</b></div>
    <div><span>Estado</span><b>{{ year.status|upper }}</b></div>
  </div>
  <details>
    <summary>Editar datos del año escolar</summary>
    <form method="post" action="/anios-escolares/{{ year.id }}/editar" class="form-grid compact-form">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <label>Nombre<input name="name" value="{{ year.name }}" required></label>
      <label>Inicio<input type="date" name="start_date" value="{{ year.start_date }}" required></label>
      <label>Cierre<input type="date" name="end_date" value="{{ year.end_date }}" required></label>
      <div class="actions-left"><button class="btn btn-light">Guardar cambios</button></div>
    </form>
  </details>
</section>
{% endfor %}
{% endblock %}