.container(ng-controller='tictactoeController', ng-app='app')
  .well.absolute-center.tictactoe.center.transition    
    .game.animated(ng-show="gameStarted")
      .game-row.transitionResize(data-ng-repeat="row in gameObject track by $index")
        .column.transitionResize(ng-repeat="col in row track by $index",
            ng-class="{'empty' : !col ,  'fa fa-times' : col == 1 ,  'fa fa-circle-o' : col == 2 }",
            ng-click="gameClick(row, $index)")
    .peer-details.transition(ng-show="is2Player")
      .panel.panel-primary
        .panel-heading
          .panel-title Connection Details
        .panel-body Your ID: {{peerID}}
      .panel.panel-warning(ng-show="!connection")
        .panel-heading
          .panel-title Connect to Peer
        .panel-body
          form
            input(ng-model="opponentID")
            button.btn.btn-primary(ng-click="connectToPeer()")

      .panel.panel-warning(ng-show="!!connection")
        .panel-heading
          .panel-title Connected
        .panel-body Opponent: {{opponentID}}

    .please-wait(ng-show="gameStarted && isThinking")
      i.fa.fa-cog.fa-spin
    .play-again(ng-show="gameStarted && move === 0 && !is2Player")
      div
        small click a tile to play first, or choose an opponent
      button.btn.btn-feault.fa.fa-laptop(ng-click="aiClick()")
      button.btn.btn-feault.fa.fa-user(ng-click="showPeer()")
    .play-again(ng-show="gameOver && gameStarted")
      button.btn.btn-feault(ng-click="playAgain()") Play Again?
      button.btn.btn-feault(ng-click="newOpponent()", ng-show="is2Player") New Opponent?