---
import { Image } from 'astro:assets';
import Logo from '../../assets/svg/logo.svg';
const date = new Date();
---

<footer class="bg-body">
  <div class="container content-space-t-2 content-space-b-1">
    <div class="row mb-9">
      <div class="col-lg-3 mb-5 mb-lg-0">
        <a href=`${import.meta.env.BASE_URL}` aria-label="Front">
          <Image class="navbar-brand-logo img-fluid" src={Logo} alt="Logo" />
        </a>
      </div>
      <div class="col-6 col-md-3 col-lg-2 mb-5 mb-md-0">
        <h5 class="text-white">Carreras y Cursos</h5>
        <ul class="list-unstyled list-py-1 mb-0">
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}cursos/`>Cursos Gratis</a>
          </li>
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}cursos/`>Todos los Cursos</a>
          </li>
          <li><a class="link-sm link-light" href="#">Todas las Carreras</a></li>
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}internship/`>Programa de Pasantías</a>
          </li>
        </ul>
      </div>
      <div class="col-6 col-md-3 col-lg-2 mb-5 mb-md-0">
        <h5 class="text-white">Sobre Nosotros</h5>
        <ul class="list-unstyled list-py-1 mb-0">
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}about/`>Quienes Somos</a>
          </li>
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}contact/`>Contactanos</a>
          </li>
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}terms/`>Términos y Condiciones</a>
          </li>
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}privacy/`>Política de Privacidad</a>
          </li>
          <li>
            <a class="link-sm link-light" href=`${import.meta.env.BASE_URL}faq/`>Preguntas Frecuentes</a>
          </li>          
        </ul>
      </div>
      <div class="col-md-6 col-lg-5">
        <form>
          <h5 class="text-white">Recibe nuestras novedades y promociones</h5>
          <div class="input-card mt-3">
            <div class="input-card-form">
              <input type="text" class="form-control bg-secondary text-white" placeholder="Ingresa tu Email" aria-label="Ingresa tu Email"/>
            </div>
            <button type="button" class="btn btn-primary">Enviar</button>
          </div>
        </form>
        <p class="form-text text-white-70">
          Por email cada 15 dias. Nunca Spam.
        </p>
      </div>
    </div>
  <div class="row align-items-center">
    <small>“Amazon Web Services”, “AWS” son marcas comerciales o imágenes comerciales de AWS registradas en los EE. UU. y/u otros países. <a href="https://aws.amazon.com/terms/?nc1=f_pr">Términos</a></small>
  </div>
    <div class="row align-items-center">
      <div class="col">
        <p class="text-white-70 small mb-0">© CodyOps ~ {date.toDateString()} </p>
      </div>
      <div class="col-auto">
        <ul class="list-inline mb-0">
          <li class="list-inline-item">
            <a class="btn btn-ghost-light btn-lg btn-icon" id="facebook_homepage" href="https://www.facebook.com/codyopslatam">
              <i class="bi-facebook"></i>
            </a>
          </li>

          <li class="list-inline-item">
            <a class="btn btn-ghost-light btn-lg btn-icon" id="youtube_homepage" href="https://www.youtube.com/@codyopslatam">
              <i class="bi-youtube"></i>
            </a>
          </li>

          <li class="list-inline-item">
            <a class="btn btn-ghost-light btn-lg btn-icon" id="twitter_homepage" href="https://twitter.com/codyopslatam">
              <i class="bi-twitter"></i>
            </a>
          </li>

          <li class="list-inline-item">
            <a class="btn btn-ghost-light btn-lg btn-icon" id="instagram_homepage" href="https://www.instagram.com/codyopslatam">
              <i class="bi-instagram"></i>
            </a>
          </li>

          <li class="list-inline-item">
            <a class="btn btn-ghost-light btn-lg btn-icon" id="linkedin_homepage" href="https://www.linkedin.com/company/codyopslatam">
              <i class="bi-linkedin"></i>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</footer>