<div class="events-list">
    <div class="flex-content-wrapper">
        {% assign sorted_events = include.events | sort: "start.date" %}
        {% assign countdown = include.limit | default: 3 %}
        {% assign today = "now" | date: "%Y-%m-%d" %}
        {% assign has_upcoming_events = false %}

        {% for event in sorted_events %}
            {% if event.start.date < today or
                        event.registration_period.to < today %}
                {% continue %}
            {% else %}
                {% assign has_upcoming_events = true %}
            {% endif %}

            {% include events/wide_card.html
                        title = event.excerpt %}
            
            {% assign countdown = countdown | minus: 1 %}
            {% if countdown == 0 %}{% break %}{% endif %}
        {% endfor %}
        {% if has_upcoming_events == false %}
            <article class="list-entry">
                <h1>
                    There are no upcoming events right now ... stay tuned.
                </h1>
            </article>
        {% else %}
            <div class="see-more-link">
                <strong><a href="{% link events.md %}">See More Events</a></strong>
            </div>
        {% endif %}
    </div>
</div>