{% extends "base.html" %}
{% block title %}SMGP — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>🎯 বিশেষ মুখস্থকরণ লক্ষ্য পরিকল্পনা</h1>
  <div><a href="{{ url_for('smgp_new_plan') }}">+ নতুন পরিকল্পনা</a> &nbsp;·&nbsp; {{ display_name }} &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  {% if not plans %}
    <div class="card"><p>কোনো সক্রিয় লক্ষ্য পরিকল্পনা নেই। এটি এখানে ট্র্যাক করতে ডেস্কটপ অ্যাপে একটি তৈরি করুন।</p></div>
  {% endif %}
  {% for plan, total, done, pct in plans %}
  <div class="card">
    <div style="font-weight:bold; color:#1a3a5c; font-size:16px;">{{ plan.plan_name }}</div>
    {% if plan.occasion %}<div style="font-size:13px; color:#566573;">{{ plan.occasion }}</div>{% endif %}
    <div style="font-size:13px; color:#566573; margin:6px 0;">{{ done }}/{{ total }}টি আইটেম মুখস্থ হয়েছে ({{ pct }}%)</div>
    <a class="btn" style="background:#6c3483; display:inline-block; text-decoration:none;" href="{{ url_for('smgp_detail', plan_id=plan.id) }}">
      পরিকল্পনা খুলুন
    </a>
  </div>
  {% endfor %}
</main>
{% endblock %}