{% if editmode %}
<br><br>
{% embed 'Includes/editmode-settings.html.twig' %}
{% block additionalInfo %}
<div>
<div style="margin-bottom: 10px;">
<label>Full Width: </label>
{{ pimcore_checkbox('fullwidth') }}
</div>
<label>URL: </label>
{{ pimcore_input('link') }}
<label>Height desktop: </label>
{{ pimcore_numeric('height', {
minValue: 0,
}) }}
<label>Height mobil: </label>
{{ pimcore_numeric('height_mobile', {
minValue: 0,
}) }}
</div>
{% endblock %}
{% endembed %}
{{ include('Includes/title-block-editable.html.twig') }}
{% else %}
<section class="iframe-area {{ not pimcore_checkbox('fullwidth').checked() ? 'container ' }} content-block js-fade-in {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}"
{% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %}>
{{ include('Includes/title-block-editable.html.twig', {
isCentered: true
}) }}
<iframe width="100%" frameborder="0" height="{{ pimcore_device().isPhone() ? pimcore_numeric('height_mobile').data : pimcore_numeric('height').data }}" src="{{ pimcore_input('link').data }}"></iframe>
</section>
{% endif %}