{% set chevron = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
<path d="M16.218 17.218c1.794-1.794 2.782-4.18 2.782-6.718s-0.988-4.923-2.782-6.717-4.18-2.782-6.718-2.782-4.923 0.988-6.718 2.782-2.782 4.18-2.782 6.717 0.988 4.923 2.782 6.718 4.18 2.782 6.718 2.782 4.923-0.988 6.718-2.782zM1 10.5c0-4.687 3.813-8.5 8.5-8.5s8.5 3.813 8.5 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5z" fill="#000000"></path>
<path d="M4 9c0-0.128 0.049-0.256 0.146-0.354 0.195-0.195 0.512-0.195 0.707 0l4.646 4.646 4.646-4.646c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-5 5c-0.195 0.195-0.512 0.195-0.707 0l-5-5c-0.098-0.098-0.146-0.226-0.146-0.354z" fill="#000000"></path>
</svg>' %}

{% set transparent = false %}
{% set width = "100%" %}
{% set height = "400px" %}
{% set id = 'iframe' %}

{% if not pimcore_input("iframe_width").isEmpty() %}
    {% set width = pimcore_input("iframe_width").getData() %}
{% endif %}

{% if not pimcore_input("iframe_height").isEmpty() %}
    {% set height = pimcore_input("iframe_height").getData() %}
{% endif %}

{% if not pimcore_checkbox("iframe_transparent").isEmpty() %}
    {% set transparent = pimcore_checkbox("iframe_transparent").getData() %}
{% endif %}

{{ app.request.get('filter')['_per_page'] }}

<div class="block iframe">

    <h2 id="{{ pimcore_input('iframe_anchor').getData() }}">{{ pimcore_input('iframe_title')}}</h2>

    <div class="inner-container <?= $toggleClass; ?>">
        <div class='block-intro'>
            {{ pimcore_wysiwyg("iframe_intro") }}
        </div>

        <iframe id="<?= $id; ?>"
                src="{{ pimcore_input('iframe_url').getData() }}"
                width="{{ width }}"
                height="{{ height }}"
                allowtransparency="<?= $transparent; ?>"
                frameborder="0"
                class=""></iframe>

    </div>
</div>