{% extends 'base.html' %}


{% block header %}
  <div class="flex-container-horizontal">
    <h1>{% block title %}Estudiantes{% endblock %}</h1>
    <span>💡TIP: hacer click en un estudiante para ver su detalle</span>
  </div>
{% endblock %}

{% block content %}
  <div class="filter-criteria">
    <form class="filters" method="get">
      <fieldset class="filters-list">
        <div>
          <label for="pucp_unit">Unidad:</label>
          <select name="pucp_unit" id="pucp_unit">
            <option value="0">Mostrar todas</option>
            {% for e in pucp_unit %}
              <option value="{{e['id']}}" {% if e['id'] == fc['pucp_unit'] %} selected {% endif %}>{{ e['name'] }}</option>
            {% endfor %}
          </select>
        </div>
        <div>
          <label for="semester">Semestre: </label>
          <select name="semester" id="semester">
            <option value="0">Mostrar todos</option>
            {% for e in semester %}
              <option value="{{e['id']}}" {% if e['id'] == fc['semester'] %} selected {% endif %}>{{ e['name'] }}</option>
            {% endfor %}
          </select>
        </div>
        <div>
          <label for="desertion_risk_class">Riesgo deserción: </label>
          <select name="desertion_risk_class" id="desertion_risk_class">
            <option value="0">Mostrar todos</option>
            {% for e in desertion_risk_class %}
              <option value="{{e['id']}}" {% if e['id'] == fc['desertion_risk_class'] %} selected {% endif %}>{{ e['name'] }}</option>
            {% endfor %}
          </select>
        </div>
        <div>
          <label for="page">Página: </label>
          <select name="page" id="page">
            {% for i in range(pagination['n_pages'])%}
              <option value="{{i}}">{{ i + 1 }}</option>
            {% endfor %}
          </select>
        </div>
        <div>
          <label></label>
          <input type="submit" value="Aplicar filtros">
        </div>
      </fieldset>
    </form>
  </div>
  <div class="table-pagination">
    <span> {{ pagination['rowcount'] }} estudiantes encontrados.  Página {{ pagination['page'] + 1 }} de {{ pagination['n_pages'] }}.</span>
    <div class="page-list">
      {% for i in range(pagination['n_pages'])%}
        <a href="#">{{ i + 1 }}</a>
      {% endfor %}
    </div>
  </div>
  <table class="students-table">
    <thead>
      <tr>
        <th>código</th>
        <th>nombre</th>
        <th>email</th>
        <th>distrito</th>
        <th>facultad</th>
        <th>asistencia</th>
        <th>CRAEst</th>
        <th>PPNE3</th>
        <th>mérito</th>
        <th>ciclos est.</th>
        <th>riesgo est.</th>
      </tr>
    </thead>
    <tbody>
      {% for student in students %}
        <tr>
          <td><a href="{{ url_for('students.details', student_id=student['id']) }}">{{ student['pucp_code'] }}</a></td>
          <td>{{ student['fullname'] }}</td>
          <td>{{ student['email'] }}</td>
          <td>{{ student['district'] }}</td>
          <td>{{ student['pucp_unit'] }}</td>
          <td>{{ student['current_attendance'] }}</td>
          <td>{{ student['current_craest'] }}</td>
          <td>{{ student['current_ppne3'] }}</td>
          <td>{{ student['current_merit'] }}</td>
          <td>{{ student['est_study_length'] }}</td>
          <td>{{ student['est_desertion_risk_class'] }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}