{% extends 'base.html' %}
{% block content %}
<div class="pure-g" style="margin:20px;">
  <div class="pure-u-1" style="max-width:400px; margin:auto;">
    <h2>Login</h2>
    <form class="pure-form pure-form-stacked" action="{{ url_for('login') }}" method="post">
      <fieldset class="pure-group">
        <label for="login-username">Username</label>
        <input id="login-username" class="pure-input-1" type="text" name="username" placeholder="Username" required>
        <label for="login-password">Password</label>
        <input id="login-password" class="pure-input-1" type="password" name="password" placeholder="Password" required>
      </fieldset>
      <button type="submit" class="pure-button pure-button-primary">Login</button>
    </form>
    <p>Don't have an account? <a href="{{ url_for('register') }}">Register here</a>.</p>
  </div>
</div>
{% endblock %}