{% extends "base.html" %}
{% block title %}دسته‌بندی‌ها{% endblock %}
{% block content %}
<div class="topbar" style="margin:-24px -28px 24px; border-radius:0;">
  <h1>دسته‌بندی‌ها</h1>
  <p>محصولات رو تو دسته‌بندی‌های جدا سازمان‌دهی کن</p>
</div>

<div class="form-card" style="margin-bottom:24px;">
  <form method="POST" style="display:flex; gap:10px; align-items:flex-end;">
    <div class="field" style="flex:1; margin-bottom:0;">
      <label>نام دسته‌بندی جدید</label>
      <input type="text" name="name" placeholder="مثلا: کیف و اکسسوری" required>
    </div>
    <button class="btn btn-primary" type="submit">➕ افزودن</button>
  </form>
</div>

{% if categories %}
<div class="table-wrap">
  <table>
    <thead><tr><th>نام دسته‌بندی</th><th></th></tr></thead>
    <tbody>
      {% for c in categories %}
      <tr>
        <td>
          <form method="POST" action="{{ url_for('category_rename', category_id=c.id) }}" style="display:flex; gap:8px;">
            <input type="text" name="name" value="{{ c.name }}"
                   style="padding:6px 10px; border:1px solid var(--line); border-radius:8px; font-family:inherit; background:var(--canvas); flex:1; max-width:220px;">
            <button class="btn btn-outline btn-sm" type="submit">💾 ذخیره</button>
          </form>
        </td>
        <td>
          <form method="POST" action="{{ url_for('category_delete', category_id=c.id) }}"
                onsubmit="return confirm('حذف این دسته‌بندی، محصولات موجودش رو پاک نمی‌کنه ولی دیگه فیلتر نمیشن. ادامه بدم؟');">
            <button class="btn btn-danger btn-sm" type="submit">🗑 حذف</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="empty-state">
  <div class="icon">🗂</div>
  هنوز دسته‌بندی‌ای نساختی. یکی از فرم بالا اضافه کن.
</div>
{% endif %}
{% endblock %}