extends ../layout

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

block content
    span#loading-message Loading...
    form#submission-form(action='./division', method='POST')
      span(class='form-section')
        label Sport
        span(class='form-section-input')
          select#sport-dropdown(name="sport" class="form-main-dropdown" disabled)
      span(class='form-section')
        label Gender
        span(class='form-section-input')
          select#gender-dropdown(name="gender" class="form-main-dropdown" disabled)
            option(value="both") Both
            option(value="female") Female
            option(value="male") Male
      span(class='form-section')
        label Division 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/division.js' type="module")