{% extends "base.html" %}
{% block title %}আমার মুখস্থকরণ ক্রম — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>📜 আমার মুখস্থকরণ ক্রম</h1>
  <div><a href="{{ url_for('memorization') }}">এন্ট্রি ফর্ম</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div class="card">
    <label>
      <input type="checkbox" {% if include_in_progress %}checked{% endif %}
             onchange="window.location.href=APP_PREFIX + '/memorization/sequence' + (this.checked ? '?include_in_progress=1' : '')">
      চলমান সূরাও অন্তর্ভুক্ত করুন (শুধু সম্পূর্ণ মুখস্থ নয়)
    </label>
  </div>

  {% if not rows %}
    <div class="card"><p>এখনও দেখানোর মতো কিছু নেই।</p></div>
  {% endif %}

  {% for r in rows %}
  <div class="card" style="{% if r.is_complete %}background:#eafaf1;{% endif %}">
    <div style="display:flex; justify-content:space-between; align-items:center;">
      <div>
        <strong>{{ r.sura_no }}. {{ r.sura_no | bn_sura_name(r.name_english) }}</strong>
        <div style="font-size:12px; color:#566573;">
          {{ r.verses_display }} &middot; পৃষ্ঠা {{ r.pages }} &middot; {{ r.statuses | map('bn_status') | join(", ") }}
        </div>
      </div>
      <div style="font-size:18px;">{{ r.name_arabic }}</div>
    </div>
  </div>
  {% endfor %}
</main>
{% endblock %}