{% extends "base.html" %}
{% block title %}ডেটা ও ব্যাকআপ — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>🗄️ ডেটা ও ব্যাকআপ</h1>
  <div>{% if session_is_admin %}<a href="{{ url_for('backup_manager') }}">ব্যাকআপ ম্যানেজার</a> &nbsp;·&nbsp; {% endif %}{{ display_name }} &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div class="card">
    <p style="font-size:13px; color:#566573; margin-top:0;">যেকোনো সময় আপনার নিজের ডেটার একটি কপি ডাউনলোড করুন।</p>
    <a class="btn" style="background:#1a5276; display:inline-block; text-decoration:none;" href="{{ url_for('api_export_hifz') }}">📖 হিফজ মুখস্থকরণ এক্সপোর্ট করুন (CSV)</a><br>
    <a class="btn" style="background:#1a7a4a; display:inline-block; text-decoration:none;" href="{{ url_for('api_export_revision') }}">📝 পুনরাবৃত্তি লগ এক্সপোর্ট করুন (CSV)</a><br>
    <a class="btn" style="background:#6c3483; display:inline-block; text-decoration:none;" href="{{ url_for('api_export_fsr') }}">📌 FSR পাঠ এক্সপোর্ট করুন (CSV)</a><br>
    <a class="btn" style="background:#a04000; display:inline-block; text-decoration:none;" href="{{ url_for('api_export_full') }}">📋 সম্পূর্ণ অ্যাপ এক্সপোর্ট (.txt)</a>
    {% if session_is_admin %}<br>
    <a class="btn" style="background:#5b2c6f; display:inline-block; text-decoration:none;" href="{{ url_for('api_export_tafseer') }}">📚 তাফসীর নোট এক্সপোর্ট করুন (CSV) <span style="font-size:10px;">(অ্যাডমিন, শেয়ার্ড ডেটা)</span></a>
    {% endif %}
  </div>

  <div id="msgBox"></div>

  <div class="card">
    <div class="section-title">📥 ডেটা ইমপোর্ট করুন</div>
    <p style="font-size:13px; color:#566573; margin-top:0;">
      পূর্বে এক্সপোর্ট করা একটি CSV ফিরিয়ে ইমপোর্ট করুন। যদি পুনরাবৃত্তি লগও ইমপোর্ট করতে চান, তাহলে প্রথমে হিফজ ইমপোর্ট করুন —
      পুনরাবৃত্তি এন্ট্রিগুলো মুখস্থকরণ রেকর্ডের সাথে লিংক করা, যা প্রথমে থাকা প্রয়োজন।
    </p>

    <label>📖 হিফজ মুখস্থকরণ (IQA_Hifz.csv)</label>
    <input type="file" id="file_hifz" accept=".csv">
    <button class="btn-save" onclick="doImport('hifz')">হিফজ ইমপোর্ট করুন</button>

    <label style="margin-top:16px;">📝 পুনরাবৃত্তি লগ (IQA_Revisions.csv)</label>
    <input type="file" id="file_revisions" accept=".csv">
    <button class="btn-save" onclick="doImport('revisions')">পুনরাবৃত্তি ইমপোর্ট করুন</button>

    <label style="margin-top:16px;">📌 FSR পাঠ (IQA_FSR.csv)</label>
    <input type="file" id="file_fsr" accept=".csv">
    <button class="btn-save" onclick="doImport('fsr')">FSR ইমপোর্ট করুন</button>

    {% if session_is_admin %}
    <label style="margin-top:16px;">📚 তাফসীর নোট (IQA_Tafseer.csv) <span style="font-size:11px; color:#7d6608;">(অ্যাডমিন, শেয়ার্ড ডেটা)</span></label>
    <input type="file" id="file_tafseer" accept=".csv">
    <button class="btn-save" onclick="doImport('tafseer')">তাফসীর ইমপোর্ট করুন</button>
    {% endif %}
  </div>
</main>

<script>
function showMsg(html, isError) {
  document.getElementById('msgBox').innerHTML = `<div class="msg ${isError ? 'msg-error' : 'msg-success'}">${html}</div>`;
}

function doImport(kind) {
  const fileInput = document.getElementById('file_' + kind);
  if (!fileInput.files.length) {
    showMsg('অনুগ্রহ করে প্রথমে একটি ফাইল নির্বাচন করুন।', true);
    return;
  }
  const fd = new FormData();
  fd.append('file', fileInput.files[0]);
  fetch(APP_PREFIX + `/api/import/${kind}`, { method: 'POST', body: fd })
    .then(r => r.json())
    .then(d => {
      if (!d.ok) {
        showMsg(d.error || 'ইমপোর্ট ব্যর্থ হয়েছে।', true);
        return;
      }
      let msg = `${d.imported}টি ইমপোর্ট হয়েছে, ${d.skipped}টি বাদ দেওয়া হয়েছে (ইতিমধ্যে ছিল)।`;
      if (d.errors && d.errors.length) {
        msg += `<br>${d.errors.length}টি সারিতে ত্রুটি ছিল: ${d.errors.slice(0, 5).join('; ')}`;
      }
      showMsg(msg, false);
    });
}
</script>
{% endblock %}