{% extends "layout.askama.html" %}

{% block content %}
<div class="flex flex-col items-center justify-center min-h-[60vh]">
    <div class="card w-full max-w-md shadow-2xl bg-base-100">
        <div class="card-body items-center text-center">
            <h2 class="card-title text-3xl mb-4">Global Unlock</h2>

            {% if let Some(msg) = message %}
            <div class="alert alert-error mb-4">
                <span>{{ msg }}</span>
            </div>
            {% endif %}

            <p class="text-lg mb-2">Currently unlocked up to day:</p>
            <p class="text-6xl font-bold mb-6">{{ current_unlock_day }}</p>

            <div class="flex gap-4">
                <form method="POST" action="/admin">
                    <input type="hidden" name="action" value="down"/>
                    <button type="submit" class="btn btn-lg btn-outline" {% if current_unlock_day <= 1 %}disabled{% endif %}>
                        - Day
                    </button>
                </form>
                <form method="POST" action="/admin">
                    <input type="hidden" name="action" value="up"/>
                    <button type="submit" class="btn btn-lg btn-primary" {% if current_unlock_day >= 25 %}disabled{% endif %}>
                        + Day
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}