{% extends 'ElVerdaderoHeader.html' %}
{% block head %} 
{{nombre}}
{% endblock %}
{% block css %}
<link rel='stylesheet' href ='../../../static/css/estilo.css'>
{% endblock %}
{% block body %}

<h1 class = 'text-center text-white bg-dark'>Cursos</h1>
<div class ='row'>
    <div class = 'col-1'>
    </div>
    <div class="col-10">
        <table class = 'table table-hover'>
            <thead>
                <tr>
                    <th>Tipo de Nota</th>
                    <th>Valor</th>
                    <th>Evaluación</th>
                    <th>Promedio</th>
                    <th>Puntuación</th>
                </tr>
            </thead>
            <tbody>
                {% for estu in todo %}

                <tr>
                    {% set promedio = namespace(value=0) %}
                    {% set promedio.value = ((estu.valorSaco / estu.valorReal)*100)|int %}
                    <td>{{estu.tipo}}</td>
                    <td>{{estu.valorReal}}</td>
                    <td>{{estu.valorSaco}}</td>
                    <td>{{promedio.value}}</td>
                    <td>
                        {% if promedio.value >= 90 %}
                            A
                        {% elif promedio.value >= 80 %}
                            B
                        {% elif promedio.value >= 70 %}
                            C
                        {% elif promedio.value >= 60 %}
                            D
                        {% else %}
                            F
                        {% endif %}
                    </td>
                </tr>



                {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}