extends ../layout

block additionalscripts
    script(src='/javascripts/workout.js')

block content
  h1 New workout

  h3 Exercises (dynamically loaded from database)
  ul#exerciselist

  div#filters
    h3 Filters ( currently just placeholder )
    label Free Weights
    input#filter1(type="checkbox", value="Free Weights")

  //button#addExercise(type="button") Add Exercise
  hr

  form#newworkout(method="POST", action="/workouts")
        ul
          li
            label(for="title", value="UserID") UserID
            input#title(name="userID", value=session.user._id)
          li
            label(for="datepicker", value="Date") workoutDate
            input.datepicker(name="workoutDate")
          li
            label(for="timepicker", value="Time") workoutTime
            select(name="workoutTime")
              option(value='0100') 1 AM 
              option(value='0130') 1:30 AM
              option(value='0200') 2 AM

        ul#exercises

        button(type="submit", value="Save") Save