extends ../layout

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

block content
    span#loading-span Loading...
    form#submission-form(action='./game', 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 flat-form-section')
            span
                label Sport
                span(class='form-section-input')
                    select#sport-dropdown(name="sport" class="form-main-dropdown")
            span
                label Gender 
                span(class='form-section-input')
                    select#gender-dropdown(name="gender")
            span 
                label Division 
                span(class='form-section-input')
                    select#division-dropdown(name="division")
      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 flat-form-section')
        span
          label Your team
          span(class='form-section-input')
            select#team1-dropdown(name="team1" class="form-main-dropdown" disabled)
        span(class='form-score-input')
          label Score 
          span(class='form-section-input')
            input#team1-score-textbox(type="number", name="team1-score", value="0" disabled)
      span(class='form-section flat-form-section')
        span
          label Opponent
          span(class='form-section-input')
            select#team2-dropdown(name="team2" class="form-main-dropdown" disabled)
        span(class='form-score-input')
          label Score 
          span(class='form-section-input')
            input#team2-score-textbox(type="number", name="team2-score", value="0" disabled)
      if !userLoggedIn
        span(class='form-section')
          label Your name 
          span(class='form-section-input')
            input#name-textbox(type="text" name="name" disabled)
      .error #{message}
      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")