extends partials/layout.pug

block title
  |Icy Network | Register

block body
  include partials/logo.pug
  div.container
    div.center-box
      h1 Register
      if message.text
        if message.error
          .alert.alert-danger
            span #{message.text}
        else
          .alert.alert-success
            span #{message.text}

      form(method="post")
        div.form-container
          input#csrf(type="hidden", name="csrf", value=csrf)
          label.form-label(for="username") Username
          input.form-control#username(type="text", name="username", placeholder="Username", value=form.username)
          label.form-label(for="display_name") Display name
          input.form-control#display_name(type="text", name="display_name", placeholder="Display name", value=form.display_name)
          label.form-label(for="email") Email address
          input.form-control#email(type="email", name="email", placeholder="Email address", value=form.email)
          label.form-label(for="password") Password
          input.form-control#password(type="password", name="password", placeholder="Password", value=form.password)
          label.form-label(for="password_repeat") Confirm password
          input.form-control#password_repeat(type="password", name="password_repeat", placeholder="Confirm password")
          button.btn.btn-primary(type="submit") Create a new account
          a.btn.btn-link.align-self-end(type="button" href="/login") Log in instead