eric / rustwarden

<!DOCTYPE html>
<html lang="{{ current_locale }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ page_title }}</title>
    <link href="/static/css/tailwind.css" rel="stylesheet">
    <link href="/static/css/custom.css" rel="stylesheet">
</head>
<body class="min-h-screen bg-base-200 flex items-center justify-center px-4">
    <main class="card bg-base-100 shadow-xl max-w-lg w-full">
        <div class="card-body">
            <header class="mb-4">
                <h1 class="card-title text-2xl">{{ heading }}</h1>
                <p class="text-base-content/70 mt-1">{{ explainer }}</p>
            </header>

            <dl class="space-y-3 mb-6">
                <div>
                    <dt class="text-sm text-base-content/60">{{ field_label_requester }}</dt>
                    <dd class="font-mono text-base">{{ requester_domain }}</dd>
                </div>
                <div>
                    <dt class="text-sm text-base-content/60">{{ field_label_handle }}</dt>
                    <dd class="font-mono text-base">{{ handle }}</dd>
                </div>
            </dl>

            {% if already_decided %}
            <div role="status" aria-live="polite" class="alert alert-info">
                <span>{{ already_decided_text }}</span>
            </div>
            <div class="card-actions justify-end mt-4">
                <a href="/home" class="btn btn-primary">OK</a>
            </div>
            {% else %}
            <form method="POST" action="/fediverse/consent/{{ challenge_id }}" class="card-actions justify-end gap-2">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <button type="submit" name="decision" value="reject" class="btn btn-ghost text-error">
                    {{ reject_button }}
                </button>
                <button type="submit" name="decision" value="approve" class="btn btn-primary">
                    {{ approve_button }}
                </button>
            </form>
            {% endif %}
        </div>
    </main>
</body>
</html>