{layout @layout.html}
{block content}
<div class="ink-grid">
  <div class="column-group">
    <div class="all-33 top-space push-center align-center">
      <h1>{_}log_in{/_}</h1>
      {import forms.html}
      <form method="post" action="{=BASE_URL}login" name="login_form" class="ink-form">
	<div class="control-group">
	  <label for="username">{_}username{/_}</label>
	  <div class="control">
	    {include input, name => 'username', required => true, autofocus => true, autocomplete => 'on'}
	  </div>
	</div>
	<div class="control-group">
	  <label for="password">{_}password{/_}</label>
	  <div class="control">
	    {include input, name => 'password', 'type' => 'password', required => true, autocomplete => 'on'}
	  </div>
	</div>
	{include input, name => 'login', value => ('log_in'|translate), 'type' => 'submit', class => 'ink-button green'}
      </form>
      <div class="half-top-space">
	<a href="{=BASE_URL}">{_}back_to_website{/_}</a> | <a href="{=BASE_URL}password/reset">{_}forgot_password{/_}</a>
      </div>
    </div>
  </div>
</div>
{/block}
{block style}
{include parent}
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
{/block}
