{% extends "base.html" %}
{% block content %}
<div class="card p-6">
  <div class="flex items-center justify-between mb-3">
    <h1 class="text-2xl font-extrabold flex items-center gap-2">
      <span class="w-4 h-4 rounded" style="background: {{ release.color }}"></span>
      {{ release.title }}
      <span class="text-sm text-quera-muted">(نسخه: <span dir="ltr">{{ release.version_str }}</span>)</span>
    </h1>
    <div class="flex items-center gap-2">
      <a href="{% url 'release_list' release.lesson.id %}" class="btn btn-ghost text-sm">بازگشت به نسخه‌ها</a>
      {% if release.lesson.active_version == release.version_str %}
        <span class="badge">فعال</span>
      {% else %}
        <form method="post" action="{% url 'release_make_active' release.lesson.id release.major release.minor release.patch %}">
          {% csrf_token %}
          <button class="btn btn-primary text-sm">تبدیل به فعال</button>
        </form>
      {% endif %}
    </div>
  </div>

  <p class="text-xs text-quera-muted mb-4">تاریخ ایجاد: {{ release.created_at }}</p>

  <article class="prose max-w-none">
    {{ release_html|safe }}
  </article>
</div>
{% endblock %}