{% 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" %}
  {% if error %}<div class="msg msg-error">{{ error }}</div>{% endif %}

  <div class="card">
    <p style="font-size:13px; color:#566573;">
      বর্তমান মোড: <strong>{% if current_mode == "sura" %}সূরা{% elif current_mode == "page" %}পৃষ্ঠা{% else %}আয়াত{% endif %}-ভিত্তিক</strong>
    </p>
    <form method="post">
      {% if pending_mode %}
        <input type="hidden" name="mode" value="{{ pending_mode }}">
        <div class="done-check">
          <input type="checkbox" name="confirm_delete" value="1" id="confirmDel">
          <label for="confirmDel">আমি বুঝতে পারছি যে এটি স্থায়ীভাবে আমার {{ pending_count }}টি বিদ্যমান {% if current_mode == "sura" %}সূরা{% elif current_mode == "page" %}পৃষ্ঠা{% else %}আয়াত{% endif %}-মোডের এন্ট্রি মুছে ফেলবে।</label>
        </div>
        <button type="submit" class="btn-delete">{% if pending_mode == "sura" %}সূরা{% elif pending_mode == "page" %}পৃষ্ঠা{% else %}আয়াত{% endif %}-ভিত্তিক মোডে পরিবর্তন নিশ্চিত করুন</button>
      {% else %}
        <label>একটি মোড নির্বাচন করুন</label>
        <select name="mode">
          <option value="sura" {% if current_mode == "sura" %}selected{% endif %}>📖 সূরা-ভিত্তিক (ডিফল্ট)</option>
          <option value="page" {% if current_mode == "page" %}selected{% endif %}>📄 পৃষ্ঠা-ভিত্তিক</option>
          <option value="verse" {% if current_mode == "verse" %}selected{% endif %}>🔢 আয়াত-ভিত্তিক</option>
        </select>
        <button type="submit" class="btn-save">মোড সংরক্ষণ করুন</button>
      {% endif %}
    </form>
  </div>
</main>
{% endblock %}