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