{% extends "base.html" %}
{% block title %}{{ "সম্পাদনা" if lesson else "নতুন" }} FSR পাঠ — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>{{ "✏️ সম্পাদনা" if lesson else "➕ নতুন" }} FSR পাঠ</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 %}

  {% if not lesson_types %}
  <div class="msg msg-error">
    এখনও কোনো পাঠের ধরন নেই, তাই এই ফর্মটি সংরক্ষণ করা যাবে না —
    <a href="{{ url_for('fsr_lesson_types') }}" style="color:#922b21; text-decoration:underline; font-weight:bold;">প্রথমে এখানে একটি যোগ করুন</a>,
    তারপর এই পৃষ্ঠায় ফিরে আসুন।
  </div>
  {% endif %}

  <div class="card">
    <form method="post">
      <label>শিরোনাম *</label>
      <input type="text" name="title" value="{{ lesson.title if lesson else '' }}" required>

      <label>পাঠের ধরন *</label>
      <select name="lesson_type" {% if not lesson_types %}disabled{% endif %}>
        {% for lt in lesson_types %}
        <option value="{{ lt.name }}" {% if lesson and lesson.lesson_type == lt.name %}selected{% endif %}>{{ lt.name }}</option>
        {% endfor %}
      </select>

      <div class="row">
        <div>
          <label>অগ্রাধিকার</label>
          <select name="priority">
            <option value="High" {% if lesson and lesson.priority == "High" %}selected{% endif %}>উচ্চ</option>
            <option value="Normal" {% if not lesson or lesson.priority == "Normal" %}selected{% endif %}>স্বাভাবিক</option>
            <option value="Low" {% if lesson and lesson.priority == "Low" %}selected{% endif %}>নিম্ন</option>
          </select>
        </div>
        <div class="done-check" style="margin-top:22px;">
          <input type="checkbox" name="notify_me" value="1" id="notifyMe" {% if lesson and lesson.notify_me == "Yes" %}checked{% endif %}>
          <label for="notifyMe">আমাকে অবহিত করুন</label>
        </div>
      </div>

      <label>রেফারেন্স (আয়াত / হাদিস / বই)</label>
      <input type="text" name="anchor_ref" value="{{ lesson.anchor_ref if lesson else '' }}" placeholder="যেমন Al-Imran 3:159">

      <label>সূরার সাথে লিংক করুন (ঐচ্ছিক)</label>
      <select name="sura_no">
        <option value="">— কোনোটি নয় —</option>
        {% for s in suras %}
        <option value="{{ s.sura_no }}" {% if lesson and lesson.sura_no == s.sura_no %}selected{% endif %}>{{ s.label }}</option>
        {% endfor %}
      </select>

      <label>বিবরণ / মূল প্রশ্ন</label>
      <textarea name="description">{{ lesson.description if lesson else '' }}</textarea>

      <label>কোথায় খুঁজবেন (উৎসের ইঙ্গিত)</label>
      <input type="text" name="source_hint" value="{{ lesson.source_hint if lesson else '' }}">

      <div class="section-title" style="margin-top:16px;">শেখার ভিত্তি (ঐচ্ছিক)</div>
      <div class="row">
        <div>
          <label>ধরন</label>
          <select name="basis_type_id">
            <option value="">— কোনোটি নয় —</option>
            {% for bt in basis_types %}<option value="{{ bt.id }}">{{ bt.name }}</option>{% endfor %}
          </select>
        </div>
        <div>
          <label>রেফারেন্স বিবরণ</label>
          <input type="text" name="basis_ref" placeholder="ঐচ্ছিক">
        </div>
      </div>
      <p style="font-size:11px; color:#7f8c8d; margin-top:-4px;">
        এখানে একটি ভিত্তি যোগ করা যায়; একাধিক যুক্ত করতে ডেস্কটপ অ্যাপ ব্যবহার করুন।
      </p>

      <div class="section-title" style="margin-top:16px;">ট্যাগ (ঐচ্ছিক)</div>
      {% if not all_tags %}
        <p style="font-size:12px; color:#7f8c8d;">এখনও কোনো ট্যাগ নেই — প্রথমে ট্যাগ পৃষ্ঠায় কিছু যোগ করুন।</p>
      {% else %}
      <div style="display:flex; flex-wrap:wrap; gap:10px; margin-bottom:10px;">
        {% for t in all_tags %}
        <label style="font-weight:normal; display:flex; align-items:center; gap:4px; white-space:nowrap;">
          <input type="checkbox" name="tag_ids" value="{{ t.id }}" {% if t.id in selected_tag_ids %}checked{% endif %}>
          {{ t.tag_name }}
        </label>
        {% endfor %}
      </div>
      {% endif %}

      <button type="submit" class="btn-save" style="margin-top:12px;">💾 পাঠ সংরক্ষণ করুন</button>
    </form>
  </div>
</main>
{% endblock %}