{% extends "base.html" %}
{% block content %}
<div class="page-head"><div><h1>Períodos y fechas de carga</h1><p>Año escolar {{ settings.school_year }} · fecha institucional {{ today }}</p></div></div>
<section class="legal-note">
  <h3>Regla de cierre</h3>
  <p>La planificación y la configuración solo se registran dentro de estas fechas. Una vez cargadas quedan cerradas. Fuera del período se requiere solicitud escrita, acta y nueva fecha aprobada por Coordinación.</p>
</section>
{% for p in periods %}
<div class="card">
  <div class="section-title"><h2>{{ p.name }}</h2><span class="badge {{ 'success' if p.is_active else 'danger' }}">{{ 'Activo' if p.is_active else 'Inactivo' }}</span></div>
  <form method="post" action="/periodos/{{ p.id }}" class="form-grid">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label>Inicio de planificación<input type="date" name="planning_start" value="{{ p.planning_start }}" required></label>
    <label>Cierre de planificación<input type="date" name="planning_end" value="{{ p.planning_end }}" required></label>
    <label>Inicio configuración evaluaciones<input type="date" name="evaluation_config_start" value="{{ p.evaluation_config_start }}" required></label>
    <label>Cierre configuración evaluaciones<input type="date" name="evaluation_config_end" value="{{ p.evaluation_config_end }}" required></label>
    <label class="checkbox-line"><input type="checkbox" name="is_active" {% if p.is_active %}checked{% endif %}> Período habilitado</label>
    <div class="actions-left"><button class="btn btn-primary">Guardar fechas</button></div>
  </form>
</div>
{% endfor %}
{% endblock %}