extends layout

block content
    form.card(action="/register" method="POST")
        h1 Register
        div.field
            label(for="username") Username:
            input#username(type="text" name="username" required)
        div.field
            label(for="email") Email:
            input#email(type="email" name="email" required)
        div.field
            label(for="firstName") First name:
            input#firstName(type="text" name="firstName" required)
        div.field
            label(for="lastName") Last name:
            input#lastName(type="text" name="lastName" required)
        div.field
            label(for="department") Department:
            input#department(type="list" list="department-list" name="department" required)
        div.field
            label(for="password") Password:
            input#password(type="password" name="password" required)
        div.field
            input(type="submit" value="Register")

    datalist#department-list
        each department in departments
            option(value=department.name)