{# 1. Fetch IDs for all individual activities #}
{% set individualIds = craft.entries()
    .section('events')
    .eventType('individualActivity')
    .ids() %}

{# 2. Fetch IDs for future group activities #}
{% set groupIds = craft.entries()
    .section('events')
    .eventType('groupActivity')
    .date('>= now')
    .ids() %}

{# 3. Merge the two ID arrays together #}
{% set combinedIds = individualIds|merge(groupIds) %}

{# 4. Fetch 3 random entries from the combined ID pool #}
{% set events = [] %}
{% if combinedIds|length %}
    {% set events = craft.entries()
        .id(combinedIds)
        .orderBy('RAND()')
        .limit(3)
        .all() %}
{% endif %}

{% if events|length %}
    <section class="upcoming">
        <div class="container">
            <div class="upcoming__header">
                <div class="upcoming__header-content">
                    <h2 class="upcoming__title">{{ entry.title }}</h2>
                    <p class="upcoming__subtitle">
                        {{ entry.intro }}
                    </p>
                </div>
                {% if entry.button %}
                    <a href="{{ entry.button.url }}" class="btn btn--secondary upcoming__calendar-btn upcoming__calendar-btn--desktop">
                        {{ entry.button.label }}
                    </a>
                {% endif %}
            </div>

            <div class="upcoming__cards">
                {% for event in events %}
                    {% include 'generic-content/_partials/event.twig' %}
                {% endfor %}
            </div>

            {% if entry.button %}
                <a href="{{ entry.button.url }}" class="btn btn--secondary upcoming__calendar-btn upcoming__calendar-btn--mobile">
                    {{ entry.button.label }}
                </a>
            {% endif %}
        </div>
    </section>
{% endif %}