{% extends 'base_externa.html' %} 
{% load static %}

{% block title %} {{ clase.titulo }} {% endblock title %}


{% block contenido %}
{% if pagination %}
<div class="container-xxl py-5">
	<div class="container">
     	<div class="row g-5">
        	<div class="col-lg-12 wow fadeInUp" data-wow-delay="0.1s" >
				<div class="table-responsive">
					<table class="table table-vcenter card-table">
						<thead>
							<tr>
	  							<th>Curso</th>
	  							<th>Examen</th>
	  							<th>Calificación</th>
							</tr>
						</thead>
						<tbody>
							{% for examen in pagination%}
							<tr>
								<td >
						            <div class="d-flex py-1 align-items-center">
						              <div class="flex-fill">
						                <div class="font-weight-medium"> {{ examen.examen.curso }} </div>
						              </div>
						            </div>
        						</td>
						          <td>
						            <div> {{ examen.examen }} </div>
						          </td>
						          <td class="text-muted" >
						            {{ examen.calificacion }}
						          </td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
{% else %}
<div id="class-message" data-class="0" class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
    <div class="container text-center">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <i class="bi bi-emoji-frown-fill display-1 text-primary"></i>
                <h1 class="mb-4">No hay calificaciones disponibles por el momento</h1>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% endblock contenido %}
    