{% extends "base.html" %}
{% block title %}আজকের পরিকল্পনা — {{ today | fmt_date }} — ইসলামইনলাইফ কুরআন অ্যাপ{% 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>{{ today | fmt_date }} &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div class="card no-print">
    <button class="btn" style="background:#1a5276;" onclick="window.print()">🖨️ প্রিন্ট</button>
  </div>

  {% set any_items = sections | selectattr("rows") | list %}
  {% if not any_items and not notes %}
    <div class="card"><p>আজকের জন্য এখনও কোনো পরিকল্পনা করা হয়নি।</p></div>
  {% endif %}

  {% for s in sections %}
    {% if s.rows %}
    <div class="card {{ s.key }}">
      <div class="section-title">{{ s.icon }} {{ s.title }}</div>
      <table>
        <tr>
          <th>সূরা</th><th>আয়াত</th>{% if s.key == "visual" %}<th>পৃষ্ঠা</th>{% endif %}<th>অবস্থা</th>
        </tr>
        {% for r in s.rows %}
        <tr>
          <td data-label="সূরা">{{ r.sura_label }}</td>
          <td data-label="আয়াত">{{ r.verses }}</td>
          {% if s.key == "visual" %}<td data-label="পৃষ্ঠা">{{ r.page or "—" }}</td>{% endif %}
          <td data-label="অবস্থা">{{ "✅ সম্পন্ন" if r.done else "⬜ এখনও নয়" }}</td>
        </tr>
        {% endfor %}
      </table>
    </div>
    {% endif %}
  {% endfor %}

  {% if notes %}
  <div class="card">
    <div class="section-title">📝 নোট</div>
    <p style="white-space:pre-wrap;">{{ notes }}</p>
  </div>
  {% endif %}
</main>
{% endblock %}