{% extends "base.html" %}
{% block title %}ব্যাকআপ ম্যানেজার — ইসলামইনলাইফ কুরআন অ্যাপ{% endblock %}
{% block body %}
<header>
  <h1>🗄️ ব্যাকআপ ম্যানেজার</h1>
  <div>{{ display_name }} &nbsp;·&nbsp; <a href="{{ url_for('home') }}">হোম</a></div>
</header>
<main>
  <div id="msgBox"></div>

  <div class="card">
    <p style="font-size:13px; color:#566573; margin-top:0;">
      বর্তমান ডাটাবেসের একটি তাৎক্ষণিক ব্যাকআপ তৈরি করে।
    </p>
    <button class="btn-save" onclick="createBackup()">💾 এখনই ব্যাকআপ নিন</button>
  </div>

  <div class="card">
    <div class="section-title">বিদ্যমান ব্যাকআপ</div>
    {% if not backups %}
      <p style="font-size:13px; color:#566573;">এখনও কোনো ব্যাকআপ নেই।</p>
    {% endif %}
    <table>
      <tr><th>ফাইল</th><th>তারিখ</th><th>আকার</th></tr>
      {% for b in backups %}
      <tr><td data-label="ফাইল">{{ b.filename }}</td><td data-label="তারিখ">{{ b.date_str }}</td><td data-label="আকার">{{ b.size_kb }} KB</td></tr>
      {% endfor %}
    </table>
  </div>

  <div class="card" style="background:#fef9e7;">
    <p style="font-size:13px; color:#7d6608; margin:0;">
      এখান থেকে ব্যাকআপ পুনরুদ্ধার করা যায় না — এটি সকল অ্যাকাউন্টের জন্য লাইভ ডাটাবেস ওভাররাইট করে,
      এবং অন্যান্য অ্যাকাউন্ট সম্ভাব্যভাবে সক্রিয় থাকা অবস্থায় ফোন থেকে এটি করা ডেস্কটপ অ্যাপ থেকে করার চেয়ে
      বেশি ঝুঁকিপূর্ণ। পুনরুদ্ধার করার প্রয়োজন হলে ডেস্কটপ অ্যাপের Backup &amp; Restore Manager ব্যবহার করুন।
    </p>
  </div>
</main>

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

function createBackup() {
  fetch(APP_PREFIX + '/api/backup/create', { method: 'POST' })
    .then(r => r.json())
    .then(d => {
      if (d.ok) {
        showMsg('✅ ব্যাকআপ তৈরি হয়েছে।', false);
        setTimeout(() => location.reload(), 900);
      } else {
        showMsg(d.error || 'ব্যাকআপ তৈরি করা যায়নি।', true);
      }
    });
}
</script>
{% endblock %}