{% extends "base.html" %}
{% block content %}
<div class="flex items-center justify-between mb-6">
  <h1 class="text-2xl font-extrabold">درسنامه‌های من</h1>
  <a href="{% url 'lesson_create' %}" class="btn btn-primary text-sm">درسنامه جدید</a>
</div>

<div class="grid gap-4">
  {% for l in lessons %}
    <article class="card p-4">
      <header class="flex items-center justify-between">
        <div>
          <h2 class="font-semibold">درسنامه #{{ l.id }}</h2>
          <p class="text-sm text-quera-muted">نسخهٔ فعال: {{ l.active_version|default:'—' }}</p>
        </div>
        <div class="flex gap-2">
          <a class="btn btn-ghost text-sm" href="{% url 'release_list' l.id %}">نسخه‌ها</a>
          <a class="btn btn-ghost text-sm" href="{% url 'lesson_detail' l.id %}">مشاهده</a>
          <a class="btn btn-danger text-sm" href="{% url 'lesson_delete' l.id %}">حذف</a>
        </div>
      </header>
    </article>
  {% empty %}
    <p class="text-quera-muted">شما هنوز هیچ درسنامه‌ای ندارید.</p>
  {% endfor %}
</div>
{% endblock %}