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

{% block contenido %}

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#" style="color: #49494A">HOME</a></li>
        <li class="breadcrumb-item"><a href="#" style="color: #49494A">AULAS VIRTUALES</a></li>
        <li class="active breadcrumb-item"><a href="#" style="color: #9D001B">{{ aula.nombre }}</a></li>
    </ol>
</nav>

<form class="form-horizontal" role="form" id="formulario" name="formulario_acceso_aula" method="POST" enctype="multipart/form-data" accept-charset="UTF-8">{% csrf_token %}
    <div class="form-group col-md-6">
        <label>NOMBRE: </label>
        <input type="text" class="form-control" id="id_nombre" name="nombre" placeholder="Escribe tu nombre...">
    </div>
    <div class="form-group col-md-6">
        <label>CÓDIGO DE ACCESO: </label>
        <input type="password" class="form-control" id="id_codigo" name="codigo" placeholder="Escribe tu código de acceso...">
    </div>
    <button type="submit" class="btn btn-primary" style="margin-left: 1em;">ACCEDER</button>
</form>

<!-- Footer -->
<footer class="text-center text-lg-start bg-light text-muted" style="border-top: 1px solid #9D001B;">    
  
  <!-- Section: Links  -->
  <section class="">
    <div class="container text-center text-md-start mt-5">
      <!-- Grid row -->
      <div class="row mt-3">
        <!-- Grid column -->
        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
          <!-- Content -->
          <h6 class="text-uppercase fw-bold mb-5">
            <p style="color:#9D001B; font-weight: bold;">EGA Castilla la Mancha S.L.</p>
          </h6>
          <p style="text-align: justify; font-size: .85em;">
              DESCUBRE TODO LO QUE <span style="color:#9D001B; font-weight: bold;">EGA</span> PUEDE OFRECERTE <br>
              <span style="font-weight: bold;">¿Idiomas? ¿Nuevas tecnologías?</span>  En egaclm tenemos la solución que buscas en materia de formación. <br>                
              <span style="color:#9D001B; font-weight: bold;">Idiomas:</span> Inglés, Alemán, Francés... Todos los niveles y edades. <br>                
              <span style="color:#9D001B; font-weight: bold;">Nuevas tecnologías:</span> Robótica, Impresión 3D, Office, Diseño y mucho más... <br>                
              Además ofrecemos clases de apoyo para ayudarte a afrontar los nuevos retos que te encuentes en tus estudios.. para ti o para los tuyos...
          </p>
        </div>
        <!-- Grid column -->

        <!-- Grid column -->
        <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
          <!-- Links -->
          <h6 class="text-uppercase fw-bold mb-4" style="color:#9D001B; font-weight: bold;">
            SERVICIOS
          </h6>
          <p>
            <a href="https://www.egaclm.com/" class="text-reset">Cursos Online</a>
          </p>
          <p>
            <a href="https://www.egaclm.com/" class="text-reset">Cursos Presenciales</a>
          </p>
          <p>
            <a href="https://www.egaclm.com/" class="text-reset">Viajes al Extranjero</a>
          </p>
          <p>
            <a href="https://www.egaclm.com/" class="text-reset">Campamentos de Verano</a>
          </p>
        </div>
        <!-- Grid column -->

        <!-- Grid column -->
        <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-3">
          <!-- Links -->
          <h6 class="text-uppercase fw-bold mb-4" style="color:#9D001B; font-weight: bold;">
            Enlaces Útiles
          </h6>            
          <p>
            <a href="http://app.egaclm.com/" class="text-reset">Matrículas</a>
          </p>
          <p>
            <a href="http://app.egaclm.com/test_1/" class="text-reset">Test de Nivel</a>
          </p>
          <p>
            <a href="https://www.egaclm.com/nosotros/" class="text-reset">Nosotros</a>
          </p>
          <p>
            <a href="https://www.egaclm.com/ampas/" class="text-reset">AMPAS</a>
          </p>
        </div>
        <!-- Grid column -->

        <!-- Grid column -->
        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
          <!-- Links -->
          <h6 class="text-uppercase fw-bold mb-4" style="color:#9D001B; font-weight: bold;">
            Contacto
          </h6>
          <p><i class="fas fa-home me-3"></i> Ronda Buenavista, 37. 45005 Toledo</p>
          <p>
            <i class="fas fa-envelope me-3">info@academiaega.com</i>
            
          </p>
          <p><i class="fas fa-phone me-3"></i> +34 925 21 67 49 </p>
          <p><i class="fas fa-print me-3"></i> +34 686 59 41 89</p>
        </div>
        <!-- Grid column -->
      </div>
      <!-- Grid row -->
    </div>
  </section>
  <!-- Section: Links  -->
</footer>
<!-- Footer -->

  <script>
    $('#btn_acceso').hide();
  </script>

{% endblock contenido %}