{% extends "::web.html.twig" %}

{% block head_config %}
<link href='//fonts.googleapis.com/css?family={{ settings.mainFont|default('Muli') }}:300,400,400italic' rel='stylesheet' type='text/css' />
{% endblock %}

{% block head_config_end %}
<style>

html,
body {
    overflow: hidden;
    background: #FFF!important;
    font-family: {{ settingsEntity.mainFont|default('Muli')|replace({'+': ' '})  }}, sans-serif;
}

@media (max-width:900px) {
    html,
    body {
        overflow: auto;
    }
}

{% if popinHasExtraContent == false %}
.iframe-inside__aside{display: none;}
.iframe-inside__content{
    width: 100%;
}
{% endif %}

{# Custom CSS #}
{{ settingsEntity.getLightboxCustomCss | raw }}

</style>

{% endblock %}


{% block head_templates %}
<script>window.ouibeatIframeContent={{ content | raw }};</script>

<script id="template-iframeeventitem" type="text/template">
<div class="iframe-event iframe-event--tpl___network___tpl">
<div class="iframe-inside">
<div class="iframe-inside__content">
    <div class="item__content">
        tpl___img___tpl
    </div>
    <footer class="item__footer">
        <div class="share">
            <a class="mode-download" href="tpl___sourcelink___tpl">
                <span>Photo : <i class="icon icon_download"></i></span>
            </a>
            <span class="sep">|</span>
            Partager :
            <a class="share-link share--facebook" href="tpl___sharefacebook___tpl"><i class="icon icon_facebook-sq"></i></a>
            <a class="share-link share--twitter" href="tpl___sharetwitter___tpl"><i class="icon icon_twitter"></i></a>
            <a class="share-link share--pinterest" href="tpl___sharepinterest___tpl"><i class="icon icon_pinterest"></i></a>
        </div>
    </footer>
</div>
<aside class="iframe-inside__aside">
    <div class="iframe-inside__aside__content">
        {% if settings.lightboxText %}
            <div class="lb-text">{{settings.lightboxText}}</div>
        {% endif %}

        {% if asset(settingsEntity.getWebLightboxImagePath | default('')) != '/' %}
            {% if settings.lightboxImageUrl %}
                <a href="{{settings.lightboxImageUrl}}" target="_blank">
            {% endif %}
                <img src="{{ asset(settingsEntity.getWebLightboxImagePath | default('')) }}" alt="" />
            {% if asset(settingsEntity.getWebLightboxImagePath | default('')) != '/' %}
                </a>
            {% endif %}
        {% endif %}

        <div class="facebook-contest facebook-contest--tpl___facebookcontestcss___tpl">
            <a class="share-link share--facebook-contest" href="tpl___facebookcontestbuttonurl___tpl">
                <i class="icon icon_trophy"></i>
                tpl___facebookcontestbuttonlabel___tpl
            </a>
        </div>
    </div>
</aside>
</div>
</div>
</script>
{% endblock %}

{% block content_main %}
<div id="content-lightbox"></div>
{% endblock %}