{% if editmode %}
{% for i in pimcore_block("timeline").iterator %}
Jahr: {{ pimcore_input("jahr") }}<br>
Content: {{ pimcore_wysiwyg("content") }}
Bild: {{ pimcore_image("timeline_img") }}
Art: <br>{{ pimcore_select("timeline_art", {
"store": [
["event", "event"],
["location", "location"],
["bild", "bild"],
],
"defaultValue": "event",
"reload": false
}) }}
{% endfor %}
{% else %}
<div class="container-fluid">
<section class="cd-timeline js-cd-timeline">
<div class="container p-0 max-width-lg cd-timeline__container">
{% for i in pimcore_block("timeline").iterator %}
<div class="cd-timeline__block">
<div class="cd-timeline__img cd-timeline__img--picture">
{% if pimcore_select("timeline_art") == "bild" %}
<img src="/img/cd-icon-picture.svg" alt="Picture">
{% elseif pimcore_select("timeline_art") == "location" %}
<img src="/img/cd-icon-location.svg" alt="Picture">
{% else %}
<img src="/img/cd-icon-event.svg" alt="Picture">
{% endif %}
</div>
<div class="cd-timeline__content text-component">
{% if pimcore_image("timeline_img").getSrc() %}
<div class="image-wrapper">
<img src="{{ pimcore_image("timeline_img").getSrc() }}">
</div>
{% endif %}
{{ pimcore_wysiwyg("content") }}
<p class="flex justify-between items-center">
<span class="cd-timeline__date">{{ pimcore_input("jahr") }}</span>
</p>
</div>
</div>
{% endfor %}
</div>
</section>
</div>
{% endif %}