{% extends 'admin_panel/base.html' %}
{% block page_title %}Downloadable Forms{% endblock %}
{% block topbar_actions %}<a href="{% url 'analytics:forms_new' %}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> New Form</a>{% endblock %}
{% block content %}
<div class="card-panel"><div class="row g-3">
  {% for f in forms %}
  <div class="col-md-4"><div class="card h-100">
    {% if f.cover %}<img src="{{ f.cover.url }}" class="card-img-top" style="height:160px;object-fit:cover;">{% endif %}
    <div class="card-body">
      <h6>{{ f.title }}</h6>
      <p class="small text-muted">{{ f.description|truncatewords:15 }}</p>
      <small class="text-muted">{{ f.download_count }} downloads · {% if f.is_active %}Active{% else %}Inactive{% endif %}</small>
    </div>
    <div class="card-footer d-flex gap-2">
      <a href="{% url 'analytics:forms_edit' pk=f.pk %}" class="btn btn-sm btn-outline-primary flex-grow-1">Edit</a>
      <form method="post" action="{% url 'analytics:forms_delete' pk=f.pk %}" class="d-inline" onsubmit="return confirm('Delete?');">{% csrf_token %}<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>
    </div>
  </div></div>
  {% empty %}<div class="col-12 text-center text-muted py-4">No forms yet.</div>{% endfor %}
</div></div>
{% endblock %}