{% extends "base.html" %}
{% block title %}{{ lesson.title }} — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>🔍📖💭 পাঠের বিবরণ</h1>
  <div><a href="{{ url_for('fsr_edit_lesson', lesson_id=lesson.id) }}">সম্পাদনা</a> &nbsp;·&nbsp; <a href="{{ url_for('fsr_checkin') }}">FSR চেক-ইন</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div class="card">
    <div style="font-weight:bold; font-size:18px; color:#1a3a5c;">{{ lesson.title }}</div>
    <div style="font-size:13px; color:#566573; margin-top:4px;">
      {{ lesson.lesson_type }} &middot; অগ্রাধিকার: {{ lesson.priority | bn_status }}
      {% if lesson.notify_me == "Yes" %} &middot; 🔔 বিজ্ঞপ্তি চালু{% endif %}
    </div>
    {% if lesson.anchor_ref %}<div style="font-size:13px; margin-top:6px;"><strong>রেফারেন্স:</strong> {{ lesson.anchor_ref }}</div>{% endif %}
    {% if sura_name %}<div style="font-size:13px;"><strong>লিংক করা সূরা:</strong> {{ sura_name }}</div>{% endif %}
    {% if lesson.description %}<div style="font-size:13px; margin-top:8px;"><strong>বিবরণ:</strong><br>{{ lesson.description }}</div>{% endif %}
    {% if lesson.source_hint %}<div style="font-size:13px; margin-top:8px;"><strong>কোথায় খুঁজবেন:</strong> {{ lesson.source_hint }}</div>{% endif %}
  </div>

  {% if lesson.bases %}
  <div class="card">
    <div class="section-title">শেখার ভিত্তি</div>
    {% for b in lesson.bases %}
    <div style="font-size:13px; padding:4px 0;">{{ b.basis_name }}{% if b.ref_detail %} — {{ b.ref_detail }}{% endif %}</div>
    {% endfor %}
  </div>
  {% endif %}

  <div class="card" style="{% if lesson.find_done == 'Yes' %}background:#eafaf1;{% endif %}">
    <div class="section-title">🔍 অনুসন্ধান — {{ "সম্পন্ন" if lesson.find_done == "Yes" else "অপেক্ষমাণ" }}</div>
    {% if lesson.find_notes %}<div style="font-size:13px;">{{ lesson.find_notes }}</div>{% endif %}
  </div>
  <div class="card" style="{% if lesson.study_done == 'Yes' %}background:#eafaf1;{% endif %}">
    <div class="section-title">📖 অধ্যয়ন — {{ "সম্পন্ন" if lesson.study_done == "Yes" else "অপেক্ষমাণ" }}</div>
    {% if lesson.study_notes %}<div style="font-size:13px;">{{ lesson.study_notes }}</div>{% endif %}
  </div>
  <div class="card" style="{% if lesson.reflect_done == 'Yes' %}background:#eafaf1;{% endif %}">
    <div class="section-title">💭 ভাবনা — {{ "সম্পন্ন" if lesson.reflect_done == "Yes" else "অপেক্ষমাণ" }}</div>
    {% if lesson.reflect_notes %}<div style="font-size:13px;">{{ lesson.reflect_notes }}</div>{% endif %}
  </div>
</main>
{% endblock %}