{% for events in events.chunk(3) %}
    <div class="row">
        {% for event in events %}
            <div class="col-lg-4">

                <article class="event">

                    <a class="btn btn-info"
                       href="{{ request_url() }}/view/{{ str_slug(event.title.value) }}/{{ event.id }}">
                        {{ event.event_tag.value ?: 'Event' }}
                    </a>

                    {% if event.type.slug.value == 'events' %}
                        <div class="date">
                            {{ event.date_start.format(config_get('streams::datetime.date_format')) }}
                        </div>
                    {% else %}
                        <div class="date">{{ event.publish_at.format('F j, Y') }}</div>
                    {% endif %}

                    <h4>
                        <a href="{{ request_url() }}/view/{{ str_slug(event.title.value) }}/{{ event.id }}">
                            {{ event.title }}
                        </a>
                    </h4>

                    <p>{{ event.description|nl2br }}</p>

                    <a href="{{ request_url() }}/view/{{ str_slug(event.title.value) }}/{{ event.id }}" class="readmore">
                        Read More
                    </a>

                </article>

            </div>
        {% endfor %}
    </div>
{% endfor %}
