<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="pd-paper pd-body bg-background text-foreground antialiased min-h-screen flex flex-col">
	{{ admin_banner_html|safe }}
	<main class="flex flex-grow w-full flex-col items-center justify-center px-4 py-12">
		<div class="w-full max-w-md">
			<a href="/" class="mb-6 flex items-center justify-center" aria-label="Home">
				{% if site_settings.Logo %}<img src="{{ site_settings.Logo }}" alt="{{ site_settings.LogoAlt|default:site_settings.Title }}" class="h-10 w-auto">{% else %}<span class="pd-display text-3xl text-primary">{{ site_settings.Title|default:"Petal & Crumb" }}</span>{% endif %}
			</a>
			<div>
				{% if slots.main %}{{ slots.main|safe }}{% else %}<div class="pd-card p-6 text-center pd-body text-muted-foreground"><p>No form assigned to this page.</p></div>{% endif %}
			</div>
			{% if slots.footer %}<div class="pd-body mt-6 text-center text-sm text-muted-foreground">{{ slots.footer|safe }}</div>{% endif %}
		</div>
	</main>
	{{ body_end_html|safe }}
</body>
</html>
