{% if currentPath == "app_cadeaux_completed" or  currentPath == "app_completed"  or currentPath == "app_reservation" or currentPath == 'app_panier' or currentPath == "app_confirmation" %}

    <footer class="footer-resrvation" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter">
        <div class="content-resrvation">
            <div>
                <p>Natea Les massages d’agadir © <span>{{ 'footer.copyright'|trans }} {{ 'now'|date('Y') }} </span></p>
            </div>
            <div class="payment-footer">
                <img src="{{ asset('front/images/payment.png') }}" width="280" height="24" alt="{{ 'footer.moyens_paiement_securises'|trans|default('Moyens de paiement sécurisés') }}"></div>
        </div>
    </footer>

{% else %}

<footer role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter">
    <div class="topNav">
        <div class="topnav_footer">
            <div class="_col">
                <p class="primary_title">{{ 'footer.renseignements'|trans }}</p>
                <ul>
                    <li class="mb-1">
                        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="none" viewBox="0 0 19 19">
                            <path
                                fill="#EE7D00"
                                d="M11.4 1.61a.572.572 0 0 1 .694-.404 8.072 8.072 0 0 1 5.7 5.7.564.564 0 0 1-.403.694l-.141.019a.563.563 0 0 1-.544-.422 6.966 6.966 0 0 0-4.903-4.903.572.572 0 0 1-.403-.685Zm-.375 3.58a3.975 3.975 0 0 1 2.784 2.785.562.562 0 0 0 .544.422l.14-.019a.581.581 0 0 0 .404-.694 5.082 5.082 0 0 0-3.581-3.58.581.581 0 0 0-.694.402.562.562 0 0 0 .403.685Zm7.5 9.197a5.072 5.072 0 0 1-5.025 4.425C6.16 18.813.187 12.841.187 5.5A5.072 5.072 0 0 1 4.612.475a1.312 1.312 0 0 1 1.36.787L7.856 5.66a1.322 1.322 0 0 1-.103 1.238l-1.566 2.38a.197.197 0 0 0-.009.178 7.331 7.331 0 0 0 3.394 3.385.178.178 0 0 0 .178-.02l2.353-1.565a1.293 1.293 0 0 1 1.238-.112l4.397 1.884a1.313 1.313 0 0 1 .787 1.36Zm-1.116-.14a.187.187 0 0 0-.112-.188L12.9 12.175a.198.198 0 0 0-.178.019l-2.344 1.565a1.33 1.33 0 0 1-1.294.094 8.513 8.513 0 0 1-3.918-3.91A1.312 1.312 0 0 1 5.25 8.66l1.556-2.38a.178.178 0 0 0 .019-.179L4.941 1.703a.187.187 0 0 0-.17-.112h-.018A3.956 3.956 0 0 0 1.313 5.5 12.197 12.197 0 0 0 13.5 17.688a3.956 3.956 0 0 0 3.91-3.441Z"
                            />
                        </svg>
                        <a href="tel:{{ 'contact.tel1'|trans }}">{{ 'contact.tel1'|trans }} / </a><a href="tel:0528 225 225">{{ 'contact.tel2'|trans }}</a>
                    </li>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" viewBox="0 0 17 17">
                            <g clip-path="url(#a)">
                                <path
                                    fill="#EE7D00"
                                    d="M5.412 8.96c0-.763.14-1.408.418-1.936.293-.543.66-.953 1.1-1.232.455-.279.917-.418 1.386-.418.425 0 .792.11 1.1.33.323.22.572.52.748.902.19.367.286.785.286 1.254 0 .777-.147 1.43-.44 1.958-.279.528-.638.931-1.078 1.21-.44.264-.895.396-1.364.396-.66 0-1.188-.22-1.584-.66-.381-.455-.572-1.056-.572-1.804Zm-1.1.044c0 .719.14 1.342.418 1.87.279.513.645.91 1.1 1.188.455.264.953.396 1.496.396.675 0 1.283-.183 1.826-.55.557-.381 1.005-.917 1.342-1.606.352-.69.528-1.496.528-2.42a4.7 4.7 0 0 0-.308-1.716c-.205-.543-.506-.975-.902-1.298-.396-.337-.895-.506-1.496-.506-.616 0-1.232.176-1.848.528-.616.352-1.13.873-1.54 1.562-.41.675-.616 1.525-.616 2.552ZM.77 8.96c0 1.452.279 2.728.836 3.828a6.01 6.01 0 0 0 2.42 2.53c1.07.587 2.376.88 3.916.88 1.261 0 2.295-.125 3.102-.374.807-.25 1.54-.557 2.2-.924l-.528-.858a7.81 7.81 0 0 1-2.178.924c-.777.19-1.643.286-2.596.286-1.276 0-2.376-.257-3.3-.77a5.302 5.302 0 0 1-2.112-2.178c-.499-.953-.748-2.068-.748-3.344 0-1.085.176-2.09.528-3.014a7.062 7.062 0 0 1 1.496-2.398 6.75 6.75 0 0 1 2.31-1.606c.91-.396 1.914-.594 3.014-.594.983 0 1.848.169 2.596.506.763.337 1.393.8 1.892 1.386a5.64 5.64 0 0 1 1.144 1.936 6.46 6.46 0 0 1 .396 2.244c0 .983-.161 1.797-.484 2.442-.323.63-.704 1.1-1.144 1.408-.425.293-.814.44-1.166.44-.308 0-.543-.073-.704-.22a1.114 1.114 0 0 1-.33-.55 3.252 3.252 0 0 1-.066-.638v-.33a4.09 4.09 0 0 1 .044-.33l.902-5.082h-1.1l-.836 5.324h.11c-.073.543-.051 1.027.066 1.452.132.41.352.74.66.99.308.235.682.352 1.122.352.41 0 .843-.095 1.298-.286a4.14 4.14 0 0 0 1.276-.924c.41-.425.74-.968.99-1.628.25-.675.374-1.481.374-2.42a7.39 7.39 0 0 0-.462-2.574 6.492 6.492 0 0 0-1.342-2.244c-.587-.675-1.32-1.21-2.2-1.606C11.301.6 10.289.402 9.13.402c-1.232 0-2.361.22-3.388.66a7.835 7.835 0 0 0-2.64 1.804 8.26 8.26 0 0 0-1.738 2.728C.968 6.635.77 7.757.77 8.96Z"
                                />
                            </g>
                            <defs>
                                <clipPath id="a">
                                    <path fill="#fff" d="M0 0h17v17H0z" />
                                </clipPath>
                            </defs>
                        </svg>
                        <a href="mailto:contact@natea.info">{{ 'contact.email'|trans }}</a>
                    </li>
                </ul>
            </div>
            <div class="_col newsletter-block-left">
                <p class="primary_title"> {{ 'footer.newsletter'|trans }} </p>
                <span id="newsletter-notif"></span>
                <form id="forms" class="form-group d-flex">
                    <input type="email" class="newsletter-input" id="emailaddress" placeholder="{{ 'footer.votreemail' | trans }}" required /> 
                    <input type="hidden" id="messages" value="Your subscription has been successful"/>
                    <button type="submit" name="submitNewsletter" class="button--ujarak button1">
                        {{ 'footer.jeminscris'|trans }} 
                    </button>
                </form>
            </div>
            <div class="_col">
                <p class="primary_title"> {{ 'footer.noussuivre'|trans }}  </p>
                <div class="socail_media">
                    <div class="icon">
                        <a href="https://web.facebook.com/www.natea.info" target="_blank" aria-label="{{ 'footer.facebook'|trans|default('Suivez-nous sur Facebook') }}">
                            <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" fill="none" viewBox="0 0 38 38">
                                <path
                                    fill="#000"
                                    d="M20.583 15.833h4.75v4.75h-4.75v11.084h-4.75V20.583h-4.75v-4.75h4.75v-1.987c0-1.882.592-4.26 1.77-5.56 1.178-1.304 2.65-1.953 4.412-1.953h3.318v4.75h-3.325c-.788 0-1.425.637-1.425 1.424v3.326Z"
                                />
                            </svg>
                        </a>
                    </div>
                    <div class="icon">
                        <a href="https://www.instagram.com/natea_spa/" target="_blank" aria-label="{{ 'footer.instagram'|trans|default('Suivez-nous sur Instagram') }}">
                            <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" fill="none" viewBox="0 0 38 38">
                                <path
                                    fill="#000"
                                    d="M12.35 3.167h13.3c5.067 0 9.183 4.116 9.183 9.183v13.3a9.183 9.183 0 0 1-9.183 9.183h-13.3c-5.067 0-9.183-4.116-9.183-9.183v-13.3a9.183 9.183 0 0 1 9.183-9.183Zm-.317 3.166a5.7 5.7 0 0 0-5.7 5.7v13.934c0 3.15 2.55 5.7 5.7 5.7h13.934a5.7 5.7 0 0 0 5.7-5.7V12.033c0-3.15-2.55-5.7-5.7-5.7H12.033Zm15.28 2.375a1.98 1.98 0 1 1 0 3.959 1.98 1.98 0 0 1 0-3.959ZM19 11.083a7.917 7.917 0 1 1 0 15.834 7.917 7.917 0 0 1 0-15.834Zm0 3.167a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5Z"
                                />
                            </svg>
                        </a>
                    </div>
                    <div class="icon">
                        <a href="{{ 'index.urlsiteweb'|trans }}" aria-label="{{ 'footer.tripadvisor'|trans|default('Voir nos avis sur Tripadvisor') }}">
                            <svg xmlns="http://www.w3.org/2000/svg" width="34" height="38" fill="none" viewBox="0 0 34 34">
                                <g clip-path="">
                                    <path fill="#000" d="M17 34c9.389 0 17-7.611 17-17S26.39 0 17 0 0 7.611 0 17s7.611 17 17 17Z" />
                                    <path
                                        fill="#fff"
                                        d="m27.5 13.684 2.052-2.232h-4.55A14.123 14.123 0 0 0 17 8.99c-2.97 0-5.713.908-7.987 2.462h-4.56l2.05 2.232a6.27 6.27 0 1 0 8.487 9.233L17 25.105l2.01-2.186a6.274 6.274 0 1 0 8.49-9.235Zm-16.77 8.878a4.243 4.243 0 1 1 0-8.487 4.243 4.243 0 1 1 0 8.487Zm6.272-4.367c0-2.792-2.03-5.19-4.71-6.213A12.169 12.169 0 0 1 17 11.04c1.67 0 3.261.336 4.71.942-2.677 1.026-4.708 3.42-4.708 6.213Zm6.27 4.367a4.243 4.243 0 1 1 0-8.487 4.243 4.243 0 1 1 0 8.487Zm0-6.47a2.224 2.224 0 1 0-.002 4.447 2.224 2.224 0 0 0 .002-4.447Zm-10.318 2.226a2.224 2.224 0 1 1-4.448 0 2.224 2.224 0 1 1 4.448 0Z"
                                    />
                                </g>
                                <defs>
                                    <clipPath id="a">
                                        <path fill="#fff" d="M0 0h34v34H0z" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </a>
                    </div>
                    <div class="icon">
                        <a href="{{ 'index.urlgoogle'|trans }}" aria-label="{{ 'footer.googlemaps'|trans|default('Voir sur Google Maps') }}">
                            <svg xmlns="http://www.w3.org/2000/svg" width="34" height="38" fill="none" viewBox="0 0 34 30">
                                <path
                                    fill="#000"
                                    fill-rule="evenodd"
                                    d="M4.273 0h25.454L34 12.226v1.164c0 1.631-.782 3.08-1.992 3.991V30H1.992V17.381A4.986 4.986 0 0 1 0 13.391v-1.165L4.273 0Zm-.289 18.282v9.727h26.032v-9.727a4.99 4.99 0 0 1-5.014-1.9 4.99 4.99 0 0 1-4.001 2.003A4.99 4.99 0 0 1 17 16.383a4.99 4.99 0 0 1-4.001 2.002 4.99 4.99 0 0 1-4.001-2.002 4.99 4.99 0 0 1-5.014 1.9Zm6.01-4.892a3.004 3.004 0 0 0 6.01 0h-6.01Zm6.01-1.99h-5.82l1.643-9.409h4.177V11.4Zm1.992 0V1.99h4.177l1.644 9.408h-5.82Zm8.002 1.99a3.004 3.004 0 0 0 6.01 0h-6.01Zm5.603-1.99h-5.762l-1.644-9.41h4.117l3.289 9.408Zm-7.595 1.99h-6.01a3.004 3.004 0 0 0 6.01 0ZM9.806 1.992 8.16 11.4H2.399l3.289-9.408h4.117Zm-7.814 11.4h6.01a3.004 3.004 0 0 1-6.01 0Z"
                                    clip-rule="evenodd"
                                />
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="footer-navigation">
        <div class="_col">
            <span class="title_mobile" onclick="this.classList.toggle('active')">{{ 'footer.informations'|trans }} </span>
             {{ knp_menu_render('footer') }}
        </div>
        <div class="_col">
            <span class="title_mobile" onclick="this.classList.toggle('active')">{{ 'footer.lieux'|trans }}</span>
            <ul class="links">
                <li><a href="{{ path('app_lieu_' ~ app.request.locale, {_locale: app.request.locale }) }}">{{ 'footer.lieu'|trans }} </a></li>
                <li><a href="{{ path('app_nos_valeurs_' ~ app.request.locale, {_locale: app.request.locale }) }}">{{ 'footer.nosvaleurs'|trans }} </a></li>
                <li><a href="{{ path('gallery_'~ app.request.locale, {_locale: app.request.locale }) }}">{{ 'footer.galeriephotos'|trans }}</a></li>
                <li><a href="{{ path('app_equipe_'~ app.request.locale, {_locale: app.request.locale }) }}">{{ 'menu.equipe'|trans }}</a></li>
                <li><a href="{{ path('app_acceder_'~ app.request.locale, {_locale: app.request.locale }) }}">{{ 'menu.acceder'|trans }}</a></li>
            </ul>
            <ul class="links card_paiement">
                <li>
                    <span class="secondary_title paiement_ show" onclick="this.classList.toggle('active')">
                        {{ 'footer.paiementsecurise'|trans }}
                    </span>
                </li>
                <li>
                    <img src="{{ asset('front/images/payment.png') }}" alt="{{ 'footer.moyens_paiement_securises'|trans|default('Moyens de paiement sécurisés') }}" loading="lazy" decoding="async" />
                </li>
            </ul>
        </div>
        <div class="_col _contact">
            <p class="primary_title show" onclick="this.classList.toggle('active')">
                {{ 'footer.noustrouver'|trans }}
            </p>
            <ul class="links">
                <li class="text-">
                    {{ 'natea_address'|trans }}
                </li>
                <li class="secondary_title capitalize itineraire">
                <a target="_blank" href="https://www.google.com/maps/dir//n%C2%B0+420+Rue+Abbas+Kabbage,+Agadir+80050/@30.408446,-9.656768,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0xdb3b64c8cc0f1d1:0x5c541da10646155e!2m2!1d-9.5743636!2d30.4084642?entry=ttu">
                    <b>{{ 'footer.itinéraire'|trans }}</b>
                </a>
                </li>
            </ul>
            <p class="secondary_title Horaires_ show p-0" onclick="this.classList.toggle('active')">
                 {{ 'footer.horaires'|trans }}
            </p>
            <ul class="links">
                <li class="text-">
                    {{ 'natea_ouverture'|trans|raw }}
                </li>
            </ul>
        </div>
        <div class="col-12 bottom_footer">
            <p><span>Natea Les massages d’agadir </span>© {{ 'footer.copyright'|trans }} {{ 'now'|date('Y') }} </p>
        </div>
    </nav>
</footer>
{% endif %}