{% extends 'docs/base.html' %}{% load i18n wagtailcore_tags %}

<!---->
{% block content %}
<section class="container grid gap-12 mx-auto px-4 py-20">
  {% include 'docs/components/breadcrumbs.html' %}

  <div
    class="mx-auto prose prose-sm prose-video:rounded-box xl:prose-lg 2xl:prose-xl prose-headings:text-primary prose-img:rounded-box prose-img:w-full"
  >
    <h1>{{ page.title }}</h1>

    <p class="lead">{{ page.description }}</p>

    {{ page.content }}

    <!---->
    {% block form %}{% endblock %}
  </div>

  <div class="flex mx-auto flex-wrap items-center gap-4">
    {% for tag in page.tags.all %}
    <span
      class="badge {% cycle 'badge-primary' 'badge-secondary' 'badge-success' 'badge-info' 'badge-warning' 'badge-error' %}"
    >
      {{ tag }}
    </span>
    {% endfor %}
  </div>

  {% include 'docs/components/prev_next.html' %}
</section>
{% endblock %}