{% set featuretteBlock = pimcore_scheduledblock('block') %}

<section class="area-featurette">
    {% for i in pimcore_iterate_block(featuretteBlock) %}
        {% set positionSelect = pimcore_select('position', {
            store: [["left","left"],["right","right"]],
            class: 'align-middle'
        }) %}

        {% set position = positionSelect.getData()|default('right') %}

        <div class="row featurette">
            <div class="col-sm-7 {{ position == 'right' ? 'col-sm-push-5' : '' }}">
                <h2 class="featurette-heading">
                    {{ pimcore_input('headline') }}
                    <span class="text-muted">{{ pimcore_input('subline') }}</span>
                </h2>

                <div class="lead">
                    {{
                        pimcore_wysiwyg('content', {
                            height: 200
                        })
                    }}
                </div>
            </div>

            <div class="col-sm-5 {{ position == 'right' ? 'col-sm-pull-7' : '' }}">
                {% if editmode %}

                    <div class="mb-4">
                        <span class="editmode-label align-middle">Orientation:</span>
                        {{ positionSelect|raw }}
                    </div>


                {% endif %}

                {{
                    pimcore_image('image', {
                        imgAttributes: {class: 'featurette-image img-responsive'},
                        thumbnail: 'featurerette'
                    })
                }}

            </div>
        </div>


    {% endfor %}
</section>