{% load static %}

        <div class="cell medium-12 large-3 my-block">
            <div class="bubble">

                <!-- <div class="flex-row"> -->
                    <label class="matchtitle">{{ match.title }}</label>
                    <!-- <label class="right-label info">{{ match.date }}</label> -->
                <!-- </div> -->

                <div>

                {% for team in match.teams %}
                <div class="match-result {% cycle 'bottom-border' '' %}">
                    <div class="player">
                        {% if team.id %}
                        <a href="{% url 'team-details' tournament.id team.id %}" class="player-link"> <!-- Add this anchor tag -->
                        {% endif %}
                        {% for name in team.names %}
                        <div class="semibold {% if team.is_winner %}winner{% endif %}">
                            {% if name|length > 0 %}
                                {{ name }}
                            {% else %}
                                &nbsp;
                            {% endif %}
                        </div>
                        {% endfor %}
                        {% if team.id %}
                        </a>
                        {% endif %}
                    </div>

                    {% if match.should_show_scores %}
                        <div class="scores">
                            {% for score in team.scores %}
                            <span class="score ws w30px{% if team.is_winner %} winner{% endif %}">{{ score }}</span>
                            {% endfor %}
                        </div>
                    {% elif match.has_walk_out %}
                    <span class="score ws w60px">
                        {% if team.walk_out %}WO{% endif %}
                    </span>
                    {% elif not tournament.hide_weight and team.weight %}
                        <span class="score ws numbers">{{ team.weight }}</span>
                    {% endif %}
                </div>

                {% endfor %}

                </div>

                <div class="flex-row top-margin">
                    <label class="left-label minor-info bold">
                        {% if match.show_time_indication %}
                        {{ match.time_indication }}
                        {% endif %}
                    </label>
                    <label class="right-label minor-info">
                        {% if not match.ended %}
                        {{ match.court }}
                        {% endif %}
                    </label>
                    <!-- <a href="" class="right-label">{{ match.court }}</a> -->
                </div>

            </div>
        </div>
