{% extends "dsgov/base.html" %}
{% load br_components %}
{% load static %}

{% block content %}
   <footer class="br-footer">
        <div class="container-lg">
            <div class="logo">
                <img src="{{ logo_url }}" alt="Imagem"/>
            </div>
            <div class="br-list horizontal" data-toggle="data-toggle" data-sub="data-sub">
                {% for list_html in rendered_lists %}
                    {{ list_html|safe }}
                {% endfor %}
            </div>
            <div class="d-none d-sm-block">
                <div class="row align-items-end justify-content-between py-5">
                    <div class="col">
                        <div class="social-network">
                            <div class="social-network-title">Redes Sociais</div>
                            <div class="d-flex">
                                <a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Facebook">
                                    <i class="fab fa-facebook-f" aria-hidden="true"></i>
                                </a>
                                <a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Twitter">
                                    <i class="fab fa-twitter" aria-hidden="true"></i>
                                </a>
                                <a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Linkedin">
                                    <i class="fab fa-linkedin-in" aria-hidden="true"></i>
                                </a>
                                <a class="br-button circle" href="javascript:void(0)" aria-label="Compartilhar por Whatsapp">
                                    <i class="fab fa-whatsapp" aria-hidden="true"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col assigns text-right">
                        <img class="ml-4" src="{{ acesso_a_info_image }}" alt="Imagem"/>
                        <img class="ml-4" src="{{ emec_image }}" alt="Imagem"/>
                    </div>
                </div>
            </div>
        </div>
        <span class="br-divider my-3"></span>
        <div class="container-lg">
            <div class="info">
                <div class="text-down-01 text-medium pb-3"><strong>{{ copyright }}</strong></div>
            </div>
        </div>
    </footer>
{% endblock %}
