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


<section class="bg-primary socialbar">
    <div class="container">
        <div class="d-flex align-items-center justify-content-between">
            {% for link in settings.ocyan_plugin_wagtail.OcyanSettings.social_links %}
                <a class="text-white" href="{{ link.value.link.url }}"><b>{{ link.value.label }}</b></a>
            {% endfor %}
            {% if settings.ocyan_plugin_wagtail.OcyanSettings.facebook_url %}
                <a class="text-white" target="_blank" href="{{ settings.ocyan_plugin_wagtail.OcyanSettings.facebook_url }}"><i style="font-size: 35px;" class="fa fa-facebook" aria-hidden="true"></i></a>
            {% endif %}
            {% if settings.ocyan_plugin_wagtail.OcyanSettings.linkedin_url %}
                <a class="text-white" target="_blank" href="{{ settings.ocyan_plugin_wagtail.OcyanSettings.linkedin_url }}"><i style="font-size: 35px;" class="fa fa-linkedin" aria-hidden="true"></i></a>
            {% endif %}
            {% if settings.ocyan_plugin_wagtail.OcyanSettings.twitter_url %}
                <a class="text-white" target="_blank" href="{{ settings.ocyan_plugin_wagtail.OcyanSettings.twitter_url }}"><i style="font-size: 35px;" class="fa fa-twitter" aria-hidden="true"></i></a>
            {% endif %}
            {% if settings.ocyan_plugin_wagtail.OcyanSettings.instagram_url %}
                <a class="text-white" target="_blank" href="{{ settings.ocyan_plugin_wagtail.OcyanSettings.instagram_url }}"><i style="font-size: 35px;" class="fa fa-instagram" aria-hidden="true"></i></a>
            {% endif %}
            {% if settings.ocyan_plugin_wagtail.OcyanSettings.whatsapp_url %}
                <a class="text-white d-flex align-items-center" href="{{ settings.ocyan_plugin_wagtail.OcyanSettings.whatsapp }}"><i style="font-size: 40px" class="fa fa-whatsapp mr-2" aria-hidden="true"></i><div style="line-height: 1;"><small><b>Wij appen terug op werkdagen<br>
tussen 8.30 - 17.00 uur.</b></small></div></a>
            {% endif %}
        </div>
    </div>
</section>

{% cache 300 footer LANGUAGE_CODE request.site %}
<footer class="bg-secondary">   
<div class="copyright py-4">
    <div class="blurp-bottom">
        <svg class="svg-primary" width="120" height="50" 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" class="fill-secondary"></path></svg>
        <a id="backtotop" class="text-dark backtotop">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>
</div>    
    <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="fa fa-facebook" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.twitter_url %}<a href="{{ settings.twitter_url }}"><i class="fa fa-twitter" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.linkedin_url %}<a href="{{ settings.linkedin_url }}"><i class="fa fa-linkedin" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.instagram_url %}<a href="{{ settings.instagram_url }}"><i class="fa fa-instagram" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.youtube_url %}<a href="{{ settings.youtube_url }}"><i class="fa fa-youtube" aria-hidden="true"></i></a>{% endif %}
                    {% if settings.pinterest_url %}<a href="{{ settings.pinterest_url }}"><i class="fa fa-pinterest" aria-hidden="true"></i></a>{% endif %}
                </span>
                {% endwith %}
                {% endif %}
            </div>
            {% endfor %}
            {% endwith %}
            <div class="col-lg-12 text-left mt-2">
                {% include_block settings.ocyan_plugin_wagtail.OcyanSettings.mini_footer %}
            </div>
        </div>
    </div>
</footer>
{% endcache %}