{% import '_helpers/_image_webp' as media %}
<footer id="footer" class="m-has-bg">
    <div class="footer-bg">
        <div class="footer-inner">
            <div class="footer-top">
                <div class="c-container">
                    <div id="bottom-panel">
                        <div class="bottom-panel-inner">
                            <div class="row">
                                {% set events = craft.entries.section('events')
                                    .orderBy('date asc')
                                    .date('>= now')
                                    .limit(3) %}
                                {% set eventsPage = craft.entries.section('eventsPage').one() %}
                                {% if events|length %}
                                <div class="col-md-3">
                                    <div class="widget events-list definition-list-widget">
                                        <hr class="c-separator m-transparent hidden-lg hidden-md">
                                        <div class="widget-inner">
                                            <h3 class="widget-title m-has-ico">
                                                <i class="widget-ico tp tp-calendar-full"></i>
                                                {{ 'PRÓXIMOS EVENTOS' |t }}
                                            </h3>
                                            <div class="widget-content">
                                                <dl>
                                                    {% for event in events %}
                                                        <dt>{{ event.title }}<br>{{ event.date | date("d mm, Y") }}</dt>
                                                    {% endfor %}
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                                <div class="widget-col col-md-3">
                                    <div class="widget">
                                        <hr class="c-separator m-transparent hidden-lg hidden-md">
                                        <div class="widget-inner">
                                            <h3 class="widget-title m-has-ico">
                                                <i class="widget-ico tp tp-envelope"></i>
                                                {{ 'JUNTA DE FREGUESIA'|t }}
                                            </h3>
                                            <div class="widget-content">
                                                <p>{{ organization.address }}, {{ organization.postalCode }} {{ organization.city}}</p>
                                                <p>{{ 'Telefone:' }} <a href="tel:{{ organization.phone }}">{{ organization.phone }}</a><br>
                                                    {{ 'Email:'|t }} <a href="mailto:{{ organization.email }}">{{ organization.email }}</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="widget-col col-md-3">
                                    <div class="widget definition-list-widget">
                                        <hr class="c-separator m-transparent hidden-lg hidden-md">
                                        <div class="widget-inner">
                                            <h3 class="widget-title m-has-ico">
                                                <i class="widget-ico tp tp-telephone"></i>
                                                {{ 'CONTACTOS IMPORTANTES'|t }}
                                            </h3>
                                            <div class="widget-content">
                                                <dl>
                                                    {% if organization.contacts|length %}
                                                        {% for contact in organization.contacts.all() %}
                                                            <dt>{{contact.label}}</dt>
                                                            <dd><a href="tel:{{contact.contact}}">{{contact.contact}}</a></dd>
                                                        {% endfor %}
                                                    {% else %}
                                                        <dt>{{ 'Junta' }}</dt>
                                                        <dd><a href="tel:{{organization.phone}}">{{organization.phone}}</a></dd>
                                                    {% endif %}
                                                </dl>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-bottom-inner">
                    <div class="c-container">
                        {% if socials.socials|length %}
                        <div class="footer-social">
                            <ul class="c-social-icons">
                                {% for social in socials.socials.all() %}
                                    <li class="icon"><a href="{{ social.social_url }}" aria-label="{{ social.label }}" title="{{ social.label }}">{{ media.getImage(social.icon.one(), 'social-image') }}</a></li>
                                {% endfor %}
                            </ul>
                        </div>
                        {% endif %}
                        <nav class="footer-menu">
                            {% set policy = craft.entries.section('politicaDePrivacidade').one() %}
                            <ul>
                                <li><a href="{{ policy.url }}">{{ policy.title }}</a></li>
                            </ul>
                        </nav>
                        <div class="footer-text">
                            {{ footer.copyright }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>