<footer class="site-footer bg-green text-white">
    <div class="site-footer-content">
        <div class="site-footer-menus">
            <div class="container">
                <div class="footer-menus-content">
                    <div class="d-flex gap-3 justify-content-between align-items-start">
                        <div class="footer-left">
                            <div class="logo d-flex flex-column gap-3">
                                <a href="{{ path('app_front_home') }}" title="{{ 'footer.home'|trans({}, 'app') }}" class="logo-link">
                                    <img alt="" src="{{ asset('vendors/assets/img/logo-white-min.png') }}"/>
                                </a>
                            </div>
                            <div class="footer-menus d-flex gap-2 gap-md-4 gap-xl-5 mt-3">
                                <div class="footer-menu">
                                    <h3 class="title-footer">{{ 'footer.la_banque'|trans({}, 'app') }}</h3>
                                    <ul class="">
                                        <li><a href="{{ path('app_front_about_us') }}">{{ 'footer.about_us'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_front_carreers') }}">{{ 'footer.careers'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_blog_posts') }}">{{ 'footer.news'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_business_resources') }}">{{ 'footer.resources'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_business_become_customer') }}">{{ 'footer.open_account'|trans({}, 'app') }}</a></li>
                                    </ul>
                                </div>
                                <div class="footer-menu">
                                    <h3 class="title-footer">{{ 'footer.products_services'|trans({}, 'app') }}</h3>
                                    <ul class="">
                                        <li><a href="{{ path('app_business_public_product_bank_card') }}">{{ 'footer.bank_cards'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_business_public_product_bank_account') }}">{{ 'footer.bank_accounts'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_business_public_product_credit') }}">{{ 'footer.credits'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_business_public_product_bankinsurance') }}">{{ 'footer.insurance'|trans({}, 'app') }}</a></li>
                                        <li><a href="{{ path('app_business_public_product_transferts') }}">{{ 'footer.fast_transfer'|trans({}, 'app') }}</a></li>
                                    </ul>
                                </div>
                                <div class="footer-menu">
                                    <h3 class="title-footer">{{ 'footer.legal_info'|trans({}, 'app') }}</h3>
                                    <ul>
                                        {% for elt in informations %}
                                            <li>
                                                {% if elt.isDownloaded and elt.attachment is not null %}
                                                    <a href="{{ elt.attachment.url }}" target="_blank">{{ elt.i18n(locale).title }}</a>
                                                {% else %}
                                                    <a href="{{ path('app_front_cms_page',{id: elt.id, slug: elt.i18n(locale).slug}) }}">{{ elt.i18n(locale).title }}</a>
                                                {% endif %}
                                            </li>
                                        {% endfor %}
                                        <li>
                                            <a href="{{ path('app_front_cms_conditions') }}">{{ 'footer.bank_terms'|trans({}, 'app') }}</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="footer-right">
                            <div class="footer-menu">
                                {{ render(controller("App\\Core\\Controller\\Public\\EmbedController::physicalAddress")) }}
                            </div>
                            {% if codeQR is not null and codeQR.thumbnail is not null and file_exists(codeQR.thumbnail.url) %}
                                <div class="mt-2 mt-md-4 d-flex gap-2 align-items-center footer-codeBar">
                                    <div><img alt="" src="{{ codeQR.thumbnail.url }}"/></div>
                                    <span>{{ codeQR.i18n(locale).name }}</span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="site-footer-copyright pt-3 pt-md-3">
            <div class="container">
                <div class="footer-copyright-content d-flex gap-3 justify-content-between align-items-center">
                    <p class="m-0">© {{ 'now'|date('Y') }} {{ 'name'|trans({},'app') }}. </p>
                    <ul class="menu-pages">
                        {% if mentionPage is not null %}
                            <li><a href="{{ path('app_front_cms_page',{id: mentionPage.id, slug: mentionPage.i18n(locale).slug}) }}">{{ mentionPage.i18n(locale).title }}</a></li>
                        {% endif %}
                        {% if privatePage is not null %}
                            <li><a href="{{ path('app_front_cms_page',{id: privatePage.id, slug: privatePage.i18n(locale).slug}) }}">{{ privatePage.i18n(locale).title }}</a></li>
                        {% endif %}
                    </ul>
                    {{ render(controller("App\\Core\\Controller\\Public\\EmbedController::socialLinks")) }}
                </div>
            </div>
        </div>

        <div class="site-footer-bottom py-2 mt-3">
            <div class="container">
                <p>{{ 'footer.powered_by'|trans({}, 'app') }} <a href="https://thebest-group.com/" target="_blank">{{ 'footer.tbg'|trans({}, 'app') }}</a></p>
            </div>
        </div>
    </div>
</footer>