extends layout

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

block content
  div#mobile-view
    h1 Score Tracker
    div
        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 Team
            span(class='form-section-input')
                select#team-dropdown(name="team" class="form-main-dropdown")
        span(class='form-section')
    div 
        table 
            tr 
                th Win? 
                th Opponent 
                th Score 
                th Date
  

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