{% load staticfiles %}
{% load wagtailcore_tags wagtailimages_tags cache %}

{% cache 300 footer LANGUAGE_CODE %}
<footer style="background-image: url({% static 'template8/images/lines.svg' %});">
    <div class="container">
        <div class="row footer-block">
            {% with footer=settings.ocyan_plugin_wagtail.OcyanSettings.footer %}
            {% for block in footer %}
            <div class="col-lg-3 col-md-6 col-sm-12">
                {% include_block block %}
                {% if forloop.first %}
                {% with settings=settings.ocyan_plugin_wagtail.OcyanSettings %}
                <span class="social">
                    {% if settings.facebook_url %}<a href="{{ settings.facebook_url }}"><i class="fab fa-facebook" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.twitter_url %}<a href="{{ settings.twitter_url }}"><i class="fab fa-twitter" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.linkedin_url %}<a href="{{ settings.linkedin_url }}"><i class="fab fa-linkedin" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.instagram_url %}<a href="{{ settings.instagram_url }}"><i class="fab fa-instagram" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.youtube_url %}<a href="{{ settings.youtube_url }}"><i class="fab fa-youtube" aria-hidden="true"></i></a>{% endif %}
                </span>
                {% endwith %}
                {% endif %}
            </div>
            {% endfor %}
            {% endwith %}
        </div>
    </div>
</footer>

<div class="copyright bg-primary py-4">
    <div class="blurp-bottom">
        <svg class="svg-primary" width="192" height="61" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160.7 61.5" enable-background="new 0 0 160.7 61.5" xml:space="preserve"><path d="M80.3,61.5c0,0,22.1-2.7,43.1-5.4s41-5.4,36.6-5.4c-21.7,0-34.1-12.7-44.9-25.4S95.3,0,80.3,0c-15,0-24.1,12.7-34.9,25.4S22.3,50.8,0.6,50.8c-4.3,0-6.5,0,3.5,1.3S36.2,56.1,80.3,61.5z"></path></svg>
        <a id="backtotop" class="text-white backtotop">
            <i class="far fa-chevron-up"></i>
        </a>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                {% include_block settings.ocyan_plugin_wagtail.OcyanSettings.mini_footer %}
            </div>
        </div>
    </div>
</div>
{% endcache %}