{% load wagtailcore_tags wagtailimages_tags %}

{% with logo=settings.ocyan_plugin_wagtail.OcyanSettings.logo %}
<span class="logo">{% image logo width-200 class="img-responsive" %}</span>
{% endwith %}
{% include_block self.bound_blocks.content %}

{% with settings=settings.ocyan_plugin_wagtail.OcyanSettings %}
<div class="contact">
    {% if settings.phone_number %}<span class="icon-headphones"></span> Bel ons: <a href="tel:{{ settings.phone_number }}">{{ settings.phone_number }}</a> <br />{% endif %}
    {% if settings.email_address %}<span class="icon-envelope-alt"></span> Mail ons: <a href="mailto:{{ settings.email_address }}">{{ settings.email_address }}</a>{% endif %}
</div>
<div class="social">
    {% if settings.facebook_url %}<a href="{{ settings.facebook_url }}"><i class="icon-facebook" aria-hidden="true"></i></a>{% endif %}
    {% if settings.twitter_url %}<a href="{{ settings.twitter_url }}"><i class="icon-twitter" aria-hidden="true"></i></a>{% endif %}
    {% if settings.linkedin_url %}<a href="{{ settings.linkedin_url }}"><i class="icon-linkedin" aria-hidden="true"></i></a>{% endif %}
    {% if settings.instagram_url %}<a href="{{ settings.instagram_url }}"><i class="icon-instagram" aria-hidden="true"></i></a>{% endif %}
    {% if settings.youtube_url %}<a href="{{ settings.youtube_url }}"><i class="icon-youtube" aria-hidden="true"></i></a>{% endif %}
    {% if settings.tiktok_url %}<a href="{{ settings.tiktok_url }}"><i class="icon-tiktok" aria-hidden="true"></i></a>{% endif %}
</div>
{% endwith %}
