{% load static %}

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

                <div class="status-container-bracket-header flex-row">
                    {% if match.bracket_name %}
                    <label class="minor-info bold">{{ match.bracket_name }}</label>
                    {% endif %}
                    {% if not match.ended %}
                    <label class="right-label minor-info bold">{{ match.court }}</label>
                    {% endif %}
                </div>


                <div>
                {% for team in match.teams %}
                <div class="match-result {% cycle 'bottom-border' '' %}">
                    <div class="player {% if team.names|length == 1 %}single-player{% else %}two-players{% endif %}">
                        {% if team.id %}
                        <a href="{% url 'team-details' tournament.id team.id %}" class="player-link">
                        {% endif %}

                        {% if team.is_lucky_loser or team.walk_out == 1 %}
                        <div class="overlay-text">
                            {% if team.is_lucky_loser %}(LL){% elif team.walk_out == 1 %}(WO){% endif %}
                        </div>
                        {% endif %}

                        {% for name in team.names %}
                        <div class="semibold{% if team.walk_out == 1 %} strikethrough{% endif %}{% if team.is_winner %} winner{% endif %}">
                            {% if name|length > 0 %}
                                {{ name }}
                            {% else %}
                                &nbsp;
                            {% endif %}
                        </div>
                        {% endfor %}
                        {% if team.id %}
                        </a>
                        {% endif %}
                    </div>

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

                {% endfor %}

                </div>
                <div class="status-container-bracket-header-bottom">
                    <div class="status-container-bracket {% if not match.ended and match.started %}running{% endif %}">
                        <label class="left-label minor-info bold">
                            {% if match.show_time_indication %}
                            {{ match.time_indication }}
                            {% endif %}
                        </label>
                    </div>
                </div>
            </div>
        </div>
