extends /templates/base
block content

  div#level-column
    if levelDescription
      div!= levelDescription
    else
      h1= level.get('name')

  div#columns.row
    div.column.col-md-2
    for team in teams
      div.column.col-md-4
        a(style="background-color: #{team.primaryColor}", data-team=team.id).play-button.btn.btn-danger.btn-block.btn-lg
          span(data-i18n="play.play_as") Play As
          |  
          span= team.name
    div.column.col-md-2
  
  .spectate-button-container
    a(href="/play/spectate/#{level.get('slug')}").spectate-button.btn.btn-primary.center
      span(data-i18n="play.spectate") Spectate

  hr
    
  ul.nav.nav-pills
    li.active
      a(href="#ladder", data-toggle="tab", data-i18n="general.ladder") Ladder
    if !me.get('anonymous')
      li
        a(href="#my-matches", data-toggle="tab", data-i18n="ladder.my_matches") My Matches
      li
        a(href="#simulate", data-toggle="tab", data-i18n="ladder.simulate") Simulate

  div.tab-content
    .tab-pane.active.well#ladder
      #ladder-tab-view
    .tab-pane.well#my-matches
      #my-matches-tab-view
    .tab-pane.well#simulate
      p(id="simulation-status-text")
        if simulationStatus
          | #{simulationStatus}
        else
          span(data-i18n="ladder.simulation_explanation") By simulating games you can get your game ranked faster!
      p
        button(data-i18n="ladder.simulate_games").btn.btn-warning.btn-lg.highlight#simulate-button Simulate Games!
      if false && me.isAdmin()
        p
          button(data-i18n="ladder.simulate_all").btn.btn-danger.btn-lg.highlight#simulate-all-button RESET AND SIMULATE GAMES

      p.simulation-count
        span(data-i18n="ladder.games_simulated_by") Games simulated by you:
        |  
        span#simulated-by-you= me.get('simulatedBy') || 0

      p.simulation-count
        span(data-i18n="ladder.games_simulated_for") Games simulated for you:
        |  
        span#simulated-for-you= me.get('simulatedFor') || 0

      table.table.table-bordered.table-condensed.table-hover
        tr
          th
          th(data-i18n="general.player").name-col-cell Player
          th(data-i18n="ladder.games_simulated") Games simulated
          th(data-i18n="ladder.games_played") Games played
          th(data-i18n="ladder.ratio") Ratio
        - var topSimulators = simulatorsLeaderboardData.topSimulators.models;
        - var showJustTop = simulatorsLeaderboardData.inTopSimulators() || me.get('anonymous');
        - if(!showJustTop) topSimulators = topSimulators.slice(0, 10);
        for user, rank in topSimulators
          - var myRow = user.id == me.id
          tr(class=myRow ? "success" : "")
            td.simulator-leaderboard-cell= rank + 1
            td.name-col-cell= user.get('name') || "Anonymous"
            td.simulator-leaderboard-cell= user.get('simulatedBy')
            td.simulator-leaderboard-cell= user.get('simulatedFor')
            td.simulator-leaderboard-cell= Math.round((user.get('simulatedBy') / user.get('simulatedFor')) * 10) / 10
                
        if !showJustTop && simulatorsLeaderboardData.nearbySimulators().length
          tr(class="active")
            td(colspan=5).ellipsis-row ...
          for user in simulatorsLeaderboardData.nearbySimulators()
            - var myRow = user.id == me.id
            - var ratio = user.get('simulatedBy') / user.get('simulatedFor');
            tr(class=myRow ? "success" : "")
              td.simulator-leaderboard-cell= user.rank
              td.name-col-cell= user.get('name') || "Anonymous"
              td.simulator-leaderboard-cell= user.get('simulatedBy')
              td.simulator-leaderboard-cell= user.get('simulatedFor')
              td.simulator-leaderboard-cell= _.isNaN(ratio) || ratio == Infinity ? '' : ratio.toFixed(1)