{% extends "base.html" %}
{% from "chirpui/layout.html" import container, stack %}
{% from "chirpui/detail_header.html" import detail_header %}
{% from "chirpui/card.html" import card %}
{% from "chirpui/breadcrumbs.html" import breadcrumbs %}
{% from "chirpui/rendered_content.html" import rendered_content %}
{% from "partials/cards.html" import tag_badges %}

{% block content %}
{% let title = page?.title ?? "Post" %}
{% let description = page?.description ?? params?.description ?? none %}
{% let page_date = page?.date ?? none %}

{% call container(max_width="72rem") %}
    {% call stack(gap="lg") %}
        {{ breadcrumbs([{"label": "Home", "href": "/" | absolute_url}, {"label": "Blog", "href": "/blog/" | absolute_url}, {"label": title}]) }}
        {% call detail_header(title, summary=description, eyebrow="Blog Post", cls="chirpui-bengal-detail-header") %}
            {% slot meta %}
            {% if page_date %}<span class="chirpui-text-muted">{{ page_date | dateformat("%B %d, %Y") }}</span>{% end %}
            {% end %}
            {% slot badges %}
            {{ tag_badges(page?.tags ?? []) }}
            {% end %}
        {% end %}

        {% call card(cls="chirpui-bengal-content-card") %}
            {% call rendered_content(cls="chirpui-bengal-rendered") %}
                {{ content | safe }}
            {% end %}
        {% end %}
    {% end %}
{% end %}
{% end %}