{% sw_extends '@Storefront/storefront/layout/scroll-up.html.twig' %}
{% block layout_scroll_up_inner %}
{{parent()}}
{% set LdspopupConfig = config('Ldspopup') %}
{% if LdspopupConfig.config.active==1 %}
<div class="modal fade" id="ldspopup" tabindex="-1" role="dialog" aria-labelledby="ldspopupLabel" aria-hidden="true">
{% if LdspopupConfig.config.consentLink %}<a class="modal-link" href="{{LdspopupConfig.config.consentLink}}">{% endif %}
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
{% if LdspopupConfig.config.consentTitle %}
<h3>{{LdspopupConfig.config.consentTitle|raw}}</h3>
{% endif %}
{% if LdspopupConfig.config.consentDescription %}
<p>{{LdspopupConfig.config.consentDescription|raw}}</p>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% if LdspopupConfig.config.consentLink %}</a>{% endif %}
</div>
{% endif %}
{% if LdspopupConfig.config.consentBackground %}
{% set mediaId = LdspopupConfig.config.consentBackground %}
{% set mediaCollection = searchMedia([mediaId], context.context) %}
{% set media = mediaCollection.get(mediaId) %}
<style>
#ldspopup{
.modal-dialog{
height: {{LdspopupConfig.config.consentheight}}px;
width: {{LdspopupConfig.config.consentwidth}}px;
background-image:url('{{media.url}}');
background-repeat: no-repeat;
background-size: {{LdspopupConfig.config.displaymode}};
background-position: center center;
margin-top: 6%;
.modal-content{
height: 100%;
background-color: transparent;
.modal-link{
text-decoration: none;
}
}
}
}
</style>
{% endif %}
{% endblock %}