{% extends "base.html" %}
{% block title %}সকল FSR পাঠ — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>📋 সকল FSR পাঠ</h1>
  <div><a href="{{ url_for('fsr_new_lesson') }}">+ নতুন পাঠ</a> &nbsp;·&nbsp; <a href="{{ url_for('fsr_checkin') }}">চেক-ইন</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div class="card">
    <label>ফিল্টার</label>
    <select onchange="window.location.href=APP_PREFIX + '/fsr/lessons?filter=' + encodeURIComponent(this.value)">
      {% set bn_filters = {"All": "সকল", "Pending F": "অনুসন্ধান বাকি", "Pending S": "অধ্যয়ন বাকি", "Pending R": "ভাবনা বাকি", "Notify On": "বিজ্ঞপ্তি চালু", "High Priority": "উচ্চ অগ্রাধিকার", "Complete": "সম্পন্ন"} %}
      {% for f in filters %}
      <option value="{{ f }}" {% if f == filter_key %}selected{% endif %}>{{ bn_filters.get(f, f) }}</option>
      {% endfor %}
    </select>
    <p style="font-size:12px; color:#7f8c8d; margin:4px 0 0;">এই ফিল্টারের সাথে {{ lessons | length }}টি পাঠ মেলে।</p>
  </div>

  {% if not lessons %}
    <div class="card"><p>এই ফিল্টারের সাথে কোনো পাঠ মেলে না।</p></div>
  {% endif %}

  {% for l in lessons %}
  <div class="card" style="{% if l.find_done == 'Yes' and l.study_done == 'Yes' and l.reflect_done == 'Yes' %}background:#eafaf1;{% endif %}">
    <div style="display:flex; justify-content:space-between;">
      <div>
        <strong>{{ l.title }}</strong>
        <div style="font-size:12px; color:#566573;">
          {{ l.lesson_type }}
          {% if l.anchor_ref %} &middot; {{ l.anchor_ref }}{% endif %}
          {% if l.priority == "High" %} &middot; <span style="color:#a93226; font-weight:bold;">উচ্চ অগ্রাধিকার</span>{% endif %}
          {% if l.notify_me == "Yes" %} &middot; 🔔{% endif %}
        </div>
        <div style="font-size:12px; margin-top:4px;">
          🔍 {{ "✅" if l.find_done == "Yes" else "⬜" }} &nbsp;
          📖 {{ "✅" if l.study_done == "Yes" else "⬜" }} &nbsp;
          💭 {{ "✅" if l.reflect_done == "Yes" else "⬜" }}
        </div>
      </div>
      <div><a href="/fsr/{{ l.id }}" style="font-size:12px; margin-right:8px;">দেখুন</a><a href="/fsr/{{ l.id }}/edit" style="font-size:12px;">সম্পাদনা</a></div>
    </div>
  </div>
  {% endfor %}
</main>
{% endblock %}