{{#if banners.bottom}}
    <div class="banners" data-banner-location="bottom">
        {{#each (limit banners.bottom_metadata 1)}}
            <div class="banner" data-event-type="promotion" data-entity-id="{{this.id}}" data-name="{{this.banner-name}}" data-position="{{this.location}}">
                <div data-event-type="promotion-click">
                    {{{this.content}}}
                </div>
            </div>
        {{/each}}
    </div>
{{/if}}
{{{region name="footer_top--global"}}}
<footer class="footer y-footer" role="contentinfo">
    <h2 class="footer-title-sr-only">{{lang 'footer.title'}}</h2>
    <div class="y-container y-footer__grid">
        {{#if theme_settings.yamshi_footer_brand_show}}
            <div class="y-footer__brand">
                <a class="y-logo y-footer__logo" href="{{urls.home}}">
                    {{#if theme_settings.yamshi_footer_logo}}
                        <img src="{{> components/yamshi/image-url value=theme_settings.yamshi_footer_logo fallback=''}}" alt="{{settings.store_name}}">
                    {{else}}
                        <span class="y-logo__name">{{#if theme_settings.yamshi_logo_text}}{{theme_settings.yamshi_logo_text}}{{else}}{{settings.store_name}}{{/if}}</span>
                        {{#if theme_settings.yamshi_logo_tagline_show}}
                            <span class="y-logo__tagline">{{#if theme_settings.yamshi_logo_tagline}}{{theme_settings.yamshi_logo_tagline}}{{else}}{{lang 'yamshi.tagline'}}{{/if}}</span>
                        {{/if}}
                    {{/if}}
                </a>
                <p>{{#if theme_settings.yamshi_footer_about}}{{theme_settings.yamshi_footer_about}}{{else}}{{lang 'yamshi.footer.about'}}{{/if}}</p>
                {{#if theme_settings.yamshi_socials_show}}
                    <div class="y-socials">
                        {{#if theme_settings.yamshi_social_instagram}}<a href="{{theme_settings.yamshi_social_instagram}}" aria-label="Instagram" target="_blank" rel="noopener">{{> components/yamshi/icon name='instagram' size=18}}</a>{{/if}}
                        {{#if theme_settings.yamshi_social_facebook}}<a href="{{theme_settings.yamshi_social_facebook}}" aria-label="Facebook" target="_blank" rel="noopener">{{> components/yamshi/icon name='facebook' size=18}}</a>{{/if}}
                        {{#if theme_settings.yamshi_social_pinterest}}<a href="{{theme_settings.yamshi_social_pinterest}}" aria-label="Pinterest" target="_blank" rel="noopener">{{> components/yamshi/icon name='pinterest' size=18}}</a>{{/if}}
                        {{#if theme_settings.yamshi_social_tiktok}}<a href="{{theme_settings.yamshi_social_tiktok}}" aria-label="TikTok" target="_blank" rel="noopener">{{> components/yamshi/icon name='tiktok' size=18}}</a>{{/if}}
                        {{#all theme_settings.yamshi_wa_number theme_settings.yamshi_wa_footer}}
                            <a class="y-wa-link" href="https://wa.me/{{> components/yamshi/wa-number}}?text={{#if theme_settings.yamshi_wa_message}}{{encodeURI theme_settings.yamshi_wa_message}}{{else}}{{encodeURI (lang 'yamshi.whatsapp.message')}}{{/if}}" data-wa-number="{{theme_settings.yamshi_wa_number}}" data-wa-text="{{#if theme_settings.yamshi_wa_message}}{{theme_settings.yamshi_wa_message}}{{else}}{{lang 'yamshi.whatsapp.message'}}{{/if}}" aria-label="WhatsApp" target="_blank" rel="noopener">{{> components/yamshi/icon name='whatsapp' size=18}}</a>
                        {{/all}}
                    </div>
                {{/if}}
            </div>
        {{/if}}

        {{#if theme_settings.yamshi_footer_col1_show}}
            <div class="y-footer__col" data-section-type="footer-categories">
                <h3 class="y-footer__title">{{#if theme_settings.yamshi_footer_col1_title}}{{theme_settings.yamshi_footer_col1_title}}{{else}}{{lang 'yamshi.footer.col1'}}{{/if}}</h3>
                <ul>
                    {{#or theme_settings.yamshi_footer_col1_link1_label theme_settings.yamshi_footer_col1_link2_label theme_settings.yamshi_footer_col1_link3_label theme_settings.yamshi_footer_col1_link4_label theme_settings.yamshi_footer_col1_link5_label}}
                        {{#if theme_settings.yamshi_footer_col1_link1_label}}<li><a href="{{theme_settings.yamshi_footer_col1_link1_url}}">{{theme_settings.yamshi_footer_col1_link1_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col1_link2_label}}<li><a href="{{theme_settings.yamshi_footer_col1_link2_url}}">{{theme_settings.yamshi_footer_col1_link2_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col1_link3_label}}<li><a href="{{theme_settings.yamshi_footer_col1_link3_url}}">{{theme_settings.yamshi_footer_col1_link3_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col1_link4_label}}<li><a href="{{theme_settings.yamshi_footer_col1_link4_url}}">{{theme_settings.yamshi_footer_col1_link4_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col1_link5_label}}<li><a href="{{theme_settings.yamshi_footer_col1_link5_url}}">{{theme_settings.yamshi_footer_col1_link5_label}}</a></li>{{/if}}
                    {{else}}
                        {{#each (limit categories 6)}}
                            <li><a href="{{url}}">{{name}}</a></li>
                        {{/each}}
                    {{/or}}
                </ul>
            </div>
        {{/if}}

        {{#if theme_settings.yamshi_footer_col2_show}}
            <div class="y-footer__col" data-section-type="footer-webPages">
                <h3 class="y-footer__title">{{#if theme_settings.yamshi_footer_col2_title}}{{theme_settings.yamshi_footer_col2_title}}{{else}}{{lang 'yamshi.footer.col2'}}{{/if}}</h3>
                <ul>
                    {{#or theme_settings.yamshi_footer_col2_link1_label theme_settings.yamshi_footer_col2_link2_label theme_settings.yamshi_footer_col2_link3_label theme_settings.yamshi_footer_col2_link4_label theme_settings.yamshi_footer_col2_link5_label}}
                        {{#if theme_settings.yamshi_footer_col2_link1_label}}<li><a href="{{theme_settings.yamshi_footer_col2_link1_url}}">{{theme_settings.yamshi_footer_col2_link1_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col2_link2_label}}<li><a href="{{theme_settings.yamshi_footer_col2_link2_url}}">{{theme_settings.yamshi_footer_col2_link2_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col2_link3_label}}<li><a href="{{theme_settings.yamshi_footer_col2_link3_url}}">{{theme_settings.yamshi_footer_col2_link3_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col2_link4_label}}<li><a href="{{theme_settings.yamshi_footer_col2_link4_url}}">{{theme_settings.yamshi_footer_col2_link4_label}}</a></li>{{/if}}
                        {{#if theme_settings.yamshi_footer_col2_link5_label}}<li><a href="{{theme_settings.yamshi_footer_col2_link5_url}}">{{theme_settings.yamshi_footer_col2_link5_label}}</a></li>{{/if}}
                    {{else}}
                        {{#each pages}}
                            <li><a href="{{url}}">{{name}}</a></li>
                        {{/each}}
                        <li><a href="{{urls.sitemap}}">{{lang 'sitemap.page_title'}}</a></li>
                    {{/or}}
                </ul>
            </div>
        {{/if}}

        {{#if theme_settings.yamshi_footer_col3_show}}
            <div class="y-footer__col y-footer__news" data-section-type="newsletterSubscription">
                <h3 class="y-footer__title">{{#if theme_settings.yamshi_footer_col3_title}}{{theme_settings.yamshi_footer_col3_title}}{{else}}{{lang 'yamshi.footer.col3'}}{{/if}}</h3>
                <p>{{#if theme_settings.yamshi_footer_col3_text}}{{theme_settings.yamshi_footer_col3_text}}{{else}}{{lang 'yamshi.footer.col3_text'}}{{/if}}</p>
                {{#if theme_settings.yamshi_footer_newsletter}}
                    <form class="y-newsletter__form y-newsletter__form--compact" action="{{urls.subscribe.action}}" method="post">
                        <input type="hidden" name="action" value="subscribe">
                        <input type="hidden" name="nl_first_name" value="bc">
                        <input type="hidden" name="check" value="1">
                        <label class="is-srOnly" for="y_footer_nl_email">{{lang 'common.email_address'}}</label>
                        <input id="y_footer_nl_email" name="nl_email" type="email" placeholder="{{lang 'newsletter.email_placeholder'}}" autocomplete="email" required>
                        <button class="y-btn y-btn--primary" type="submit">{{lang 'newsletter.subscribe_submit'}}</button>
                    </form>
                {{/if}}
                {{#unless theme_settings.yamshi_footer_contact_hide}}
                    <a class="y-btn y-btn--outline" href="{{#if theme_settings.yamshi_footer_contact_url}}{{theme_settings.yamshi_footer_contact_url}}{{else}}{{#if theme_settings.yamshi_contact_email}}mailto:{{theme_settings.yamshi_contact_email}}{{else}}{{urls.contact_us_page}}{{/if}}{{/if}}">{{> components/yamshi/icon name='mail' size=18}} {{#if theme_settings.yamshi_footer_contact_label}}{{theme_settings.yamshi_footer_contact_label}}{{else}}{{lang 'yamshi.footer.contact'}}{{/if}}</a>
                {{/unless}}
                {{#if theme_settings.yamshi_contact_phone}}
                    <p class="y-footer__contact"><a href="tel:{{theme_settings.yamshi_contact_phone}}">{{> components/yamshi/icon name='phone' size=16}} <span dir="ltr">{{theme_settings.yamshi_contact_phone}}</span></a></p>
                {{/if}}
                {{#if theme_settings.yamshi_contact_email}}
                    <p class="y-footer__contact"><a href="mailto:{{theme_settings.yamshi_contact_email}}">{{> components/yamshi/icon name='mail' size=16}} {{theme_settings.yamshi_contact_email}}</a></p>
                {{/if}}
                {{#if theme_settings.yamshi_footer_address_show}}
                    {{#if settings.address}}
                        <address class="y-footer__address">{{nl2br settings.address}}</address>
                    {{/if}}
                {{/if}}
            </div>
        {{/if}}
    </div>

    {{#if theme_settings.yamshi_payment_icons_show}}
        <div class="y-container y-footer__payments">
            {{> components/common/payment-icons}}
        </div>
    {{/if}}

    <div class="y-container y-footer__bottom">
        {{#if theme_settings.yamshi_copyright_show}}
            <p class="y-footer__copyright">&copy; {{#if theme_settings.yamshi_copyright_text}}{{strReplace (strReplace theme_settings.yamshi_copyright_text '{year}' (moment format='YYYY')) '{store}' settings.store_name}}{{else}}{{lang 'yamshi.footer.copyright' year=(moment format='YYYY') store=settings.store_name}}{{/if}}</p>
        {{/if}}
        {{!-- Fixed credit, same as the WordPress theme: not a theme setting, not a lang key, no show/hide option. --}}
        <p class="y-credit" data-yc="{{#if locale_name '===' 'ar'}}e89df5cc{{else if locale_name '===' 'fr'}}7ee84154{{else}}983c75a7{{/if}}">{{#if locale_name '===' 'ar'}}القالب من تطوير{{else if locale_name '===' 'fr'}}Thème développé par{{else}}Theme developed by{{/if}} <a href="https://yamshi.app" target="_blank" rel="noopener">Yamshi</a></p>
    </div>
    {{{region name="ssl_site_seal--global"}}}
</footer>