{% extends 'layout.twig' %}

{% block title %}Home{% endblock %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Login to your account.</h1>
  </div>
</header>

<section id="record-actions" class="row">
  <div class="three columns">
    <p>.</p>
  </div>

  <div class="six columns">
    <form class="u-full-width" action="/auth/login" method="POST">
      <div class="row">
        <label for="login_username">
          Username:
          <input type="text" id="login_username" class="u-full-width" name="login_username" placeholder="myuser1">
        </label>
      </div>

      <div class="twelve columns">
        <label for="login_password">
          Password:
          <input type="password" id="login_password" class="u-full-width" name="login_password" placeholder="Enter your password...">
        </label>
      </div>

      <input type="submit" class="button-primary u-full-width" value="Login">
    </form>
  </div>
</section>

{% endblock %}