{% extends 'cms/blocks/_block.html' %}
{% load wagtailcore_tags %}

{% block block_content %}
    <div class="timeline-container">
        {% for item in value.items %}
            <div class="timeline-item {% if forloop.counter|divisibleby:2 != 0 %}right{% else %}left{% endif %}">
                <div class="timeline-marker">
                    <div class="market-dot"></div>
                </div>
                <div class="timeline-content">
                    {% include_block item with theme=value.theme %}
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}
