{% extends 'platform_admin/base.html' %}

{% block title %}{{ page_title }}{% endblock %}

{% block dash_content %}
{% include 'platform_admin/partials/page_header.html' %}

<div class="two-col cv-categories-layout" style="align-items:start;">
  <div class="panel" style="padding:24px;">
    <h3 style="font-size:1rem;color:var(--primary);margin:0 0 16px;"><i class="fas fa-plus-circle"></i> Add category</h3>
    <form method="post" action="{% url 'platform_admin:cv_category_create' %}">
      {% csrf_token %}
      <div class="form-group" style="margin-bottom:14px;">
        <label style="font-weight:600;font-size:0.85rem;">Name</label>
        {{ form.name }}
      </div>
      <div class="form-group" style="margin-bottom:14px;">
        <label style="font-weight:600;font-size:0.85rem;">Slug</label>
        {{ form.slug }}
      </div>
      <div class="form-group" style="margin-bottom:14px;">
        <label style="font-weight:600;font-size:0.85rem;">Icon (Font Awesome class)</label>
        {{ form.icon }}
      </div>
      <div class="form-group" style="margin-bottom:14px;">
        <label style="font-weight:600;font-size:0.85rem;">Sort order</label>
        {{ form.sort_order }}
      </div>
      <label style="display:flex;align-items:center;gap:8px;font-size:0.85rem;margin-bottom:16px;">
        {{ form.is_active }} Active
      </label>
      <button type="submit" class="btn btn-primary btn-sm">Create category</button>
    </form>
  </div>

  <div class="panel table-panel">
    <div class="panel-header">
      <h3><i class="fas fa-tags"></i> Categories ({{ categories.count }})</h3>
      <a href="{% url 'platform_admin:cv_library' %}">Open CV library</a>
    </div>
    <table class="data-table cv-categories-table">
      <thead>
        <tr><th>Name</th><th>Slug</th><th>CVs</th><th>Order</th><th>Status</th><th></th></tr>
      </thead>
      <tbody>
        {% for cat in categories %}
        <tr>
          <td><i class="fas {{ cat.icon }}" style="color:var(--secondary);margin-right:6px;"></i> {{ cat.name }}</td>
          <td><code style="font-size:0.78rem;">{{ cat.slug }}</code></td>
          <td>{{ cat.cv_count }}</td>
          <td>{{ cat.sort_order }}</td>
          <td>{% if cat.is_active %}<span class="badge-active">Active</span>{% else %}<span class="badge-draft">Inactive</span>{% endif %}</td>
          <td style="white-space:nowrap;">
            <a href="{% url 'platform_admin:cv_category_edit' pk=cat.pk %}" class="ra-view" title="Edit"><i class="fas fa-edit"></i></a>
            <form method="post" action="{% url 'platform_admin:cv_category_toggle' pk=cat.pk %}" style="display:inline;">
              {% csrf_token %}
              <button type="submit" class="ra-view" title="{% if cat.is_active %}Deactivate{% else %}Activate{% endif %}" style="border:none;background:none;cursor:pointer;">
                <i class="fas fa-{% if cat.is_active %}eye-slash{% else %}eye{% endif %}"></i>
              </button>
            </form>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="6" style="text-align:center;padding:28px;color:var(--text-muted);">No categories yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}