{% extends "admin/base.html" %}
{% block page_title %}Статус системи{% endblock %}
{% block content %}
<h1>🖥️ Статус системи</h1>

<div class="card">
  <table>
    {% for c in checks %}
    <tr>
      <td>
        {% if c.ok %}<span class="status-dot ok"></span>{% elif c.get('warn') %}<span class="status-dot warn"></span>{% else %}<span class="status-dot bad"></span>{% endif %}
        {{ c.name }}
      </td>
      <td style="text-align:right;">
        {% if c.ok %}
          <span style="color:var(--success);font-weight:700;">🟢 Працює</span>
        {% elif c.get('warn') %}
          <span style="color:var(--warning);font-weight:700;">🟡 Не налаштовано</span>
        {% else %}
          <span style="color:var(--danger);font-weight:700;">🔴 Помилка підключення</span>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </table>
</div>

<div class="grid-2-even">
  <div class="card">
    <div class="card-head"><h3>Про систему</h3></div>
    <table>
      <tr><td class="muted">Версія</td><td>{{ app_version }}</td></tr>
      <tr><td class="muted">СУБД</td><td>{{ db_info.engine }}</td></tr>
      {% if db_info.size_kb is not none %}<tr><td class="muted">Розмір БД</td><td>{{ db_info.size_kb }} КБ</td></tr>{% endif %}
      <tr><td class="muted">Замовлень у БД</td><td>{{ db_info.orders }}</td></tr>
      <tr><td class="muted">Товарів у БД</td><td>{{ db_info.products }}</td></tr>
    </table>
  </div>
  <div class="card">
    <div class="card-head"><h3>Резервне копіювання</h3></div>
    <p class="muted">Керування резервними копіями бази даних — в окремому розділі.</p>
    <a class="btn secondary small" href="{{ url_for('admin.backups_list') }}">Перейти до резервних копій</a>
  </div>
</div>

<h2>Журнал помилок (останні рядки)</h2>
{% for name, lines in log_tail.items() %}
<div class="card">
  <div class="card-head"><h3>{{ name }}</h3></div>
  {% if lines is none %}
    <p class="muted">Файл логів недоступний на цьому середовищі.</p>
  {% else %}
    <pre style="font-size:11.5px;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow:auto;background:var(--panel-2);padding:12px;border-radius:8px;margin:0;">{% for line in lines %}{{ line }}
{% endfor %}</pre>
  {% endif %}
</div>
{% endfor %}

<h2 style="color:var(--danger);">⚠️ Небезпечна зона</h2>
<div class="card" style="border-color:rgba(248,113,113,0.35);">
  <p style="margin-top:0;">
    <b>Очистити базу даних</b> — видаляє <u>всі замовлення, кошики та клієнтів</u>.
    Товари, категорії, налаштування та адміністраторів не зачіпає.
    Перед видаленням автоматично створюється резервна копія.
  </p>
  <form method="post" action="{{ url_for('admin.system_clear_data') }}"
        style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;"
        onsubmit="return confirm('Ви точно хочете видалити ВСІ замовлення, кошики й клієнтів? Це незворотньо (крім автоматичного бекапу).');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <div style="flex:1;min-width:220px;">
      <label>Введіть слово <b>ОЧИСТИТИ</b> для підтвердження</label>
      <input type="text" name="confirm" placeholder="ОЧИСТИТИ" autocomplete="off" style="margin:0;">
    </div>
    <button class="btn danger" type="submit" style="flex-shrink:0;">🗑 Очистити базу даних</button>
  </form>
</div>
{% endblock %}