extends /templates/base
block content

  div#level-column
    h3= level.get('name')
    div#level-description
      !{description}
  
    a(href="http://www.youtube.com/watch?v=IFvfZiJGDsw&list=HL1392928835&feature=mh_lolz").intro-button.btn.btn-primary.btn-lg Watch the Video
    
    a(href="/play/level/ladder-tutorial").intro-button.btn.btn-primary.btn-lg Play the Tutorial

  hr
  div#columns.row
    for team in teams
      div.column.col-md-6
        a(href="/play/ladder/#{levelID}/team/#{team.id}", style="background-color: #{team.primaryColor}").play-button.btn.btn-danger.btn-block.btn-lg
          span Play As 
          span= team.name

        table.table.table-bordered.table-condensed.table-hover
          //(style="background-color: #{team.bgColor}")
          tr
            th(colspan=3, style="color: #{team.primaryColor}")
              span= team.name
              span  Leaderboard
          tr
            th Score
            th.name-col-cell Name
            th

          for session in team.leaderboard.topPlayers.models
            - var myRow = session.get('creator') == me.id
            tr(class=myRow ? "success" : "")
              td.score-cell= session.get('totalScore').toFixed(2)
              td.name-col-cell= session.get('creatorName') || "Anonymous"
              td
                if(!myRow)
                  a(href="/play/level/#{level.get('slug') || level.id}/?team=#{team.otherTeam}&opponent=#{session.id}") Battle as #{team.otherTeam}!
                else
                  a(href="/play/ladder/#{levelID}/team/#{team.id}") View your #{team.id} matches.

  unless me.attributes.anonymous
    hr
    button.btn.btn-warning.btn-lg.highlight#simulate-button(style="margin-bottom:10px;") Simulate Games!
    p(id="simulation-status-text", style="display:inline; margin-left:10px;")
      if simulationStatus
        | #{simulationStatus}
      else
        | By simulating games you can get your game ranked faster!
  if me.isAdmin()
    button.btn.btn-danger.btn-lg.highlight#simulate-all-button(style="margin-bottom:10px; float: right;") RESET AND SIMULATE GAMES