{% extends "base.html" %}

{% block title %}Login - Discord Message Archives{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header bg-dark text-white">
                <h3 class="mb-0">{% if server_name %}Unlock {{ server_name }}{% else %}Password Protected Access{% endif %}</h3>
            </div>
            <div class="card-body">
                {% if error %}
                    <div class="alert alert-danger">{{ error }}</div>
                {% endif %}
                <p>Please enter the password to access {% if server_name %}the <strong>{{ server_name }}</strong> archives{% else %}the Discord message archives{% endif %}.</p>
                <form method="POST">
                    <div class="mb-3">
                        <label for="password" class="form-label">Password</label>
                        <input type="password" name="password" id="password" class="form-control" required autofocus>
                    </div>
                    <button type="submit" class="btn btn-primary w-100">Unlock Archives</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}