<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- FONTS -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Montserrat:wght@400;500;600&display=swap"
      rel="stylesheet"
    />
    <!-- Icons Bootstrap -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
    />

    <!-- CSS DataTables -->
    <link
      rel="stylesheet"
      href="https://cdn.datatables.net/1.11.0/css/dataTables.bootstrap5.min.css"
    />

    <!-- CSS BOOTSTRAP -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
      crossorigin="anonymous"
    />

    <!-- CSS próprio -->
    <link rel="stylesheet" href="/css/style.css" />

    <style>
      .img-autor {
        width: 5rem;
        height: 5rem;
      }
      #bagde {
        width: auto;
        height: 1.25rem;
      }
    </style>

    <title>AMII</title>
  </head>
  <body>
    <%- include('pages/header') %>

    <!-- a chjamada para script.js foi colocada aqui para que possa ser vista antes da criacao da tabela presente no arquivo cadastro.ejs. Assim a funcao update() poderá ser considerada declarada antes de chegar no código presente em cadastro.ejs. -->

    <main>
      <div class=""><%- body %></div>
    </main>

    <footer class="site-footer bg-dark">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-sm-6 col-xs-12">
            <p class="copyleft-text">
              Copyleft <span class="copyleft">&copy;</span> 2021. All Rights
              Reserved by
              <a href="https://www.instagram.com/_myguel/"> Myguel Angello </a>.
              <a class="" href="https://www.gnu.org/licenses/gpl-3.0.txt">
                Gnu Public License version 3.0.
              </a>
            </p>
          </div>

          <div class="col-md-4 col-sm-6 col-xs-12">
            <ul class="social-icons">
              <li>
                <a
                  class="github"
                  href="https://github.com/myguelangello/crud-node"
                  target="_blank"
                  ><i class="bi bi-github"></i
                ></a>
              </li>
              <li>
                <a
                  class="instagram"
                  href="https://www.instagram.com/_myguel/"
                  target="_blank"
                  ><i class="bi bi-instagram"></i
                ></a>
              </li>
              <li>
                <a
                  class="linkedin"
                  href="https://www.linkedin.com/in/myguelangello/"
                  target="_blank"
                  ><i class="bi bi-linkedin"></i
                ></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- <div class="d-flex">
        <div class="p-2 bg-info flex-grow-1 small text-muted">
          <i>Copyleft</i> Myguel Angello M. Abreu - all rights reserved. Página
          sob licença
          <a class="" href="https://www.gnu.org/licenses/gpl-3.0.txt">
            Gnu Public License version 3.0.
          </a>
        </div>
      </div> -->
    </footer>

    <!-- JQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <!-- JS DataTables -->
    <script>
      $(document).ready(function () {
        $("#list").DataTable();
      });
      var toastElList = [].slice.call(document.querySelectorAll(".toast"));
      var toastList = toastElList.map(function (toastEl) {
        return new bootstrap.Toast(toastEl, option);
      });
    </script>
    <script src="https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.0/js/dataTables.bootstrap5.min.js"></script>

    <!-- JS Bootstrap -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
      crossorigin="anonymous"
    ></script>
    <!-- JS's próprios -->
    <script src="/main.js"></script>
    <script src="/script.js"></script>
  </body>
</html>
