{% extends "base.html" %}
{% block title %}Login - AUTARCH{% endblock %}

{% block login_content %}
<div class="login-card">
    <h1>AUTARCH</h1>
    <p class="login-subtitle">Security Platform</p>
    <form method="POST" action="{{ url_for('auth.login') }}">
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" id="username" name="username" required autofocus>
        </div>
        <div class="form-group">
            <label for="password">Password</label>
            <input type="password" id="password" name="password" required>
        </div>
        <button type="submit" class="btn btn-primary btn-full">Log In</button>
    </form>

    <!-- Legal Warning -->
    <div style="margin-top:1.5rem;padding:0.85rem 1rem;border:1px solid rgba(255,170,0,0.35);
                border-radius:6px;background:rgba(255,170,0,0.06);font-size:0.75rem;
                color:#c8900a;line-height:1.55">
        <div style="font-weight:700;text-transform:uppercase;letter-spacing:0.06em;
                    margin-bottom:0.35rem;color:#d4900a">
            &#x26A0; Authorized Access Only
        </div>
        This system is restricted to authorized personnel only. Unauthorized access,
        use, or disclosure is strictly prohibited and may be subject to civil and
        criminal penalties. All activity is monitored and logged.
        <div style="margin-top:0.5rem;font-size:0.68rem;color:#a07000;border-top:1px solid rgba(255,170,0,0.2);padding-top:0.4rem">
            RESTRICTED VERSION — This public release has limited functionality.
            Certain capabilities are disabled or require additional authorization.
        </div>
    </div>
</div>
{% endblock %}
