{% extends "base.html" %}
{% block title %}تنظیمات — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('dashboard.index') }}">‹ بازگشت</a>
  <h1 class="title">تنظیمات</h1>
</div>

<div class="page-body">
  <div class="glass-card" style="display:flex; align-items:center; gap:12px; padding:14px 20px; min-height:72px;">
    <div style="flex:1;">
      <div class="subtitle">حالت نمایش برنامه</div>
      <div class="muted">سوییچ بین تم تیره و روشن</div>
    </div>
    <button type="button" class="btn btn-gold" style="width:120px;" onclick="window.NoorTheme.toggle()">🌙 / ☀ حالت نمایش</button>
  </div>

  <div class="glass-card" style="display:flex; align-items:center; gap:12px; padding:14px 20px; min-height:72px; flex-wrap:wrap;">
    <div style="flex:1; min-width:200px;">
      <div class="subtitle">پشتیبان‌گیری از اطلاعات</div>
      <div class="muted">
        اکسل کامل: همه‌ی جدول‌ها و ستون‌ها برای مشاهده.
        {% if current_user.is_admin() %}فایل دیتابیس: بک‌آپ کامل و قابل بازگردانی (روش بازگردانی در README).{% endif %}
      </div>
    </div>
    <a class="btn btn-ghost" href="{{ url_for('settings.backup') }}">📊 خروجی اکسل کامل</a>
    {% if current_user.is_admin() %}
    <a class="btn btn-gold" href="{{ url_for('settings.backup_database') }}">🗄 بک‌آپ کامل دیتابیس</a>
    {% endif %}
  </div>

  {% if "accounts" in allowed_page_keys() %}
  <div class="glass-card" style="display:flex; align-items:center; gap:12px; padding:14px 20px; min-height:72px;">
    <div style="flex:1;">
      <div class="subtitle">حساب‌های کاربری</div>
      <div class="muted">مدیریت کاربران و دسترسی‌های آن‌ها</div>
    </div>
    <a class="btn btn-ghost" href="{{ url_for('accounts.index') }}">👥 حساب‌ها</a>
  </div>
  {% endif %}

  <div class="glass-card" style="padding:14px 20px; min-height:72px;">
    <div class="subtitle">نسخه نرم‌افزار</div>
    <div class="muted">NoorGold CRM — v{{ app_version }}</div>
  </div>

  <div class="glass-card" style="padding:14px 20px; min-height:72px;">
    <div class="subtitle">پشتیبانی</div>
    <div class="muted">{{ support_phone }}</div>
  </div>

  {% if current_user.is_admin() %}
  <div class="glass-card" style="display:flex; align-items:center; gap:12px; padding:14px 20px; min-height:72px;">
    <div style="flex:1;">
      <div class="subtitle">لاگ فعالیت‌های سیستم</div>
      <div class="muted">فقط مدیر — ثبت کامل ورود، جستجو، تماس و تغییرات کاربران</div>
    </div>
    <a class="btn btn-ghost" href="{{ url_for('settings.logs') }}">🗂 مشاهده لاگ</a>
  </div>

  {% if deleted_customers %}
  <div class="glass-panel" style="padding:16px 20px;">
    <div class="subtitle">مشتری‌های حذف‌شده (قابل بازیابی)</div>
    <div style="display:flex; flex-direction:column; gap:8px; margin-top:10px;">
      {% for c in deleted_customers %}
      <div style="display:flex; align-items:center; gap:12px;">
        <span style="flex:1;">{{ c.first_name }} {{ c.last_name }} — {{ c.city or "-" }}</span>
        <form method="post" action="{{ url_for('settings.restore_customer', customer_id=c.id) }}">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" class="btn btn-success">↺ بازیابی</button>
        </form>
      </div>
      {% endfor %}
    </div>
  </div>
  {% endif %}
  {% endif %}
</div>
{% endblock %}