{% extends "ledger/base.html" %}
{% block title %}Log in · tripsplit{% endblock %}
{% block content %}
<div class="card" style="max-width:420px;margin:40px auto">
  <h1>Log in</h1>
  <p class="sub">Split trips, flats and events fairly.</p>
  <form method="post">{% csrf_token %}
    {{ form.non_field_errors }}
    <div class="field"><label for="id_username">Username</label>{{ form.username }}{{ form.username.errors }}</div>
    <div class="field"><label for="id_password">Password</label>{{ form.password }}{{ form.password.errors }}</div>
    <input type="hidden" name="next" value="{{ next }}">
    <button class="btn" type="submit">Log in</button> <a href="{% url 'register' %}">Create an account</a>
  </form>
</div>
{% endblock %}