{% extends 'base.html' %}

{% block header %}
  <h1>{% block title %}Reporte del estudiante{% endblock %}</h1>
  <span>Reporte generado el {{ date.strftime("%Y-%m-%d") }}</span>
{% endblock %}

{% block content %}
  <div class="student-details-container">
    <div id="information-left">
      <h3>Información general:</h3>
      <h3>Información socioeconómica:</h3>
      <h3>Información académica:</h3>
    </div>
    <div id="information-right">
      <h2>Resultado:</h2>
      <span class="high-risk">Riesgo de deserción alto</span>
      <ul>
        <li>Factor de riesgo: 666</li>
      </ul>
      <span>Significancia de variables:</span>
      <div class="chart">
        <img src="{{ url_for('static', filename='img/sample-bar_chart.png') }}">
      </div>
    </div>
  </div>
{% endblock %}