{% block content %}
{# random #}
{% set random = random() %}
{% if editmode %}
<div class="editmode grid-x">
<div class="cell toggler-title">
<div data-toggle="settings-{{ random }}">Phasen</div>
</div>
<div class="cell toggler-content" id="settings-{{ random }}" data-toggler=".is-active">
<div class="toggler-content-panel">
<div class="grid-x grid-padding-x">
</div>
</div>
</div>
</div>
{% endif %}
<section class="section-content">
<div class="grid-container listing listing-phase">
<div class="grid-x small-up-1 xmedium-up-3 grid-margin-x grid-margin-y align-stretch">
{# creator 1 #}
<div class="cell phase-item creator">
<div class="phase-type">
{{ pimcore_input('phase1Type', {
'placeholder': 'Typ'
}) }}
</div>
<div class="phase-number">1</div>
<div class="phase-title">
<strong>
{{ pimcore_input('phase1Title', {
'placeholder': 'Titel'
}) }}
</strong>
</div>
<div class="phase-text">
{{ pimcore_input('phase1Text', {
'placeholder': 'Text'
}) }}
</div>
</div>
{# creator 2 #}
<div class="cell phase-item creator">
<div class="phase-type">
{{ pimcore_input('phase2Type', {
'placeholder': 'Typ'
}) }}
</div>
<div class="phase-number">2</div>
<div class="phase-title">
<strong>
{{ pimcore_input('phase2Title', {
'placeholder': 'Titel'
}) }}
</strong>
</div>
<div class="phase-text">
{{ pimcore_input('phase2Text', {
'placeholder': 'Text'
}) }}
</div>
</div>
{# blank #}
<div class="cell invisible show-for-xmedium phase-item">
</div>
{# co-creator 3 #}
<div class="cell phase-item co-creator">
<div class="phase-type">
{{ pimcore_input('phase3Type', {
'placeholder': 'Typ'
}) }}
</div>
<div class="phase-number">3</div>
<div class="phase-title">
<strong>
{{ pimcore_input('phase3Title', {
'placeholder': 'Titel'
}) }}
</strong>
</div>
<div class="phase-text">
{{ pimcore_input('phase3Text', {
'placeholder': 'Text'
}) }}
</div>
</div>
{# co-creator 4 #}
<div class="cell phase-item co-creator">
<div class="phase-type">
{{ pimcore_input('phase4Type', {
'placeholder': 'Typ'
}) }}
</div>
<div class="phase-number">4</div>
<div class="phase-title">
<strong>
{{ pimcore_input('phase4Title', {
'placeholder': 'Titel'
}) }}
</strong>
</div>
<div class="phase-text">
{{ pimcore_input('phase4Text', {
'placeholder': 'Text'
}) }}
</div>
</div>
{# co-creator 5 #}
<div class="cell phase-item co-creator">
<div class="phase-type">
{{ pimcore_input('phase5Type', {
'placeholder': 'Typ'
}) }}
</div>
<div class="phase-number">5</div>
<div class="phase-title">
<strong>
{{ pimcore_input('phase5Title', {
'placeholder': 'Titel'
}) }}
</strong>
</div>
<div class="phase-text">
{{ pimcore_input('phase5Text', {
'placeholder': 'Text'
}) }}
</div>
</div>
</div>
</div>
</section>
{% endblock %}