{% extends "base.html" %}
{% block body_class %}{{ page_name|default('dashboard-page') }}{% endblock %}
{% block content %}
<button class="sidebar-toggle" onclick="document.querySelector('.sidebar').classList.toggle('open')">☰</button>
<div class="layout">
{% include "_sidebar.html" %}
<main class="main">
    <div class="main-header">
        <div>
            <h1>{% block page_title %}{{ title|default(page_name|capitalize) }}{% endblock %}</h1>
            <div class="breadcrumb">
                {% block breadcrumb %}{% endblock %}
            </div>
        </div>
        <div class="actions">
            {% block page_actions %}{% endblock %}
            <span style="font-size:12px;color:var(--text-muted);">{{ now }}</span>
        </div>
    </div>
    {% block page_content %}{% endblock %}
</main>
</div>
{% endblock %}
{% block extra_scripts %}{% endblock %}