extends layout

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

block content
  div#mobile-view
    h1 Submit Score
    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")
      span(class='form-section')
        label Sport
        span(class='form-section-input')
          select#sport-dropdown(name="sport" class="form-main-dropdown") 
          select#gender-dropdown(name="gender")
          select#division-dropdown(name="division")
      span(class='form-section')
        label Date of match
        span(class='form-section-input')
          input(type="date", name="date", value=date)
      span(class='form-section')
        label Your team
        span(class='form-section-input')
          select#team1-dropdown(name="team1" class="form-main-dropdown")
          input(class="form-score-input", type="number", name="team1-score", value="0")
      span(class='form-section')
        label Opponent
        span(class='form-section-input')
          select#team2-dropdown(name="team2" class="form-main-dropdown")
          input(class="form-score-input", type="number", name="team2-score", value="0")
      span(class='form-section')
        button#submit-button(type="submit") Submit

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