{% extends "base.html" %}
{% comment %}
  Shared layout for public (unauthenticated) form surfaces — feedback submit,
  survey take, etc. Provides the centred-card chrome so each surface only
  defines its eyebrow + heading, optional progress strip, the form itself,
  and a footer note.

  Blocks:
    public_form_bg       — outer `<main>` background class (default: bg-ruforum-surface-warm)
    public_form_eyebrow  — uppercase kicker above the title (raw text or markup)
    public_form_title    — display heading
    public_form_subtitle — optional subtitle paragraph
    public_form_progress — (optional) progress bar / pagination strip between header and form
    public_form_body     — the form itself
    public_form_footer   — small print at the bottom
{% endcomment %}
{% block body %}
<main class="min-h-screen {% block public_form_bg %}bg-ruforum-surface-warm{% endblock %} py-12 px-5">
  <div class="mx-auto max-w-2xl">
    <header class="mb-6 text-center">
      {% block public_form_eyebrow %}{% endblock %}
      <h1 class="font-display mt-2 text-3xl font-semibold tracking-tight text-ruforum-text">{% block public_form_title %}{% endblock %}</h1>
      {% block public_form_subtitle %}{% endblock %}
    </header>

    {% block public_form_progress %}{% endblock %}

    {% block public_form_body %}{% endblock %}

    <p class="mt-6 text-center font-meta text-[11px] text-ruforum-text-muted">
      {% block public_form_footer %}Powered by RUFORUM IILMP.{% endblock %}
    </p>
  </div>
</main>
{% endblock %}