<div class="card" id="rsvp-activity">
    <h3>What do you want to go to? <span class="badge bg-red live">Connecting...</span> </h3>
    
    {% if page_error %}
    <div class="subcard bg-red">
        {{page_error}}
    </div>
    {% endif %}

    {% for group, activities in groups.items %}
        <h4 class="group-title">
            {{ group.title }}
            {% if group.single_choice %}
                <span class="badge">Choose one</span>
            {% endif %}
        </h4>

        {% for activity in activities %}
            {% include "rsvp/rsvp_page_activities_details.html" %}
        {% endfor %}
    {% endfor %}

    {% if ungrouped_activities %}
        <h4 class="group-title">Other activities</h4>

        {% for activity in ungrouped_activities %}
            {% include "rsvp/rsvp_page_activities_details.html" %}
        {% endfor %}
    {% endif %}

</div>

<script>
    var guestCount = {{ rsvp.guest_count }};
</script>