<Layouts.app flash={@flash} current_scope={@current_scope}>
  <div class="mx-auto max-w-xl text-center">
    <div class="text-sm font-semibold text-success">{gettext("REQUEST RECEIVED")}</div>
    <h1 class="mt-2 text-4xl font-black">{gettext("Check your email")}</h1>
    <p class="mt-4 text-base-content/65">
      {gettext(
        "We created support request %{reference}. A private status link has been sent to the contact email when delivery is configured. Opening that link verifies the address for public requests.",
        reference: @reference
      )}
    </p>
    <.link navigate={~p"/support"} class="btn btn-primary mt-7">{gettext("Back to support")}</.link>
  </div>
</Layouts.app>
