{% extends "base.html" %}
{% block content %}
<div class="flex items-center justify-between mb-6">
  <h1 class="text-2xl font-extrabold">همهٔ درسنامه‌ها</h1>
</div>

<div class="grid gap-4">
  {% for l in lessons %}
    <article class="card p-4">
      <div class="flex items-center justify-between">
        <a class="text-lg font-semibold hover:underline" href="{% url 'lesson_detail' l.pk %}">
          {% if l.get_active_release %}
            {{ l.get_active_release.title }}
          {% else %}
              درسنامه #{{ l.id }}
          {% endif %}
        </a>
        <span class="text-xs text-quera-muted">توسط ‎@{{ l.author.username }}</span>
      </div>

      {% if l.active_version %}
        <p class="text-sm text-quera-muted mt-2">
          <span class="badge">نسخهٔ فعال:
            <span dir="ltr" class="ml-1">{{ l.active_version }}</span>
          </span>
        </p>
      {% else %}
        <p class="text-sm text-quera-muted mt-2 italic">هنوز نسخه‌ای ثبت نشده است.</p>
      {% endif %}
    </article>
  {% empty %}
    <p class="text-quera-muted">هنوز درسنامه‌ای وجود ندارد.</p>
  {% endfor %}
</div>
{% endblock %}