extends layout

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

block actions 
    if userLoggedIn 
        button#add-score-button Submit score
        button#manage-button Manage...


block content
    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 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 Team
            span(class='form-section-input')
                select#team-dropdown(name="team" class="form-main-dropdown")
    div 
        h2#games-table-header
        span#no-scores-message
        table
            colgroup   
                col#score-column(span="1")
                col#opponent-column(span="1")
                col#date-column(span="1")
            tbody#games-table
  

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