{% if editmode %}
{{ include('layout/includes/css.html.twig') }}
{% endif %}
{% if not editmode %}
<dialog id="infoModal" class="modal js-info-modal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true">
{% endif %}
<div class="modal-dialog modal-dialog-centered info-modal__dialog" role="document">
<div class="modal-content info-modal__content">
{% if not editmode %}
<div class="modal-header info-modal__header">
<button type="button" class="btn-no-styling info-modal__close" data-bs-dismiss="modal" aria-label="{{ 'global.Close'|trans }}">
<span class="icon icon-x" aria-label="{{ 'global.Close'|trans }}"></span>
<span class="ms-1">{{ document.property('swiss') ? ("global.Close"|trans)|replace({'ß': 'ss'}) : "global.Close"|trans }}</span>
</button>
</div>
{% endif %}
<div class="modal-body info-modal__body">
<div class="info-modal__subtitle text-gradient-primary">{{ pimcore_input('subtitle', {placeholder: 'Subtitle'}) }}</div>
<div class="info-modal__title">{{ pimcore_input('title', {placeholder: 'Title'}) }}</div>
<div class="info-modal__text wysiwyg">{{ pimcore_wysiwyg('wysiwyg')|raw }}</div>
</div>
<div class="modal-footer info-modal__footer">
{{ pimcore_link('link', {
class: 'btn btn-dark',
}) }}
</div>
</div>
</div>
{% if not editmode %}
</dialog>
{% endif %}