extends layout

block content
  div(class='row main-form')
    div(class='col s12 m8 offset-m2 signinup z-depth-5' id="signin")
        h2 Welcome back
        form
          div(class="input-field col s12")
            i(class="material-icons prefix") mail
            input(type="text" id="mail-input" class="autocomplete")
            label(for="mail-input") Email

          div(class="input-field col s12")
            i(class="material-icons prefix") lock
            input(type="password" id="password-input" class="autocomplete")
            label(for="password-input") Password

          input(type='submit' value='Login')

    div(class='col s12 m8 offset-m2 signinup z-depth-5' id="signup")
      h2 Welcome
      form
        div(class="input-field col s6")
          i(class="material-icons prefix") portrait
          input(type="text" id="firstname-input" class="autocomplete")
          label(for="firstname-input") First Name

        div(class="input-field col s6")
          input(type="text" id="lastname-input" class="autocomplete")
          label(for="lastname-input") Last Name

        div(class="input-field col s12")
          i(class="material-icons prefix") mail
          input(type="text" id="mailreg-input" class="autocomplete")
          label(for="mailreg-input") Email

        div(class="input-field col s12")
          i(class="material-icons prefix") lock
          input(type="password" id="passwordreg-input" class="autocomplete")
          label(for="passwordreg-input") Password

        input(type='submit' value='Register')

    div(class='col s12 m8 offset-m2 signinup z-depth-5' id="forgotPsw")
      h2 Forgot password
      form
        div(class="input-field col s12")
          i(class="material-icons prefix") mail
          input(type="text" id="mailforgot-input" class="autocomplete")
          label(for="mailforgot-input") Email

        input(type='submit' value='Send email')