{% extends "base.html" %}
{% block title %}QCP সম্পূর্ণকরণের ইতিহাস — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>🌟 সম্পূর্ণকরণের ইতিহাস</h1>
  <div><a href="{{ url_for('qcp_checkin') }}">চেক-ইন</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  {% include "_qcp_banner.html" %}
  <div class="card" style="background:#eaf2fb;">
    <div style="font-size:20px; font-weight:bold; color:#1a5276;">{{ khatm_count }}</div>
    <div style="font-size:12px; color:#566573;">মোট সম্পূর্ণকরণ (খতম)</div>
  </div>

  {% if not completed %}
    <div class="card"><p>এখনও কোনো সম্পূর্ণ পরিকল্পনা নেই।</p></div>
  {% endif %}

  {% for p in completed %}
  <div class="card">
    <div style="font-weight:bold; color:#1a3a5c;">
      {% if p.khatm_number %}খতম #{{ p.khatm_number }}{% else %}সম্পূর্ণ পরিকল্পনা{% endif %}
    </div>
    <div style="font-size:13px; color:#566573;">
      শুরু {{ p.start_date | fmt_date }} &middot; সম্পন্ন {{ p.completed_at | fmt_date }} &middot; {{ p.daily_pages }} পৃষ্ঠা/দিন
    </div>
  </div>
  {% endfor %}
</main>
{% endblock %}