{% load i18n %}

<form method="post" class="space-y-6">
  {% csrf_token %}  
  <div>
    <label for="{{ form.username.id_for_label }}">{% trans "Username" %}</label>
    <div class="mt-2">
      <input id="{{ form.username.id_for_label }}" type="text" name="username" required autocomplete="username" placeholder="{% trans "Username" %}" />
    </div>
  </div>
  
  <div>
    <label for="{{ form.password.id_for_label }}">{% trans "Password" %}</label>
    <div class="mt-2">
      <input id="{{ form.password.id_for_label }}" type="password" name="password" required autocomplete="Password"  placeholder="{% trans 'Password' %}"/>
    </div>
  </div>

  <div>
    <div>
      <div>
        <div>
          <input id="remember-me" type="checkbox" name="remember-me" />
          {% trans "Password" %}
        </div>
      </div>      
    </div>

    <div>      
      <a href="/accounts/password_reset/" >{% trans "Forgot your password?" %}</a>
    </div>
  </div>
  {% if form.errors %}
    <div>
      {% for field, errors in form.errors.items %}
        {% for error in errors %}
          <p>{{ error }}</p>
        {% endfor %}
      {% endfor %}
    </div>         
  {% endif %}
  <div>
    <button type="submit">{% trans "Log in" %}</button>
  </div>
</form>