{% extends "base.html" %}

{% block page_title %}{{ error_title | default(value="Share link") }}{% endblock %}

{% block content %}
<main class="mx-auto flex min-h-[50vh] w-full max-w-3xl items-center px-4 py-10 text-foreground sm:px-6">
  <section class="w-full rounded-2xl border border-divider bg-surface p-6 text-center shadow-sm sm:p-10" data-plugin="url-share">
    <span class="mx-auto flex size-14 items-center justify-center rounded-full bg-warning/10 text-warning" aria-hidden="true"><i class="fas fa-link-slash"></i></span>
    <h1 class="mt-4 text-2xl font-bold tracking-tight">{{ error_title | default(value="Share link") }}</h1>
    <p class="mx-auto mt-2 max-w-xl text-sm leading-6 text-muted">{{ error_message | default(value="This share link is not available.") }}</p>
    <a href="/" class="blocks-button blocks-button-primary mt-6">Return to the home page</a>
  </section>
</main>
{% endblock %}