{layout @layout.html}
{block content}
<div class="ink-grid">
  <div class="column-group">
    <div class="all-50 top-space push-center align-center">
      <h1>{_}reset_password{/_}</h1>
      {ifset $errors}
      <div class="ink-alert basic error" role="alert">
	{reset( $errors )[0]}
      </div>
      {/ifset}
      {import forms.html}
      <form method="post" action="{=BASE_URL}password/reset" class="ink-form">
	{include input, name => token, value => $token, 'type' => 'hidden'}
	<div class="control-group">
	  <label for="email">{_}email{/_}</label>
	  <div class="control">
	    {include input, name => 'email', 'type' => 'email', required => true, autofocus => true}
	  </div>
	</div>
	<div class="control-group{ifset $errors['password']} validation warning{/ifset}">
	  <label for="password">{_'password'}</label>
	  <div class="control">
	    {include input, name => 'password', 'type' => 'password', maxlength => 100, required => true }
	  </div>
	</div>
	<div class="control-group{ifset $errors['password_confirmation']} validation warning{/ifset}">
	  <label for="password_confirmation">{_'password_confirmation'}</label>
	  <div class="control">
	    {include input, name => 'password_confirmation', 'type' => 'password', maxlength => 100, required => true }
	  </div>
	</div>
	<a class="ink-button" href="{=BASE_URL . 'login'}">{_}cancel{/_}</a>
	{include input, name => 'submit', value => ('reset_password'|translate), 'type' => 'submit', class => 'ink-button green'}
      </form>
    </div>
  </div>
</div>
