{% extends "base.html" %}
{% block title %}Cockpit — {{ vorname }}{% endblock %}
{% block content %}
<div class="section-header">
    <h1 style="display:flex; align-items:center; gap:0.5rem;">
        <span style="font-size: 2.2rem;">{{ tier_emoji(tier) }}</span>
        {{ vorname }}
    </h1>
    <a href="{{ url_for('profil.logout') }}" class="btn btn-secondary">Abmelden</a>
</div>

<div class="card" style="background: var(--warn-bg); border-color: #F5C842;">
    <h3>Cockpit-Stub &mdash; Etappe 1</h3>
    <p>Hier kommt in Etappe 2 das progressive Cockpit (V1):</p>
    <ul style="margin-top: 0.5rem; padding-left: 1.5rem;">
        <li>Wenn du <strong>neu</strong> bist: nur Onboarding-Karte + Check-In-Trigger</li>
        <li>Nach <strong>L1 fertig</strong>: zusaetzlich Drucker-Buchung</li>
        <li>Mit <strong>aktiven Projekten</strong>: zusaetzlich Projekt-/Auftrags-/Slot-Karten</li>
    </ul>
    <p style="margin-top: 0.8rem; color: var(--text-light); font-size: 0.9rem;">
        Details: <code>docs/selbstlern-loop.md</code> und <code>docs/etappen.md</code>.
    </p>
</div>
{% endblock %}