<div
class="modal fade"
id="newsletterModal"
data-backdrop="static"
data-keyboard="false"
data-disable-newsletter-popup="{{ document.getProperty('disable_newsletter_popup') ? 'true' : 'false' }}"
tabindex="-1"
aria-labelledby="newsletterModalLabel"
aria-hidden="true"
>
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content px-3 pt-3 pb-6 pb-lg-3 border-0 rounded-0">
<div class="modal-body">
<button type="button" class="close position-absolute p-2" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="d-flex flex-wrap">
<div class="text-container">
<p class="title text-uppercase mb-3">
{{ 'newsletter.modal.title'|trans }}
</p>
<p class="text">
{{ 'newsletter.modal.text'|trans }}
</p>
</div>
<div class="form-container">
{% if document is defined and document and not isMobile|default() %}
{% if document.getProperty('newsletterForm') %}
{{ pimcore_inc(document.getProperty('newsletterForm').getRealFullpath()) }}
{% endif %}
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>