{#
  Coffee House Page Header — Title + breadcrumbs + action buttons.

  Usage:
    {% with page_title="Users", breadcrumbs=[{"label": "Admin", "href": "/admin"}, {"label": "Users"}] %}
    {% include "components/page_header.html" %}
    {% endwith %}

  Expected context:
    - page_title: str
    - breadcrumbs: list[dict] (optional) — [{label, href?}] last item has no href
    - page_actions: str (optional) — raw HTML for action buttons (set via block or set)
#}
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 mb-6">
    <div>
        {% if breadcrumbs is defined and breadcrumbs %}
        <div class="text-sm breadcrumbs py-0 mb-1">
            <ul>
                {% for crumb in breadcrumbs %}
                <li>
                    {% if crumb.href is defined and crumb.href %}
                    <a href="{{ crumb.href }}">{{ crumb.label }}</a>
                    {% else %}
                    <span>{{ crumb.label }}</span>
                    {% endif %}
                </li>
                {% endfor %}
            </ul>
        </div>
        {% endif %}
        <h1 class="text-2xl font-bold">{{ page_title | default("Page") }}</h1>
    </div>
    {% if page_actions is defined and page_actions %}
    <div class="flex gap-2">
        {{ page_actions | safe }}
    </div>
    {% endif %}
</div>