{% load cms_tags i18n %}

<div class="text_slider reveal_container" data-active="0"
     data-last="{{ instance.child_plugin_instances|length|add:'-1' }}">
    <div class="text_slider__frame reveal reveal_animation data_delay_2">
        <div class="text_slider__content">
            <div class="text_slider__container">
                {% for plugin in instance.child_plugin_instances %}
                    <div class="text_slider__item data_id_{{ forloop.counter0 }}">
                        {% render_plugin plugin %}
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <a href="#" class="slider__navigation slider__navigation--next reveal reveal_animation data_delay_4">
        {% include 'project/assets/arrow-right.svg' %}
        {% trans 'Nächster Slide' %}
    </a>
    <a href="#" class="slider__navigation slider__navigation--prev reveal reveal_animation">
        {% include 'project/assets/arrow-left.svg' %}
        {% trans 'Vorheriger Slide' %}
    </a>
</div>