{% if m.empty %}
<div class="bracket-matchup bracket-matchup-empty">
    <div class="bracket-team bracket-team-placeholder">TBD</div>
    <div class="bracket-team bracket-team-placeholder">TBD</div>
</div>
{% else %}
<a class="bracket-matchup bracket-matchup-{{ m.state }}" href="/series/{{ m.series_id }}">
    <div class="bracket-team {% if m.winner_abbrev == m.top.abbrev %}bracket-team-winner{% endif %}">
        {% if m.top.logo %}<img class="bracket-team-logo" src="{{ m.top.logo }}" alt="{{ m.top.abbrev }}">{% endif %}
        <span class="bracket-team-abbrev">{{ m.top.abbrev }}</span>
        {% if m.top.seed %}<span class="bracket-team-seed">{{ m.top.seed }}</span>{% endif %}
        <span class="bracket-team-wins">{{ m.top_wins }}</span>
    </div>
    <div class="bracket-team {% if m.winner_abbrev == m.bottom.abbrev %}bracket-team-winner{% endif %}">
        {% if m.bottom.logo %}<img class="bracket-team-logo" src="{{ m.bottom.logo }}" alt="{{ m.bottom.abbrev }}">{% endif %}
        <span class="bracket-team-abbrev">{{ m.bottom.abbrev }}</span>
        {% if m.bottom.seed %}<span class="bracket-team-seed">{{ m.bottom.seed }}</span>{% endif %}
        <span class="bracket-team-wins">{{ m.bottom_wins }}</span>
    </div>
</a>
{% endif %}