{% extends 'admin/base_site.html' %}
{% block title %}Categories{% endblock %}
{% block page_title %}Category Management{% endblock %}
{% block nav_categories %}active{% endblock %}

{% block topbar_actions %}
<a href="{% url 'admin_categories:category_create' %}" class="btn btn-gradient btn-sm">+ Create Category</a>
{% endblock %}

{% block content %}
<div class="table-wrap">
  <table>
    <thead>
      <tr>
        <th>#</th>
        <th>Title</th>
        <th>Level</th>
        <th>Entity</th>
        <th>Parent</th>
        <th>Created By</th>
        <th>Status</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for cat in categories %}
      <tr>
        <td class="text-xs text-muted">{{ forloop.counter }}</td>
        <td style="padding-left: {{ cat.get_level_indent }}rem;">
          {% if cat.parent %}<span class="">&#8627; </span>{% endif %}
          <div class="flex items-center gap-2">
            <a href="{% url 'admin_categories:category_detail' cat.id %}" class="link-accent font-bold text-sm">{{ cat.title }}</a>
          </div>
        </td>
        <td>
          <span class="chip chip-{{ cat.level_type_computed }}">{{ cat.get_level_type_display }}</span>
        </td>
        <td>
          <span class="chip chip-{{ cat.entity_type }}">{{ cat.get_entity_type_display }}</span>
        </td>
        <td class="text-muted text-sm">{{ cat.parent.title|default:"-" }}</td>
        <td class="text-muted text-sm">{{ cat.created_by.username|default:"-" }}</td>
        <td>
          {% if cat.deleted_at %}<span class="chip chip-deleted">Deleted</span>
          {% else %}<span class="chip chip-active">Active</span>{% endif %}
        </td>
        <td>
          <div class="table-actions">
            {% if not cat.deleted_at %}
            <a href="{% url 'admin_categories:category_edit' cat.id %}" class="btn btn-outline btn-sm">Edit</a>
            {% endif %}
            <form method="post" action="{% url 'admin_categories:category_delete' cat.id %}"
                  onsubmit="return confirm('{% if cat.deleted_at %}Restore{% else %}Delete{% endif %} {{ cat.title }}?')">
              {% csrf_token %}
              <button type="submit" class="btn {% if cat.deleted_at %}btn-success{% else %}btn-danger{% endif %} btn-sm">
                {% if cat.deleted_at %}Restore{% else %}Delete{% endif %}
              </button>
            </form>
          </div>
        </td>
      </tr>
      {% empty %}
      <tr><td colspan="10" class="text-center text-muted table-empty-cell">No categories yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<!-- Pagination -->
{% if categories.has_other_pages %}
<div class="panel-pagination">
  {% if categories.has_previous %}
    <a href="?page={{ categories.previous_page_number }}" class="pagination-btn">&larr; Prev</a>
  {% endif %}
  <span class="pagination-info">Page {{ categories.number }} of {{ categories.paginator.num_pages }} &bull; {{ categories.paginator.count }} total</span>
  {% if categories.has_next %}
    <a href="?page={{ categories.next_page_number }}" class="pagination-btn">Next &rarr;</a>
  {% endif %}
</div>
{% endif %}
{% endblock %}