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

{% block topbar_actions %}
<a href="{% url 'admin_categories:category_list' %}" class="btn btn-outline btn-sm">&larr; Back</a>
{% endblock %}

{% block content %}
<div class="panel-form-narrow">
  <div class="card">
    <div class="card-body">
      <form method="post">
        {% csrf_token %}
        <div class="form-group">
          <label class="form-label">Title *</label>
          <input type="text" name="title" value="{{ cat.title|default:'' }}" class="form-input" required>
        </div>
        <div class="form-group">
          <label class="form-label">Slug <span class="text-muted">(auto-generated if blank)</span></label>
          <input type="text" name="slug" value="{{ cat.slug|default:'' }}" class="form-input">
        </div>
        <div class="form-group">
          <label class="form-label">Parent Category <span class="text-muted">(optional)</span></label>
          <select name="parent" class="form-input form-select">
            <option value="">- Root category -</option>
            {% for rc in root_cats %}
            <option value="{{ rc.id }}" {% if cat.parent_id == rc.id %}selected{% endif %}>{{ rc.title }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Level Type</label>
          <select name="level_type" class="form-input form-select">
            {% for value, label in LEVEL_TYPES %}
            <option value="{{ value }}" {% if cat.level_type == value %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Entity Type</label>
          <select name="entity_type" class="form-input form-select">
            {% for value, label in ENTITY_TYPES %}
            <option value="{{ value }}" {% if cat.entity_type == value %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="form-group">
          <label class="form-label">Description</label>
          <textarea name="description" rows="3" class="form-input">{{ cat.description|default:'' }}</textarea>
        </div>
        <div class="flex gap-2 mt-3">
          <button type="submit" class="btn btn-gradient">{{ action }} Category</button>
          <a href="{% url 'admin_categories:category_list' %}" class="btn btn-outline">Cancel</a>
        </div>
      </form>
    </div>
  </div>
  {% if cat %}
  <p class="text-xs text-muted mt-2">
    Created by {{ cat.created_by.username|default:"-" }} on {{ cat.created_at|date:"M d, Y" }}
    {% if cat.updated_by %}&nbsp;&middot;&nbsp; Updated by {{ cat.updated_by.username }} on {{ cat.updated_at|date:"M d, Y" }}{% endif %}
  </p>
  {% endif %}
</div>
{% endblock %}