{% extends "base.html" %}
{% block title %}শেখার-ভিত্তি ধরন পরিচালনা করুন — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>⚙️ শেখার-ভিত্তি ধরন পরিচালনা করুন</h1>
  <div><a href="{{ url_for('fsr_checkin') }}">FSR চেক-ইন</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  {% if error %}<div class="msg msg-error">{{ error }}</div>{% endif %}

  <div class="card">
    <form method="post">
      <label>নাম</label>
      <input type="text" name="name" placeholder="যেমন তাফসীর ভাষ্য" required>
      <label>বিবরণ (ঐচ্ছিক)</label>
      <input type="text" name="description" placeholder="এই ভিত্তির ধরনটি কী বোঝায়">
      <button type="submit" class="btn-save">+ ধরন যোগ করুন</button>
    </form>
  </div>

  {% for t in types %}
  <div class="card">
    <div style="display:flex; justify-content:space-between; align-items:center;">
      <div>
        <strong>{{ t.name }}</strong>
        {% if t.description %}<div style="font-size:12px; color:#566573;">{{ t.description }}</div>{% endif %}
      </div>
      <a href="#" onclick="deleteType({{ t.id }}); return false;" style="font-size:13px; color:#a93226;">মুছুন</a>
    </div>
  </div>
  {% endfor %}
</main>

<script>
function deleteType(id) {
  if (!confirm('এই ভিত্তির ধরনটি মুছে ফেলবেন?')) return;
  fetch(APP_PREFIX + `/api/fsr/basis-types/${id}/delete`, { method: 'POST' })
    .then(r => r.json())
    .then(d => { if (d.ok) location.reload(); else alert(d.error || 'মুছে ফেলা যায়নি।'); });
}
</script>
{% endblock %}