{% import 'frontend/macro.html.twig' as macro %}
<footer>
    <div class="container">
        <div class="row">
            <div class="col-6 col-sm-3">
                <ul>
                    <li class="title-list">Aux Actes Citoyens</li>
                    <li><a href="{{ path('app_about') }}" title="A propos">A propos</a></li>
                    <li>
                        {{ macro.email_contact("Devenez partenaire", "Devenir partenaire") }}
                    </li>
                    <li><a href="{{ path('app_about') }}#team-coeur" title="L’équipe coeur">L’équipe coeur</a></li>
                </ul>
            </div>
            <div class="col-6 col-sm-5">
                <ul>
                    <li class="title-list">Les trois étapes</li>
                    <li><a href="{{ path('app_about') }}#labourage" title="Le labourage">Le labourage</a></li>
                    <li><a href="{{ path('app_about') }}#recolte" title="La récolte des solutions">La récolte des solutions</a></li>
                    <li><a href="{{ path('app_about') }}#accompagnement" title="Le Compagnonnage">Le Compagnonnage</a></li>
                </ul>
            </div>
            <div class="col-12 col-sm-4  bloc-coop">
                <img class="logo" src="{{ 'assets/img/Logo-Cooperative-Citoyens.jpg' }}"
                     alt="Logo Cooperative Citoyens">
                <div class="address">
                    <div>
                        150 avenue Jean Jaurès
                    </div>
                    <div>
                        90000 Belfort
                    </div>
                    <div>
                        {{ macro.email_contact() }}
                    </div>
                </div>
                <div class="contact">
                    <a href="{{ path('app_contact') }}" title="Contacts">CONTACTS</a>
                </div>
                <div class="row">
                    <div class="col-12 col-lg-6">
                        <div>Emilie Castellano</div>
                        <div>T 06 63 45 10 61</div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <div>Cédric Bernard</div>
                        <div>T 06 33 64 44 13</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row row-contact">
            <div class="col-12 col-md-3">
                <a class="contact" href="{{ path('app_contact') }}" title="Contacts">CONTACTS</a>
            </div>
            <div class="col-12 col-md-5 newsletter">
                <div class="row">
                    <div class="col-9">
{#                        <p class="lettre-infos">Recevoir la lettre d’info !</p>#}
{#                        <input class="email" type="email" value="E-mail">#}
                    </div>
                    <div class="col-3">
{#                        <input class="submit" type="submit" value="">#}
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-4 col-network">
                <p class="stay-connect">Restez connecté :</p>
                <a href="https://www.facebook.com/laCoopCitoyens/?ref=pages_you_manage" title="Facebook" target="_blank">
                    <img src="{{ 'assets/img/Picto-Facebook.png' }}" alt="facebook">
                </a>
                <a href="https://www.linkedin.com/company/69372918/admin/" title="Linkedin" target="_blank">
                    <img src="{{ 'assets/img/Picto-Linkedin.png' }}" alt="Linkedin">
                </a>
                <a href="https://www.lacooperativedescitoyens.fr" title="GooglePlus" target="_blank">
                    <img src="{{ 'assets/img/Picto-GooglePlus.png' }}" alt="GooglePlus">
                </a>
            </div>
        </div>
    </div>
    <div class="bar-footer">
        © 2021 par la Coopérative des Citoyens | <a href="{{ path('app_legal_mention') }}" title="Mentions légales">Mentions
            légales</a> | <a href="{{ path('app_politique') }}" title="Politique de Confidentialité">Politique de Confidentialité</a> | Création <a
                href="https://www.laclic.fr/" title="La Clic !" target="_blank">LA CLIC !</a>
    </div>
</footer>