{% extends "cms/base.html" %}
{% block title %}Plugins{% endblock %}
{% block page_title %}Plugins{% endblock %}

{% block cms_content %}
<div class="cms-section-header">
  <h2>Plugins</h2>
  <a href="{% url 'cms_marketplace_add' %}" class="btn-cms"><i class="fa-solid fa-plus me-1"></i>Add Service</a>
</div>
<div class="cms-card">
  {% if services %}
  <table class="cms-table">
    <thead><tr><th style="width:32px"></th><th>Title</th><th>Category</th><th>Price</th><th>Featured</th><th>Status</th><th>Actions</th></tr></thead>
    <tbody id="sort-tbody">
      {% for svc in services %}
      <tr data-id="{{ svc.pk }}">
        <td class="drag-handle"><i class="fa-solid fa-grip-vertical"></i></td>
        <td>{% if svc.icon_class %}<i class="{{ svc.icon_class }} me-2" style="color:var(--cms-accent)"></i>{% endif %}{{ svc.title }}</td>
        <td><span class="badge-source">{{ svc.get_category_display }}</span></td>
        <td style="font-size:.875rem">{{ svc.price_label|default:"-" }}</td>
        <td>{% if svc.is_featured %}<span class="badge-premium">Yes</span>{% else %}<span style="color:var(--cms-muted)">-</span>{% endif %}</td>
        <td>{% if svc.is_active %}<span class="badge-resolved">Active</span>{% else %}<span class="badge-closed">Off</span>{% endif %}</td>
        <td>
          <a href="{% url 'cms_marketplace_edit' svc.pk %}" class="btn-cms-ghost" style="padding:.3rem .7rem;font-size:.8rem"><i class="fa-solid fa-pen"></i></a>
          <form method="post" action="{% url 'cms_marketplace_delete' svc.pk %}" style="display:inline" onsubmit="return confirm('Delete?')">{% csrf_token %}<button type="submit" class="btn-cms-danger" style="padding:.3rem .7rem"><i class="fa-solid fa-trash"></i></button></form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p style="color:var(--cms-muted);text-align:center;padding:2rem 0">No marketplace services yet. <a href="{% url 'cms_marketplace_add' %}">Add one.</a></p>
  {% endif %}
</div>
{% endblock %}
{% block extra_js %}<script>initDragSort('#sort-tbody','MarketplaceService','{% url "cms_sort_items" %}','{{ csrf_token }}');</script>{% endblock %}