{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <div><h1>Planificaciones por período</h1><p>La planificación es obligatoria antes de configurar una evaluación.</p></div>
  {% if user.role in ['admin','director','evaluacion'] %}<a class="btn btn-light" href="/periodos">Configurar períodos</a>{% endif %}
</div>
<section class="legal-note">
  <h3>Cierre automático</h3>
  <p>Al enviar una planificación queda bloqueada. Cualquier cambio posterior necesita una solicitud escrita, referencia de acta y aprobación de Coordinación.</p>
</section>

{% if user.role == 'docente' %}
<div class="card">
<h2>Cargar planificación</h2>
<form method="post" action="/planificaciones" class="form-grid">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<label>Asignación<select name="assignment_id" required>{% for a in assignments %}<option value="{{ a.id }}" {% if new_assignment == a.id %}selected{% endif %}>{{ a.section.name }} · {{ a.subject.name }}</option>{% endfor %}</select></label>
<label>Período<select name="period" required>{% for p in period_names %}<option value="{{ p }}" {% if new_period == p %}selected{% endif %}>{{ p }}{% if windows.get(p) %} · {{ windows.get(p).planning_start }} al {{ windows.get(p).planning_end }}{% endif %}</option>{% endfor %}</select></label>
<label class="full">Propósito / objetivos generales<textarea name="purpose" rows="3" required></textarea></label>
<label class="full">Contenidos<textarea name="contents" rows="4" required></textarea></label>
<label class="full">Competencias<textarea name="competencies" rows="4" required></textarea></label>
<label class="full">Estrategias metodológicas<textarea name="strategies" rows="4" required></textarea></label>
<label class="full">Cronograma y configuración prevista de evaluaciones<textarea name="evaluation_schedule" rows="5" placeholder="Fechas, técnicas, instrumentos y ponderaciones previstas" required></textarea></label>
<div class="full"><button class="btn btn-primary">Enviar planificación y cerrar</button></div>
</form>
</div>
{% endif %}

<div class="card table-wrap">
<table>
<thead><tr><th>Docente</th><th>Sección</th><th>Asignatura</th><th>Período</th><th>Cargada</th><th>Estado</th><th></th></tr></thead>
<tbody>
{% for p in plannings %}
<tr>
<td>{{ p.teacher.full_name }}</td><td>{{ p.section.name }}</td><td>{{ p.subject.name }}</td><td>{{ p.period }}</td><td>{{ p.submitted_at }}</td><td><span class="badge warning">Cerrada</span></td><td><a class="btn btn-light btn-sm" href="/planificaciones/{{ p.id }}">Ver</a></td>
</tr>
{% else %}<tr><td colspan="7" class="empty">No hay planificaciones cargadas.</td></tr>{% endfor %}
</tbody>
</table>
</div>

{% if user.role == 'docente' %}
<div class="card table-wrap">
<h2>Control por asignación</h2>
<table>
<thead><tr><th>Sección / asignatura</th>{% for p in period_names %}<th>{{ p }}</th>{% endfor %}</tr></thead>
<tbody>
{% for a in assignments %}
<tr><td><b>{{ a.section.name }}</b><br><span class="muted">{{ a.subject.name }}</span></td>
{% for period in period_names %}
{% set item = planning_map.get((a.teacher_id, a.section_id, a.subject_id, period)) %}
<td>{% if item %}<a class="badge success" href="/planificaciones/{{ item.id }}">Cargada</a>{% else %}<span class="badge danger">Pendiente</span>{% endif %}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
{% endblock %}