{{template "header"}}
    <form method="post" action="change">
      <md-card-title>
	<md-card-title-text style="text-align:center">
          <span class="md-headline">Change your password</span>
          <span class="md-subhead">Fill the following fields!</span>
	</md-card-title-text>
      </md-card-title>

      <md-card-content layout="column" class="layout-column">
	{{if .error}}<div class="q-error" aria-hidden="true">{{.error}}</div>{{end}}
	<div>
          <md-input-container class="md-block">
  	    <input name="login" required="" class="md-input" id="input_0" type="text" placeholder="Email" autofocus>
          </md-input-container>
        </div>
	<div>
          <md-input-container class="md-block">
  	    <input name="password" required="" class="md-input" id="input_1" type="password" placeholder="Current password">
          </md-input-container>
        </div>
	<div>
          <md-input-container class="md-block">
  	    <input name="newpassword" required="" class="md-input" id="input_2" type="password" placeholder="New password">
          </md-input-container>
        </div>
	<div>
          <md-input-container class="md-block">
  	    <input name="new2password" required="" class="md-input" id="input_3" type="password" placeholder="Retype new password">
          </md-input-container>
        </div>
      </md-card-content>
      <md-card-actions layout="column" class="layout-column">
	<button class="md-primary md-raised md-button md-ink-ripple" type="submit">Change my password</button>
	<div class="q-forgot">
          <a href="/lost">Forgot your password?</a>
	</div>
      </md-card-actions>
    </form>
{{template "footer"}}