chess-io/views/play.jade

extends layout

block content
  header.clearfix
    a.button(href='/') New game
    a.button.resign Resign
    a.chat
      img#bubble(src='/images/chat.svg', width='50', height='50')
      | Chat

  script(type='text/javascript')
    $token = '#{token}';
  script(type='text/javascript', src='/javascripts/play.js')
  audio(id='moveSnd', preload='auto')
    source(src='/sounds/move.mp3')
    source(src='/sounds/move.ogg')
  audio(id='messageSnd', preload='auto')
    source(src='/sounds/message.mp3')

  #chat-wrapper
    h4 Chat
    a.close x
    ul#chat
    span Write your message:
    form#sendMessage
      input

  #board_moves_wrapper.clearfix
    label(id='sounds_label')
      input(type='checkbox', id='sounds')
      |  Enable sounds
    #board_wrapper
      table.chess_board.white
        tr
          td.A8(data-id='A8')
            a.black.rook(href='#') ♜
          td.B8(data-id='B8')
            a.black.knight(href='#') ♞
          td.C8(data-id='C8')
            a.black.bishop(href='#') ♝
          td.D8(data-id='D8')
            a.black.king(href='#') ♛
          td.E8(data-id='E8')
            a.black.queen(href='#') ♚
          td.F8(data-id='F8')
            a.black.bishop(href='#') ♝
          td.G8(data-id='G8')
            a.black.knight(href="#") ♞
          td.H8(data-id='H8')
            a.black.rook(href='#') ♜
        tr
          td.A7(data-id='A7')
            a.black.pawn(href='#') ♟
          td.B7(data-id='B7')
            a.black.pawn(href='#') ♟
          td.C7(data-id='C7')
            a.black.pawn(href='#') ♟
          td.D7(data-id='D7')
            a.black.pawn(href='#') ♟
          td.E7(data-id='E7')
            a.black.pawn(href='#') ♟
          td.F7(data-id='F7')
            a.black.pawn(href='#') ♟
          td.G7(data-id='G7')
            a.black.pawn(href='#') ♟
          td.H7(data-id='H7')
            a.black.pawn(href='#') ♟
        tr
          td.A6(data-id='A6')
          td.B6(data-id='B6')
          td.C6(data-id='C6')
          td.D6(data-id='D6')
          td.E6(data-id='E6')
          td.F6(data-id='F6')
          td.G6(data-id='G6')
          td.H6(data-id='H6')
        tr
          td.A5(data-id='A5')
          td.B5(data-id='B5')
          td.C5(data-id='C5')
          td.D5(data-id='D5')
          td.E5(data-id='E5')
          td.F5(data-id='F5')
          td.G5(data-id='G5')
          td.H5(data-id='H5')
        tr
          td.A4(data-id='A4')
          td.B4(data-id='B4')
          td.C4(data-id='C4')
          td.D4(data-id='D4')
          td.E4(data-id='E4')
          td.F4(data-id='F4')
          td.G4(data-id='G4')
          td.H4(data-id='H4')
        tr
          td.A3(data-id='A3')
          td.B3(data-id='B3')
          td.C3(data-id='C3')
          td.D3(data-id='D3')
          td.E3(data-id='E3')
          td.F3(data-id='F3')
          td.G3(data-id='G3')
          td.H3(data-id='H3')
        tr
          td.A2(data-id='A2')
            a.white.pawn(href='#') ♙
          td.B2(data-id='B2')
            a.white.pawn(href='#') ♙
          td.C2(data-id='C2')
            a.white.pawn(href='#') ♙
          td.D2(data-id='D2')
            a.white.pawn(href='#') ♙
          td.E2(data-id='E2')
            a.white.pawn(href='#') ♙
          td.F2(data-id='F2')
            a.white.pawn(href='#') ♙
          td.G2(data-id='G2')
            a.white.pawn(href='#') ♙
          td.H2(data-id='H2')
            a.white.pawn(href='#') ♙
        tr
          td.A1(data-id='A1')
            a.white.rook(href='#') ♖
          td.B1(data-id='B1')
            a.white.night(href='#') ♘
          td.C1(data-id='C1')
            a.white.bishop(href='#') ♗
          td.D1(data-id='D1')
            a.white.king(href='#') ♕
          td.E1(data-id='E1')
            a.white.wife(href='#') ♔
          td.F1(data-id='F1')
            a.white.bishop(href='#') ♗
          td.G1(data-id='G1')
            a.white.night(href='#') ♘
          td.H1(data-id='H1')
            a.white.rook(href='#') ♖
      table.chess_board.black(style='display: none;')
        tr
          td.H1(data-id='H1')
            a.white.rook(href='#') ♖
          td.G1(data-id='G1')
            a.white.night(href='#') ♘
          td.F1(data-id='F1')
            a.white.bishop(href='#') ♗
          td.E1(data-id='E1')
            a.white.king(href='#') ♔
          td.D1(data-id='D1')
            a.white.queen(href='#') ♕
          td.C1(data-id='C1')
            a.white.bishop(href='#') ♗
          td.B1(data-id='B1')
            a.white.knight(href='#') ♘
          td.A1(data-id='A1')
            a.white.rook(href='#') ♖
        tr
          td.H2(data-id='H2')
            a.white.pawn(href='#') ♙
          td.G2(data-id='G2')
            a.white.pawn(href='#') ♙
          td.F2(data-id='F2')
            a.white.pawn(href='#') ♙
          td.E2(data-id='E2')
            a.white.pawn(href='#') ♙
          td.D2(data-id='D2')
            a.white.pawn(href='#') ♙
          td.C2(data-id='C2')
            a.white.pawn(href='#') ♙
          td.B2(data-id='B2')
            a.white.pawn(href='#') ♙
          td.A2(data-id='A2')
            a.white.pawn(href='#') ♙
        tr
          td.H3(data-id='H3')
          td.G3(data-id='G3')
          td.F3(data-id='F3')
          td.E3(data-id='E3')
          td.D3(data-id='D3')
          td.C3(data-id='C3')
          td.B3(data-id='B3')
          td.A3(data-id='A3')
        tr
          td.H4(data-id='H4')
          td.G4(data-id='G4')
          td.F4(data-id='F4')
          td.E4(data-id='E4')
          td.D4(data-id='D4')
          td.C4(data-id='C4')
          td.B4(data-id='B4')
          td.A4(data-id='A4')
        tr
          td.H5(data-id='H5')
          td.G5(data-id='G5')
          td.F5(data-id='F5')
          td.E5(data-id='E5')
          td.D5(data-id='D5')
          td.C5(data-id='C5')
          td.B5(data-id='B5')
          td.A5(data-id='A5')
        tr
          td.H6(data-id='H6')
          td.G6(data-id='G6')
          td.F6(data-id='F6')
          td.E6(data-id='E6')
          td.D6(data-id='D6')
          td.C6(data-id='C6')
          td.B6(data-id='B6')
          td.A6(data-id='A6')
        tr
          td.H7(data-id='H7')
            a.black.pawn(href='#') ♟
          td.G7(data-id='G7')
            a.black.pawn(href='#') ♟
          td.F7(data-id='F7')
            a.black.pawn(href='#') ♟
          td.E7(data-id='E7')
            a.black.pawn(href='#') ♟
          td.D7(data-id='D7')
            a.black.pawn(href='#') ♟
          td.C7(data-id='C7')
            a.black.pawn(href='#') ♟
          td.B7(data-id='B7')
            a.black.pawn(href='#') ♟
          td.A7(data-id='A7')
            a.black.pawn(href='#') ♟
        tr
          td.H8(data-id='H8')
            a.black.rook(href='#') ♜
          td.G8(data-id='G8')
            a.black.knight(href="#") ♞
          td.F8(data-id='F8')
            a.black.bishop(href='#') ♝
          td.E8(data-id='E8')
            a.black.king(href='#') ♚
          td.D8(data-id='D8')
            a.black.queen(href='#') ♛
          td.C8(data-id='C8')
            a.black.bishop(href='#') ♝
          td.B8(data-id='B8')
            a.black.knight(href='#') ♞
          td.A8(data-id='A8')
            a.black.rook(href='#') ♜

    table#moves.clearfix
      thead
        tr
          th Table of moves
      tbody
        tr
    
    span.promotion
      label(id='for_promotion') Promotion: 
        select(id='promotion')
          option(value='q', selected) Queen
          option(value='r') Rook
          option(value='n') Knight
          option(value='b') Bishop

    span.feedback.whitefeedback
      span.feedback-move White to move.
      span.feedback-status