{# Footer #}
<div class="container-fluid footer-bg">
<div class="row py-5">
<div class="col-lg-3 col-sm-12">
<img src="{{ asset('assets/img/logo-small.png') }}" alt="Logo" class="img-fluid"
style="max-width: 200px; width: 100%;">
</div>
<div class="col-lg-2 col-sm-12 marge-mobile">
<a href="{{ path('app_home') }}" class="text-white text-decoration-none">Accueil</a>
<br>
<a href="{{ path('app_about') }}" class="text-white text-decoration-none">Qui sommes-nous ?</a>
<br>
<a href="{{ path('app_estimation') }}" class="text-white text-decoration-none">Estimation</a>
<br>
<a href="{{ path('app_honoraires') }}" class="text-white text-decoration-none">Honoraires</a>
{# <br>
<a href="{{ path('app_partenariat') }}" class="text-white text-decoration-none">Partenariat</a> #}
</div>
<div class="col-lg-2 col-sm-12 marge-mobile">
<a href="{{ path('app_equipe') }}" class="text-white text-decoration-none">L'équipe</a>
<br>
<a href="{{ path('app_biens_index') }}" class="text-white text-decoration-none">Nos biens</a>
<br>
<a href="{{ path('app_contact') }}" class="text-white text-decoration-none">Contact</a>
</div>
<div class="col-lg-3 col-sm-12 text-white border-start border-end px-5 marge-mobile">
<span class="text-uppercase">{{ settings[0].siteName }}</span><br>
{{ settings[0].siteAdresse }}<br>
{{ settings[0].siteCp}} {{ settings[0].siteVille }}<br>
TÉL. : {{ settings[0].siteTelephone }}<br>
{{ settings[0].siteEmail }}<br>
{{ settings[0].siteCpi }}
</div>
<div class="col-lg-2 col-sm-12 text-white d-flex align-items-center justify-content-center px-5 mt-3">
<div>
<p class="text-center">
{# <a href="#" class="text-decoration-none text-white mb-3">
Mentions légales
</a> #}
<!-- Button trigger modal -->
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal"
class="text-white text-decoration-none">
Mentions légales
</a>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark" id="exampleModalLabel">Mentions légales</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body text-dark">
{{ settings[0].siteMentionslegales|raw }}
{# <div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div> #}
</div>
</div>
</div>
</div>
</p>
<p class="text-center">
<a href="{{ settings[0].siteInstagram }}" class="text-decoration-none text-white">
<svg style="fill: #fff; margin-right: 15px;" width="32" height="32" viewBox="0 0 24 24">
<path
d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3Z" />
</svg>
</a>
<a href="{{ settings[0].siteFacebook }}" class="text-decoration-none text-white">
<svg style="fill: #fff;" width="25" height="25" viewBox="0 0 20 20">
<path fill-rule="evenodd"
d="M18.896 0H1.104C.494 0 0 .494 0 1.104v17.792C0 19.506.494 20 1.104 20h9.578v-7.745H8.076V9.237h2.606V7.01c0-2.584 1.578-3.99 3.883-3.99c1.104 0 2.052.082 2.329.119v2.7h-1.598c-1.254 0-1.496.596-1.496 1.47v1.927h2.989l-.39 3.018h-2.6V20h5.097c.61 0 1.104-.494 1.104-1.104V1.104C20 .494 19.506 0 18.896 0Z" />
</svg>
</a>
</p>
</div>
</div>
</div>
</div>