{% extends "base.html" %}
{% block title %}পুনরাবৃত্তি সারসংক্ষেপ — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>📊 পুনরাবৃত্তি সারসংক্ষেপ</h1>
  <div><a href="{{ url_for('revision_log') }}">পুনরাবৃত্তি লগ</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  {% include "_revision_log_banner.html" %}
  <div class="card" style="background:#eaf2fb;">
    <p style="font-size:13px; color:#566573; margin:0;">মোড: <strong>{% if mode == "sura" %}সূরা{% elif mode == "page" %}পৃষ্ঠা{% else %}আয়াত{% endif %}-ভিত্তিক</strong></p>
  </div>

  <div class="card" style="display:flex; flex-wrap:wrap; gap:12px;">
    <div style="flex:1; min-width:110px;">
      <div style="font-size:12px; color:#566573;">মোট সেশন</div>
      <div style="font-size:20px; font-weight:bold; color:#1a5276;">{{ stats.total }}</div>
    </div>
    <div style="flex:1; min-width:110px;">
      <div style="font-size:12px; color:#566573;">মোট পুনরাবৃত্তি</div>
      <div style="font-size:20px; font-weight:bold; color:#1a7a4a;">{{ stats.total_revised_count }}</div>
    </div>
    <div style="flex:1; min-width:110px;">
      <div style="font-size:12px; color:#566573;">আজ</div>
      <div style="font-size:20px; font-weight:bold; color:#6c3483;">{{ stats.today }}</div>
    </div>
    <div style="flex:1; min-width:110px;">
      <div style="font-size:12px; color:#566573;">এই মাসে</div>
      <div style="font-size:20px; font-weight:bold; color:#a04000;">{{ stats.this_month }}</div>
    </div>
  </div>

  {% if breakdown %}
  <div class="card">
    <div class="section-title">বিভাজন</div>
    <table>
      {% if mode == "page" %}
        <tr><th>পৃষ্ঠা</th><th>সেশন</th></tr>
        {% for b in breakdown %}<tr><td data-label="পৃষ্ঠা">{{ b.page_no }}</td><td data-label="সেশন">{{ b.sessions }}</td></tr>{% endfor %}
      {% else %}
        <tr><th>সূরা</th><th>আয়াত</th><th>সেশন</th></tr>
        {% for b in breakdown %}<tr><td data-label="সূরা">{{ b.sura_name }}</td><td data-label="আয়াত">{{ b.verse_no }}{% if b.verse_no_end %}-{{ b.verse_no_end }}{% endif %}</td><td data-label="সেশন">{{ b.sessions }}</td></tr>{% endfor %}
      {% endif %}
    </table>
  </div>
  {% endif %}
</main>
{% endblock %}