{% 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>

<form method="post" action="{{ url_for('tag_admin.add_category') }}" style="display:flex; gap:10px; margin-bottom:20px;">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <button type="submit" class="btn btn-gold" style="width:190px;">+ افزودن دسته جدید</button>
  <input type="text" name="name" placeholder="نام دسته تگ جدید (مثال: تگ فصلی) ..." style="flex:1;">
</form>

<div style="display:flex; flex-direction:column; gap:16px;">
{% for group in groups %}
  <div class="glass-panel" style="padding:16px 20px;">
    <div style="display:flex; align-items:center; gap:10px;">
      <span class="gold-strong" style="font-size:15px;">{{ group.category.name }}</span>
      <div class="spacer"></div>
      <button type="button" class="btn btn-ghost" onclick="var f=this.nextElementSibling; f.style.display = f.style.display === 'flex' ? 'none' : 'flex';">✎ ویرایش نام</button>
      <form method="post" action="{{ url_for('tag_admin.rename_category', category_id=group.category.id) }}" style="display:none; gap:6px;">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="text" name="name" value="{{ group.category.name }}" style="width:160px;">
        <button type="submit" class="btn btn-gold">ثبت</button>
      </form>
      <form method="post" action="{{ url_for('tag_admin.delete_category', category_id=group.category.id) }}"
            onsubmit="return confirm('آیا از حذف دسته «{{ group.category.name }}» و تمام آیتم‌های آن مطمئن هستید؟');">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button type="submit" class="btn btn-danger">🗑 حذف دسته</button>
      </form>
    </div>

    <div style="display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;">
      {% for tag in group.tags %}
      <div class="tag-chip" style="display:flex; align-items:center; gap:6px;">
        {{ tag.name }}
        <form method="post" action="{{ url_for('tag_admin.delete_tag', tag_id=tag.id) }}" style="display:inline;">
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <button type="submit" style="background:none; border:none; color:var(--danger); cursor:pointer; font-weight:700;" title="حذف">✕</button>
        </form>
      </div>
      {% else %}
      <span class="muted">آیتمی ثبت نشده</span>
      {% endfor %}
    </div>

    <form method="post" action="{{ url_for('tag_admin.add_tag', category_id=group.category.id) }}" style="display:flex; gap:8px; margin-top:12px;">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <button type="submit" class="btn btn-ghost" style="width:120px;">+ افزودن آیتم</button>
      <input type="text" name="name" placeholder="آیتم جدید برای این دسته ..." style="flex:1;">
    </form>
  </div>
{% endfor %}
</div>
{% endblock %}