{% load static %}
{% load i18n %}

<footer class="mt-auto bg-light">
  <div class="container-fluid p-4 bg-dark secondary-footer">
    <div class="row">
      <div class="col-2">

      </div>
      <div class="col-5">
        <div class="row">
          <h5 class="w-100 text-light text-center">{% trans 'Partners' %}</h5>
        </div>
        <div class="d-flex flex-wrap justify-content-around partner-logos">
          {% block footer-logos-extra %}
          <img src="https://monitoreo.conabio.gob.mx/images/Conanp.PNG">
          <img src="https://monitoreo.conabio.gob.mx/images/logo-pnud.png">
          {% endblock footer-logos-extra %}
        </div>
      </div>
      <div class="col-1">
      </div>
      <div class="col-2">
        <div class="row">
          <h5 class="w-100 text-light text-right">{% trans 'Links' %}</h5>
        </div>
        <div class="row">
          <p class="mb-0 w-100 text-right">
            <a class="text-muted" href="https://www.gob.mx/conabio">
              CONABIO
            </a>
          </p>
        </div>
        <div class="row">
          <p class="mb-0 w-100 text-right">
            <a class="text-muted" href="https://github.com/CONABIO-audio/selia">
              <i class="fab fa-github"></i>
              Github
            </a>
          </p>
        </div>
        <div class="row">
          <p class="mb-0 w-100 text-right">
            <a class="text-muted" href="https://monitoreo.conabio.gob.mx/">
              DGPI
            </a>
          </p>
        </div>
      </div>
      <div class="col-2">
      </div>
    </div>
  </div>

  <div class="container-fluid p-0">
    <div class="navbar navbar-light bg-light">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item">
          <a class="nav-link text-muted" href="#">
            {% trans 'Terms and Conditions' %}
          </a>
        </li>
      </ul>

      <div class="navbar-brand">
        <img src="https://monitoreo.conabio.gob.mx/images/1099-original.png">
      </div>
    </div>
  </div>
</footer>
