{% 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>Curso</th>
                    <th>Promedio</th>
                    <th>Nota</th>
                    <th>Evaluaciones</th>
                </tr>
            </thead>
            <tbody>
                {% for estu in todaNota %}

                <tr>
                    {% set promedio = namespace(value=0) %}
                    {% set promedio.value = ((estu.valorSaco / estu.valorReal)*100)|int %}
                    <td>{{estu.codigo}}, {{estu.titulo}}</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>
                    <td>
                        <a href="/dashEstudiantes/{{estId}}/notas/{{estu.oferta_id}}" class="boton task2">Evaluaciones</a>
                    </td>
                    <td data-value = {{estu.oferta_id}}></td>
                </tr>



                {% endfor %}
            </tbody>
        </table>
    </div>
    <script>
        var ofertaAsistencia = jQuery.parseJSON('{{ofertasConAsistencia | tojson | safe }}')

        $(document).ready(function(){

            $('tr').each(function(){

                var ofertaId = $(this).children('td').last().data('value');
                if (typeof(ofertaId)!= 'undefined'){
                text = 'P: '+ofertaAsistencia[ofertaId].Presente + ', A: '+ofertaAsistencia[ofertaId].Ausente+
                ' T: ' + ofertaAsistencia[ofertaId].Tarde+ ', Ex: ' +ofertaAsistencia[ofertaId].Excusado;
                $(this).children(':last').text(text)
                }
            })
            
        })
    </script>

{% endblock %}