</main>
<footer>
  <div class="container">
    <div class="row">
      <div class="col-sm-3">
        <h5>{{ text_information }}</h5>
        <ul class="list-unstyled">
          {% for information in informations %}
            <li><a href="{{ information.href }}">{{ information.title }}</a></li>
          {% endfor %}
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_service }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ contact }}">{{ text_contact }}</a></li>
          <li><a href="{{ return }}">{{ text_return }}</a></li>
          {% if gdpr %}
            <li><a href="{{ gdpr }}">{{ text_gdpr }}</a></li>
          {% endif %}
          <li><a href="{{ sitemap }}">{{ text_sitemap }}</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_extra }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ manufacturer }}">{{ text_manufacturer }}</a></li>
          <li><a href="{{ voucher }}">{{ text_voucher }}</a></li>
          {% if affiliate %}
            <li><a href="{{ affiliate }}">{{ text_affiliate }}</a></li>
          {% endif %}
          <li><a href="{{ special }}">{{ text_special }}</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>{{ text_account }}</h5>
        <ul class="list-unstyled">
          <li><a href="{{ account }}">{{ text_account }}</a></li>
          <li><a href="{{ order }}">{{ text_order }}</a></li>
          <li><a href="{{ wishlist }}">{{ text_wishlist }}</a></li>
          <li><a href="{{ newsletter }}">{{ text_newsletter }}</a></li>
        </ul>
      </div>
    </div>
    <hr>
    <p>{{ powered }}</p>
    <!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->
  </div>
</footer>
{{ cookie }}
<script src="{{ bootstrap }}" type="text/javascript"></script>
{% for script in scripts %}
  <script src="{{ script.href }}" type="text/javascript"></script>
{% endfor %}

            {% if scroll_status == 1 %}
                <style>
                    #scrollToTop {
                        position: fixed;
                        bottom: 20px;
                        right: 20px;
                        display: none;
                        width: 40px;
                        height: 40px;
                        line-height: 40px;
                        background: {{ scroll_background_color | default('#000') }};
                        color: {{ scroll_text_color | default('#fff') }};
                        border-radius: 50%;
                        text-align: center;
                        font-size: 9px;
                        text-decoration: none;
                        transition: all 0.3s ease;
                        box-shadow: none;
                    }

                    #scrollToTop:hover {
                        background: #D32F2F;
                        box-shadow: 0 0 0 9px white, 0 0 0 11px #B71C1C;
                    }
                </style>
                <a href="#" id="scrollToTop"><i style="font-size: 28px; margin-top: 5px" class="fa fa-angle-up" aria-hidden="true"></i></a>
                <script>
                    window.addEventListener('scroll', function() {
                        var button = document.getElementById('scrollToTop');
                        if (window.scrollY > 200) {
                            button.style.display = 'block';
                        } else {
                            button.style.display = 'none';
                        }
                    });

                    document.getElementById('scrollToTop').addEventListener('click', function(e) {
                        e.preventDefault();
                        window.scrollTo({ top: 0, behavior: 'smooth' });
                    });
                </script>
            {% endif %}
            
</body></html>
