{% extends "base.html" %}
{% block title %}Lektionen{% endblock %}
{% block content %}
<h1>Lektionen</h1>
<p style="color: var(--text-light);">
    <strong>Onboarding</strong> (L1-L3) sind für Neue gedacht. Wer schon dabei
    ist, kann sie überspringen oder als Auffrischung nochmal durchgehen.
</p>

<div class="grid" style="grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; margin-top: 1.5rem;">
    {% for l in lektionen %}
    <a href="{{ url_for('oeffentlich.lektion_detail', nummer=l.nummer) }}" class="card" style="text-decoration: none; color: inherit;">
        <h3 style="margin-bottom: 0.3rem;">
            <span style="color: var(--text-light);">L{{ l.nummer }}</span> {{ l.titel }}
        </h3>
        <p>
            {% if l.onboarding %}<span class="badge badge-pflicht">Onboarding</span>{% else %}<span class="badge badge-frei">Frei</span>{% endif %}
            <span class="badge badge-{{ l.schwierigkeit }}">{{ l.schwierigkeit }}</span>
        </p>
    </a>
    {% endfor %}
</div>
{% endblock %}