{% extends "base.html" %}
{% block title %}অগ্রগতি প্রতিবেদন — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<style>
  @media print {
    header, .no-print { display: none !important; }
    body { background: white; }
    .card { box-shadow: none; border: 1px solid #ccc; }
  }
</style>
<header>
  <h1>📊 অগ্রগতি প্রতিবেদন</h1>
  <div>{{ display_name }} &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div class="card no-print">
    <form method="get">
      <div class="row">
        <div><label>থেকে</label><input type="date" name="date_from" value="{{ date_from }}"></div>
        <div><label>পর্যন্ত</label><input type="date" name="date_to" value="{{ date_to }}"></div>
      </div>
      <button type="submit" class="btn-save">প্রতিবেদন আপডেট করুন</button>
      <button type="button" class="btn" style="background:#1a5276;" onclick="window.print()">🖨️ প্রিন্ট / PDF হিসেবে সংরক্ষণ করুন</button>
    </form>
  </div>

  <div class="card" style="background:#eaf2fb;">
    <h2 style="margin:0;">অগ্রগতি প্রতিবেদন</h2>
    <p style="font-size:13px; color:#566573;">{{ date_from | fmt_date }} থেকে {{ date_to | fmt_date }}</p>
  </div>

  <div class="card">
    <div class="section-title">📖 QCP</div>
    <p style="font-size:14px;">{{ summary.days_qcp_active }}টি সক্রিয় দিনে মোট {{ summary.total_pages }}টি পৃষ্ঠা পড়া হয়েছে।</p>
  </div>

  <div class="card">
    <div class="section-title">🔁 পুনরাবৃত্তি</div>
    <p style="font-size:14px;">
      {{ summary.total_revisions }}টি সেশন —
      {{ summary.revision_strong }}টি শক্তিশালী, {{ summary.revision_average }}টি গড়পড়তা, {{ summary.revision_weak }}টি দুর্বল।
    </p>
  </div>

  <div class="card">
    <div class="section-title">🎯 SMGP</div>
    <p style="font-size:14px;">এই সময়কালে {{ summary.total_memorized }}টি আইটেম মুখস্থ হয়েছে।</p>
  </div>

  {% if session_is_admin %}
  <div class="card">
    <div class="section-title">🕌 SSRP <span style="font-size:11px; color:#7d6608;">(Admin only)</span></div>
    <p style="font-size:14px;">{{ summary.total_sets_recited }} sets recited across {{ summary.nights_ssrp_active }} active nights.</p>
  </div>
  {% endif %}

  <div class="card">
    <div class="section-title">🗓️ পরিকল্পনাকারী</div>
    <p style="font-size:14px;">
      {{ summary.planner_total }}টি পরিকল্পনা বাকি ছিল — {{ summary.planner_done }}টি সম্পন্ন, {{ summary.planner_missed }}টি মিস হয়েছে,
      {{ summary.planner_pending }}টি এখনও অপেক্ষমাণ।
    </p>
  </div>

  <div class="card">
    <div class="section-title">🔍📖💭 FSR</div>
    <p style="font-size:14px;">{{ summary.fsr_stages_completed }}টি অনুসন্ধান/অধ্যয়ন/ভাবনা পর্যায় সম্পন্ন হয়েছে।</p>
  </div>
</main>
{% endblock %}