{% load static %}

        <div class="cell large-3 my-block">
            <div class="dark_bubble">

                <div class="flex-row">
                    <a href="{% url 'tournament' tournament.id %}?group_stage={{ group_stage.id }}">
                        <span class="left-label matchtitle winner">{{ group_stage.title }}</span>
                    </a>
                    <!-- <label class="right-label info">{{ match.date }}</label> -->
                </div>

                <div>

                {% for team in group_stage.teams %}

                <div class="flex {% if team.qualified %}qualified{% endif %}">
                    <div class="flex-left player {% if team.names|length == 1 %}single-player{% else %}two-players{% endif %}">
                        {% if team.team_registration.id and team.weight %}
                        <a href="{% url 'team-details' tournament.id team.team_registration.id %}" class="group-stage-link"> <!-- Add this anchor tag -->
                        {% endif %}

                        {% for name in team.names %}
                        <div class="semibold">
                            {{ name }}
                        </div>
                        {% endfor %}

                        {% if team.team_registration.id and team.weight %}
                        </a>
                        {% endif %}

                    </div>
                    <div class="flex-right">
                        {% if group_stage.started %}
                        <div class="score ws numbers">{{ team.wins_losses }}</div>
                        <div class="ws numbers">{{ team.formatted_diff }}</div>
                        {% else %}
                            {% if tournament.hide_weight %}
                                <div class="score ws"></div>
                            {% elif team.weight %}
                                <div class="score ws numbers">{{ team.weight }}</div>
                            {% endif %}
                        {% endif %}
                    </div>
                </div>

                {% if not forloop.last %}
                <div class="dark-bottom-border"></div>
                {% endif %}

                {% endfor %}

                </div>

                <div class="flex-row top-margin">
                    <label class="left-label minor-info semibold">
                        <span class="beige">
                            {{ group_stage.formatted_duration }}
                        </span>
                    </label>
                    <!-- <label class="right-label minor-info">{{ match.court }}</label> -->
                    <!-- <a href="" class="right-label">{{ match.court }}</a> -->
                </div>

            </div>
        </div>
