{% extends "base.html" %}

{% block title %}Staff Login | Roadshow Calendar{% endblock %}

{% block content %}
<section class="section-shell page-top-space">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-5 col-xl-4">
        <div class="card-surface form-card">
          <div class="section-heading mb-4 text-center">
            <span class="eyebrow-pill">Staff only</span>
            <h1 class="section-title">Secure sign in</h1>
            <p class="section-copy">Use your staff credentials to add or manage events. Visitors cannot modify the calendar.</p>
          </div>
          <form method="post" novalidate>
            {% csrf_token %}
            {% for field in form %}
            <div class="mb-3">
              <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
              {{ field }}
              {% for error in field.errors %}<div class="field-error">{{ error }}</div>{% endfor %}
            </div>
            {% endfor %}
            {% if form.non_field_errors %}
            <div class="field-error mb-3">{{ form.non_field_errors }}</div>
            {% endif %}
            <button class="btn btn-primary-brand w-100" type="submit">Log in</button>
            <div class="text-center mt-3">
              <a class="text-link" href="/admin/">Prefer Django Admin?</a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}