{% extends "base.html" %}
{% block title %}lazyflat dashboard{% endblock %}
{% block body %}
<header class="border-b border-soft bg-white/70 backdrop-blur">
    <div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
        <div class="flex items-center gap-3">
            <div class="brand-dot"></div>
            <h1 class="text-xl font-semibold">lazyflat</h1>
        </div>
        <div class="flex items-center gap-3 text-sm">
            <span class="text-slate-500">{{ user }}</span>
            <form method="post" action="/logout">
                <button class="btn btn-ghost text-sm" type="submit">Logout</button>
            </form>
        </div>
    </div>
</header>

<main class="max-w-6xl mx-auto px-6 py-6 space-y-6"
      hx-get="/partials/dashboard" hx-trigger="every 15s" hx-target="#dashboard-body" hx-swap="innerHTML">
    <div id="dashboard-body">
        {% include "_dashboard_body.html" %}
    </div>
</main>
{% endblock %}