//if matches.length
//  p#your-score
//    span Your Current Score:
//    span  
//    strong= score

div#columns.row
  for team in teams
    div.matches-column.col-md-6
      if team.matches.length
        table.table.table-bordered.table-condensed

          tr
            th(colspan=4, style="color: #{team.primaryColor}")
              span Your
              span  
              span= team.name
              span  
              span Matches

              button.btn.btn-sm.btn-warning.pull-right.rank-button(data-session-id=team.session.id)
                span.unavailable.hidden No New Code to Rank
                span.rank.hidden Rank My Game!
                span.ranking.hidden Submitting...
                span.ranked.hidden Submitted for Ranking
                span.failed.hidden Failed to Rank

          tr
            th Result
            th Opponent
            th When
            th
          for match in team.matches
            tr
              td.state-cell
                if match.state === 'win'
                  span.win Win
                if match.state === 'loss'
                  span.loss Loss
                if match.state === 'tie'
                  span.tie Tie
              td.name-cell= match.opponentName || "Anonymous"
              td.time-cell= match.when
              td.battle-cell
                - var text = match.state === 'win' ? 'Watch your victory' : 'Defeat the ' + team.otherTeam
                a(href="/play/level/#{levelID}?team=#{teamID}&opponent=#{match.sessionID}")= text
      
      else
        div.alert.alert-warning
          | No ranked matches played yet!
          | Play some competitors on the right and then come back to get your game ranked.