{% extends "base.html" %}

{% block title %}Admin Login | CREATESONLINE{% endblock %}

{% block content %}
<div class="hero" style="max-width:520px;">
    <div class="eyebrow">Admin Access</div>
    <h1>Sign in to the console</h1>
    <p class="lede">Use your admin credentials to manage models, content, and system settings in the refreshed monochrome interface.</p>

    <form class="form" method="POST" action="/admin/login">
        <div>
            <label for="username">Username</label>
            <input class="input" type="text" id="username" name="username" required autocomplete="username">
        </div>
        <div>
            <label for="password">Password</label>
            <input class="input" type="password" id="password" name="password" required autocomplete="current-password">
        </div>
        <button class="button primary" type="submit">Enter admin</button>
    </form>

    <p class="notice">Branding is locked to the monochrome set?favicons and logos are loaded from <code>/static/images</code> so every admin view matches the public site.</p>

    <div class="cta-row" style="margin-top:16px;">
        <a class="button ghost" href="/">Back to home</a>
        <a class="button" href="/docs">Go to API docs</a>
    </div>
</div>
{% endblock %}
