{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <div><h1>Nueva evaluación</h1><p>La planificación del período debe estar cargada. Al guardar, la configuración queda cerrada.</p></div>
  <a class="btn btn-light" href="/planificaciones">Ver planificaciones</a>
</div>
<section class="legal-note">
  <h3>Control institucional previo</h3>
  <p>El sistema no permitirá crear la evaluación cuando exista un Artículo 112 pendiente en la misma sección y asignatura. La configuración solo puede registrarse dentro del período habilitado; una modificación posterior requiere solicitud escrita y acta aprobada por Coordinación.</p>
</section>
<div class="card">
<form method="post" class="form-grid">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<label>Sección<select name="section_id" required>{% for s in sections %}<option value="{{ s.id }}" {% if selected_section == s.id %}selected{% endif %}>{{ s.name }}</option>{% endfor %}</select></label>
<label>Asignatura<select name="subject_id" required>{% for s in subjects %}<option value="{{ s.id }}" {% if selected_subject == s.id %}selected{% endif %}>{{ s.name }}</option>{% endfor %}</select></label>
<label>Momento<select name="period" required>{% for p in period_windows %}<option value="{{ p.name }}">{{ p.name }} · configuración {{ p.evaluation_config_start }} al {{ p.evaluation_config_end }}</option>{% endfor %}</select></label>
<label>Número de estrategia<input type="number" name="evaluation_number" min="1" max="12" value="1" required></label>
<label class="full">Nombre de la evaluación<input name="title" placeholder="Ej.: Prueba escrita de fracciones" required></label>
<label>Técnica<input name="technique" placeholder="Ej.: Prueba"></label>
<label>Instrumento<input name="instrument" placeholder="Ej.: Cuestionario / escala de estimación"></label>
<label class="full">Objetivos y contenidos<textarea name="content" rows="4" required></textarea></label>
<label class="full">Competencias / criterios a evaluar<textarea name="competencies" rows="4" required></textarea></label>
<label>Fecha de aplicación<input type="date" name="evaluation_date" value="{{ today }}" required></label>
<div class="full actions-left"><button class="btn btn-primary">Guardar configuración y cerrar</button></div>
</form>
</div>
{% endblock %}