admin_login.html

{% extends "base.html" %}

{% block title %}Admin login{% endblock %}

{% block head %}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/admin_page.css') }}">
{% endblock %}

{% block content %}
  <div class="admin-wrap">
    <div class="admin-top">
      <h1 class="admin-title">Admin login</h1>
      <a class="btn" href="{{ url_for('home') }}">Back</a>
    </div>

    {% with messages = get_flashed_messages() %}
      {% if messages %}
        {% for m in messages %}
          <div class="flash">{{ m }}</div>
        {% endfor %}
      {% endif %}
    {% endwith %}

    <form class="form-grid" method="post">
      <label>Username</label>
      <input name="username" autocomplete="username" required>
      <label>Password</label>
      <input name="password" type="password" autocomplete="current-password" required>
      <div class="admin-row">
        <button class="btn" type="submit">Login</button>
      </div>
      <p class="page-desc" style="margin:0; font-size:13px;">Set ADMIN_USERNAME and ADMIN_PASSWORD in your environment.</p>
    </form>
  </div>
{% endblock %}