<div th:fragment="main_footer" class="text-center text-lg-start bg-light text-muted">

  <style>
    @media print {
      @page {
        margin: 0 0.8in;
      }
    }
  </style>

  <section>
    <div class="container text-center text-md-start mt-5">
      <div class="row mt-3">

        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
          <h6 class="text-uppercase fw-bold mb-4">
            <p style = "margin-top: 10%"> <i class="fas fa-gem me-3"> </i>La Filmoteca</p>
          </h6>
          <p style="text-align: justify" >
            Acercamos de una manera intuitiva las mejores películas de la historia según nuestros expertos y las más
            prestigiosas publicaciones de este arte.
          </p>
        </div>

        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
          <h6 class="text-uppercase fw-bold mb-4" style = "margin-top: 10%">Contacta con nosotros</h6>
            <p><i class="fas fa-home me-3"></i>Gata de Gorgos</p>
            <p><i class="fas fa-envelope me-3"></i>lafilmoteca@atencion.es</p>
            <p><i class="fas fa-phone me-3"></i> + 96 234 567 88</p>
        </div>

      </div>
    </div>
  </section>

  <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05); line-height: 90%;">
    <p> 2023 © <b>La Filmoteca</b> </p>
    <p style = "font-size: smaller;"> Con la tecnologia de
      <a href="https://mdbootstrap.com/"style="text-decoration: none; color: black"> MDBootstrap.com </a> </p>
    <a type="button" class="btn btn-success mb-3" style="background-color: black;" id="crearpdf">Crear PDF</a>
  </div>

  <script>
    document.addEventListener("DOMContentLoaded", () => {
      let boton = document.getElementById("crearpdf");
      let container = document.getElementById("contenedor");

      boton.addEventListener("click", event => {
        event.preventDefault();
        window.print();
      }, false);

      container.addEventListener("click", event => {
        boton.style.display = "initial";
      }, false);

    }, false);
  </script>

</div>