{% if editmode %}
<h2 class="uk-h2">Process Info</h2>
{% endif %}
<section id="process">
<div class="apk-process">
<div class="uk-container">
<div class="uk-text-center apk-container-800 uk-margin-auto">
<h2 class="uk-h2 apk-underlined apk-underlined-orange2">{{ pimcore_textarea('Title', {'nl2br' : true, 'width' : 1000}) }}</h2>
<p class="apk-post-title apk-font-22 uk-margin-remove">{{ pimcore_textarea('infoPoestTitle', {'nl2br' : true}) }}</p>
</div>
<div class="uk-grid-small uk-margin-medium-top uk-child-width-expand@m uk-grid" uk-grid>
{% set n = 1 %}
{% for i in pimcore_block('processBlock').iterator %}
<div>
<div class="apk-process-container uk-text-center">
<div class="apk-media uk-flex uk-flex-middle uk-flex-center uk-light">
{% if editmode %}
{{ pimcore_image('blockImage', {'width' : 100, 'height' : 100}) }}
{% else %}
<img uk-svg width="80" height="80" src="{{ pimcore_image('blockImage').getSrc() }}" alt="{{ pimcore_image('blockImage').getAlt() }}">
{% endif %}
</div>
<div class="apk-content uk-margin-top">
{{ pimcore_wysiwyg('blockWysiwyg') }}
</div>
</div>
</div>
{% if n < pimcore_block('processBlock').getData()|length %}
<div class="uk-width-auto@m uk-flex uk-flex-center">
<div class="apk-arrow">
<img width="65" height="65" uk-svg src="/static/img/pictos/long-arrow.svg" alt="{{ "Arrow"|trans }}">
</div>
</div>
{% endif %}
{% set n = n + 1 %}
{% endfor %}
</div>
</div>
</div>
</section>