{% extends 'base.html' %}

{% block header %}
  <a href="#" onclick="window.history.go(-1); return false;">Regresar</a>
  <div class="flex-container-horizontal">
    <h1>{% block title %} Reporte de: {{ student['fullname']}}{% endblock %}</h1>
    <span>Reporte generado el {{ date.strftime("%Y-%m-%d") }}</span>
  </div>
{% endblock %}

{% block content %}
  <div class="student-details-body">
    <div id="information-left">
      <h3>Información general:</h3>
      <ul>
        <li>Código: {{ student['pucp_code'] }}</li>
        <li>Nombre: {{ student['fullname'] }}</li>
        <li>Email: {{ student['email'] }}</li>
        <li>Distrito: {{ student['district'] }}</li>
      </ul>
      <h3>Información socioeconómica:</h3>
      <ul>
        <li>Escala: {{ student['tuition_bracket'] }}</li>
      </ul>
      <h3>Información académica:</h3>
      <ul>
        <li>Unidad: {{ student['pucp_unit'] }}</li>
        <li>Ciclo actual: {{ student['current_semester'] }}</li>
        <li>Asistencia: {{ student['current_attendance'] }}</li>
        <li>
          <div class="tooltip">
            CRAEst:
            <span class="tooltiptext">
              Coeficiente de Rendimiento Académico Estandarizado
            </span>
            {{ student['current_craest'] }}
          </div>
        </li>
        <li>
          <div class="tooltip">
            PPNE3:
            <span class="tooltiptext">
              Promedio Ponderado de Notas Estandarizadas<br>
              de los últimos 3 semestres
            </span>
            {{ student['current_ppne3'] }}
          </div>
        </li>
        <li>Mérito: {{ student['current_merit'] }}</li>
        <li>
          <div class="tooltip">
            Long. de estudios est. (semestres):
            <span class="tooltiptext">
              Longitud de estudios estimada<br>(en semestres académicos)
            </span>
            {{ student['est_study_length'] }}
          </div>
        </li>
        <li>Riesgo de deserción est.: {{ student['est_desertion_risk_class'] }}</li>
      </ul>
    </div>
    <div id="information-right">
      <h2>Resultado:</h2>
      <span class="text-high-risk">Riesgo de deserción: {{ student['est_desertion_risk_class'] }}</span>
      {# <ul>
        <li>Factor de riesgo: 666</li>
      </ul> #}
      <hr>
      <div></div>
      <span>Significancia de variables:</span>
      <div class="chart">
        <img src="{{ url_for('static', filename='img/ss_20231113_190519.png') }}">
      </div>
    </div>
  </div>
{% endblock %}