{% extends "base.html" %}
{% block title %}Log in — django-liveops demo{% endblock %}
{% block content %}
<h1>Log in</h1>

<div style="background:#eef; border-left:4px solid #46a; padding:0.75rem 1rem;
            margin:1rem 0; border-radius:4px;">
  <strong>Demo credentials</strong><br>
  Username: <code>admin</code> &nbsp;·&nbsp; Password: <code>admin</code>
  <p style="margin:0.5rem 0 0;">
    Enter them below, or
    <a href="{% url 'autologin' %}">log in automatically</a>
    (no password prompt — dev only).
  </p>
</div>

{% if form.errors %}
<p style="color:#c44;">Wrong username or password. Try <code>admin</code> / <code>admin</code>.</p>
{% endif %}

<form method="post" action="{% url 'login' %}">
  {% csrf_token %}
  <p>
    <label for="id_username">Username</label><br>
    <input id="id_username" type="text" name="username" value="admin" autofocus>
  </p>
  <p>
    <label for="id_password">Password</label><br>
    <input id="id_password" type="password" name="password" value="admin">
  </p>
  <input type="hidden" name="next" value="{{ next }}">
  <button type="submit" class="btn">Log in</button>
</form>
{% endblock %}