{% extends "base.html" %}

{% from 'partials/navigation-components.html' import page_navigation %}
{% from 'partials/components/tags.html' import tag_list %}
{% from 'partials/components/related-posts-simple.html' import related_posts_simple %}
{% from 'partials/navigation-components.html' import breadcrumbs %}
{% from 'chirpui/hero.html' import page_hero %}
{% from 'chirpui/layout.html' import container %}
{% from 'chirpui/surface.html' import surface %}

{% block content %}
{% let page_title = page?.title ?? 'Page' %}
{% let page_tags = page?.tags ?? [] %}
{% let css_class = params?.css_class ?? '' %}

{% call container(cls='chirp-theme-page') %}
  {% call surface(variant='default', cls='chirp-theme-page__article ' ~ css_class) %}
  <article class="page prose chirp-theme-page__article">
    {% call page_hero(title=page_title, subtitle=params?.description ?? meta_desc ?? none, variant='minimal', background='solid', cls='chirp-theme-page__header') %}
      {% slot eyebrow %}
      {{ breadcrumbs(page) }}
      {% end %}
    {% end %}

    <div class="page-content chirp-theme-page__content">
      {{ content | safe }}
    </div>

    {% if page_tags | length > 0 %}
    <footer class="page-footer chirp-theme-page__footer">
      <div class="tags">
        <strong>Tags:</strong>
        {{ tag_list(page_tags) }}
      </div>
    </footer>
    {% end %}
  </article>
  {% end %}

  {{ page_navigation(page) }}
  {{ related_posts_simple(page?.related_posts ?? [], 'Related Posts') }}
{% end %}
{% end %}