extends layout

block stylesheets
  link(rel='stylesheet', href='/stylesheets/submit.css')
  link(rel='stylesheet', href='/stylesheets/form.css')

block content
  div#mobile-view
    h1 #{title}
    form#submission-form(action='./submitgame', method='POST')
      span(class='form-section')
        label Year
        span(class='form-section-input')
          select#year-dropdown(name="year" class="form-main-dropdown" disabled)
      span(class='form-section')
        label Sport
        span(class='form-section-input')
          select#sport-dropdown(name="sport" class="form-main-dropdown" disabled) 
          select#gender-dropdown(name="gender" disabled)
          select#division-dropdown(name="division" disabled)
      span(class='form-section')
        label Date of match
        span(class='form-section-input')
          input#date-input(type="date", name="date" value=date disabled)
      span(class='form-section')
        label Your team
        span(class='form-section-input')
          select#team1-dropdown(name="team1" class="form-main-dropdown" disabled)
          input#team1-score-textbox(class="form-score-input", type="number", name="team1-score", value="0" disabled)
      span(class='form-section')
        label Opponent
        span(class='form-section-input')
          select#team2-dropdown(name="team2" class="form-main-dropdown" disabled)
          input#team2-score-textbox(class="form-score-input", type="number", name="team2-score", value="0" disabled)
      span(class='form-section')
        button#submit-button(type="submit" disabled) Submit
    span(class='form-section')
      button#delete-button(disabled) Delete

block scripts 
  script(src='/scripts/manage/game.js' type="module")