{% if theme_option != null %}
{% set logoFooter = theme_option.actifLogoFooter %}
{% set logoPosition = theme_option.positionLogoFooter %}
{% set telFooter = theme_option.actifTelFooter %}
{% set titreTelFooter = theme_option.actifTitreTelFooter %}
{% set emailFooter = theme_option.actifEmailFooter %}
{% set titreEmailFooter = theme_option.actifTitreEmailFooter %}
{% set adresseFooter = theme_option.actifAdresseFooter %}
{% set titreAdresseFooter = theme_option.actifTitreAdresseFooter %}
{% set horairesFooter = theme_option.actifHorairesFooter %}
{% set titreHorairesFooter = theme_option.actifTitreHorairesFooter %}
{% set socialFooter = theme_option.actifReseauxSociauxFooter %}
{% set button1Footer = theme_option.actifBouton1Footer %}
{% set pictosInfosFooter = theme_option.actifPictosInfoFooter %}
{% set class_icon = '' %}
{% if pictosInfosFooter == 0 %}
{% set class_icon = 'd-md-none' %}
{% endif %}
{% set codeqrFooter = theme_option.actifCodeqrFooter %}
{% set texteFooter = theme_option.actifTexteFooter %}
{% set nbrContactsInput = theme_option.nbrContactsFooter %}
{% set logoCopyright = theme_option.actifLogoCopyright %}
{% set dateCopyright = theme_option.actifDateCopyright %}
{% set bgTopFooter = theme_option.bgColorTopFooter %}
{% set colorTopFooter = theme_option.colorTopFooter %}
{% set bgSubFooter = theme_option.bgColorSubFooter %}
{% set colorSubFooter = theme_option.colorSubFooter %}
<footer class="footer1 footer-lp">
<section itemscope="" class="top-footer">
<div class="container-fluid wrapper">
<div class="items-top d-flex justify-content-center justify-content-xl-between flex-wrap text-md-left text-center align-items-center ">
<div class="item-top">
<div class="logo-footer logo">
<a href="{{app.request.schemeAndHttpHost ~ app.request.baseUrl}}" class="logo_h">
<img src="{{asset('/uploads/images/'~ parametre.imageFooter)}}" alt="{{parametre.titre}}">
</a>
</div>
</div>
<div class="boutons-lp-mobile d-md-none">
{% if getBlocService('btn_header_lp') and getBlocService('btn_header_lp').blocServiceItems[2] is defined and getBlocService('btn_header_lp').blocServiceItems[2].actif %}
{% set url = getBlocService('btn_header_lp').blocServiceItems[2] %}
{% if url.typelien == 1 %}
<a href="#" class="btn-lp-footer">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<div>{{url.titrelien}} </div>
</a>
{% elseif url.typelien == 2 %}
<a href="{{slug_link_interne(url.lieninterne)}}" class="btn-lp-footer">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<div>{{url.titrelien}} </div>
</a>
{% elseif url.typelien == 3 %}
<a href="{{url.lienexterne}}" target="_blank" class="btn-lp-footer">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<div>{{url.titrelien}} </div>
</a>
{% elseif url.typelien == 4 %}
<a href="tel:{{remove_non_numeric(url.telephone)}}" class="tel btn-lp-footer tel-footer-lp-1 affiche-tel" rel="nofollow" data-phone-number="{{remove_non_numeric(url.telephone)}}">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<div>{{url.titrelien}} </div>
</a>
{# <button onclick="window.location.href = 'tel:{{url.telephone}}'" class="tel tel-footer-lp-1 btn-lp-footer" rel="nofollow" data-phone-number="{{remove_non_numeric(url.telephone)}}">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<div>{{url.titrelien}} </div>
</button> #}
{% endif %}
{% endif %}
{% if getBlocService('btn_header_lp') and getBlocService('btn_header_lp').blocServiceItems[3] is defined and getBlocService('btn_header_lp').blocServiceItems[3].actif %}
{% set url = getBlocService('btn_header_lp').blocServiceItems[3] %}
{% if url.typelien == 1 %}
<a href="#" class="btn-lp-footer">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<span>{{url.titrelien}} </span>
</a>
{% elseif url.typelien == 2 %}
<a href="{{slug_link_interne(url.lieninterne)}}" class="btn-lp-footer">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<span>{{url.titrelien}} </span>
</a>
{% elseif url.typelien == 3 %}
<a href="{{url.lienexterne}}" target="_blank" class="btn-lp-footer">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<span>{{url.titrelien}} </span>
</a>
{% elseif url.typelien == 4 %}
<a href="tel:{{remove_non_numeric(url.telephone)}}" class="tel btn-lp-footer tel-footer-lp-2 affiche-tel" rel="nofollow" data-phone-number="{{remove_non_numeric(url.telephone)}}">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<span>{{url.titrelien}} </span>
</a>
{# <button onclick="window.location.href = 'tel:{{url.telephone}}'" class="tel tel-footer-lp-2 btn-lp-footer" rel="nofollow" data-phone-number="{{remove_non_numeric(url.telephone)}}">
{% if url.image %}
<img src="{{asset(url.image)}}" class="" width="40" alt="{{url.titrelien}}">
{% endif %}
<div>{{url.titrelien}} </div>
</button> #}
{% endif %}
{% endif %}
</div>
<div class="info_contact d-flex flex-column text-center text-xl-left mb-3 mb-xl-0">
{% for contactItem in contacts %}
{% set nbContact = loop.index %}
{% if nbContact <= nbrContactsInput %}
{{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/footer/elements/_coordonnees2_contact.html.twig')}}
{% endif %}
{% endfor %}
</div>
{% set codeqrFooter = theme_option.actifCodeqrFooter %}
{% set texteFooter = theme_option.actifTexteFooter %}
{% if parametre.liencarte and codeqrFooter %}
<div class="item-top">
<img src="{{ qr_code_url(parametre.liencarte) }}" class="img-qrcode"/>
</div>
{% endif %}
{# {% if contacts and texteFooter %}
<div class="item-top">
{% for contact in contacts %}
{% if contact.texteContact %}
<div class="footer_right">
{{contact.texteContact|raw}}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %} #}
{% if social is defined and social is not empty %}
<div class="item-top social">
<ul class="sx-social-icons d-flex">
{% for item_social in social %}
{% if item_social.type == 1 %}
<li class="facebook"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-facebook"></i></a></li>
{% elseif item_social.type == 2 %}
<li class="twitter"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-twitter"></i></a></li>
{% elseif item_social.type == 3 %}
<li class="instagram"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-instagram"></i></a></li>
{% elseif item_social.type == 4 %}
<li class="linkedin"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
{% elseif item_social.type == 5 %}
<li class="youtube"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-youtube"></i></a></li>
{% elseif item_social.type == 6 %}
<li class="pinterest"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-pinterest"></i></a></li>
{% elseif item_social.type == 7 %}
<li class="tripadvisor"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-tripadvisor"></i></a></li>
{% elseif item_social.type == 8 %}
<li class="houzz"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-houzz"></i></a></li>
{% elseif item_social.type == 9 %}
<li class="snapchat"><a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank"><i class="fa fa-snapchat"></i></a></li>
{% elseif item_social.type == 10 %}
<li class="tiktok">
<a href="{{item_social.url}}" class="social-item" title="{{item_social.titre}}" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" fill="#ffffff" style="margin-top: 2px;">
<path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/>
</svg>
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</section>
</footer>
{% endif %}