{% extends "base.html" %}
{% load static %}
{% load widget_tweaks %}

{% block contenido %}

<button type="button" class="btn_web btn btn-danger" onclick="location.href='/nueva_aula/'" name="add_pago" style="margin:2em;"> CREAR AULA </button>

<table id="lst_aulas" class="table table-striped table-bordered" style="width:94%; margin:2em; font-size: .84em;">
<thead>
    <tr>
        <td style="text-align: center;">Nombre</td>
        <td style="text-align: center;">Password Alumno</td>
        <td style="text-align: center;">Password Profesor</td>
        <td style="text-align: center;">URL</td>
        <td style="text-align: center;">Acceder</td>
        <td style="text-align: center;">Borrar</td>
    </tr>
</thead>
<tbody>
    {% for aula in listado %}
        <tr>
            <td>{{ aula.nombre }}</td>
            <td>{{ aula.alumno_password }}</td>
            <td>{{ aula.profesor_password }}</td>
            <td>https://app.academiaega.com{{ aula.url }}</td>            
            <td style="text-align: center;"><button class="btn btn-success btn-sm" onclick="location.href='/acceso_aula/{{ aula.meeting_id }}'">ACCEDER</button></td>
            <td style="text-align: center;"><button class="btn btn-warning btn-sm" onclick="borrar_aula('{{ aula.id }}')">BORRAR</button></td>
        </tr>
    {% endfor %}
</tbody>
</table>

<script type="text/javascript">	   
	$(document).ready(function() {
    	$('#lst_aulas').DataTable();
	} );

    function borrar_aula(id){

        var bool=confirm("¿Seguro de eliminar el aula?");

        if(bool){
            document.location.href = '/borrar_aula/' + id;            
        }else{
            pass;
        }       
    }
</script>

{% endblock contenido %}