{% include "layouts/_head_init.html" %} {% include "layouts/_head_branding.html" %} {# Inter is the body font in pyvelm.css. Loaded from Google Fonts so the build pipeline doesn't have to ship font files. #} {# Compiled CSS — Tailwind v4 + Flowbite plugin + the theme tokens defined in pyvelm.css. Built via `npm run build`. #} {% include "layouts/_head_theme.html" %} {# Behavior. HTMX for in-page swaps; Alpine.js for the sidebar / theme / dropdown / dialog interactions; Flowbite ships a few data-attribute-driven components we'll lean on. All deferred so inline scripts below can attach handlers safely. #} {# Before Alpine so pvHtmlEditor / pvCodeEditor register on alpine:init. Build: npm run build:editor && npm run build:code-editor #} {% block head_extra %}{% endblock %} {% set use_sidebar = use_sidebar if use_sidebar is defined else true %} {% if use_sidebar %} {# ───── Mobile backdrop ───── #}

{# ───── Sidebar ───── #}

{# Brand — logo + app name only. The current page title lives in the heading region under the breadcrumbs (Filament-style), not as a sidebar subtitle. #}

{% include "layouts/_brand_mark.html" %}

{# Apps layout: rail on desktop; full nested tree in the drawer on small screens (avoids cramped horizontal tabs in the top bar). #} {% if menu_layout == 'apps' %}

{% include "layouts/_nav_sidebar.html" %}

{% else %} {% include "layouts/_nav_sidebar.html" %} {% endif %} {% if current_user_name %}

Signed in as {{ current_user_name }}

{% if current_company_name %}

{% endif %}

{% endif %} {# ───── Main column ───── #}

{# Topbar — outside the overflow-x-hidden scroll region so app-menu dropdowns are not clipped. #}

{% if use_sidebar %} {% endif %} {# page_title: filled by child templates; visible in sidebar header or topnav bar. #} {% if use_sidebar and menu_layout == 'apps' %}

{% include "layouts/_nav_topbar_secondary.html" %}

{% if menu_active_root %}

{% else %} {% endif %} {% elif use_sidebar %} {% else %} {% set topnav_page_title = self.page_title() %} {% include "layouts/_topnav_brand.html" %} {% endif %}

{# Company switcher. #} {% if companies %}

{% endif %} {# Theme toggle. #} {# User menu. #} {% if current_user_name %}

My profile Admin Change password

{% endif %}

{# Flash slot reserved — used for future toast/notification injection. #}

{% block flash %}{% endblock %}

{# Unified page-heading region. The layout draws a single header strip per page: breadcrumb on top, title (h1) + subtitle below, page actions on the right. Pages override the title / subtitle by setting variables (or overriding the matching block); the actions go in `{% block page_actions %}`. Pages that need a fully custom heading override `{% block page_heading %}` entirely. The breadcrumb auto-derives from `breadcrumbs` (built by `render.layout_context`). Pages can replace `breadcrumbs` to suppress it, or override `{% block page_breadcrumb %}` for a custom layout. #} {% set _page_title_text = self.page_title() %} {% block page_heading_region %} {% if use_sidebar and (breadcrumbs or _page_title_text or subtitle is defined or self.page_actions()) %}

{% block page_breadcrumb %} {% if breadcrumbs %}

{% for crumb in breadcrumbs %} {% if not loop.last %} {% if crumb.href %} {{ crumb.label }} {% else %} {{ crumb.label }} {% endif %} {% elif crumb.href %} {{ crumb.label }} {% else %} {{ crumb.label }} {% endif %} {% endfor %}

{% endif %} {% endblock %}

{% block page_heading %} {# Filament-style: h1 directly under the breadcrumbs. Pages set their title via `{% block page_title %}…{% endblock %}`; override `{% block page_heading %}` for fully custom markup. #} {% if _page_title_text %}

{% endif %} {% if subtitle is defined and subtitle %}

{% endif %} {% endblock %}

{% block page_actions %}{% endblock %}

{% endif %} {% endblock %} {# Page content. #}

{% block content %}{% endblock %}

{% include "layouts/_footer_branding.html" %}

{# /overflow scroll region #}

{# ───── Toast stack ───── #} {# Non-blocking notifications. Dispatch ``pv-toast-request`` or call ``window.pvToast(message, { title, variant, duration })``. HTMX ``HX-Trigger: pv-toast`` is routed here via the listener below. #}

{# ───── Floating draggable form dialog ───── #} {# Mounted once globally; opened imperatively via `window.PvDialog.open(...)` or declaratively by clicking any element carrying `data-pv-dialog` (the element's `href` or `data-pv-dialog-url` is loaded into the body via HTMX). Inspired by Odoo's draggable record dialogs — drag the title bar to reposition without losing the in-flight form. The body wraps loaded content in a `[data-pv-form-shell]` div so the standard form-body buttons (Save / Cancel / Edit) target the dialog's own shell via `hx-target="closest [data-pv-form-shell]"` rather than the page form behind us. #}

{% block scripts %}{% endblock %}

{{ _page_title_text }}