{% load static %}

        <div class="cell medium-12 large-3 padding10">
            {% if match.tournament_title %}
            <label class="minor-info bold padding10">{{ match.tournament_title }}</label>
            {% endif %}

            <div class="bubble">
                <div class="match-status-container-header flex-row">
                    {% if prog_mode and match.group_stage_name %}
                    <label class="matchtitle">{{ match.group_stage_name }}</label>
                    {% else %}
                    <label class="matchtitle">{{ match.title }}</label>
                    {% endif %}
                    {% if match.court %}
                    <label class="right-label minor-info">{{ 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 %}">

                        <div class="player-flex-row">
                            {% if team.id and team.weight %}
                            <a href="{% url 'team-details' tournament.id team.id %}" class="player-link">
                            {% endif %}
                            <div>
                                {% for name in team.names %}
                                <div class="semibold{% if team.walk_out == 1 %} strikethrough{% endif %}{% if team.is_winner %} winner{% endif %}">
                                    {{ name }}
                                </div>
                                {% endfor %}

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

                            {% if team.is_lucky_loser or team.walk_out == 1 %}
                            <div class="minor-info bold" style="height: 100%; padding-right: 20px;">
                                {% if match.should_show_lucky_loser_status and team.is_lucky_loser %}(LL){% endif %}
                            </div>
                            {% endif %}
                        </div>
                    </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="match-status-container-header-bottom">
                    <div class="match-status-container {% if not match.ended and match.started %}running{% endif %} flex-row">
                        <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.format }}
                            {% endif %}
                        </label>
                    </div>
                </div>
            </div>
        </div>
