{% extends 'base.html' %}
{% block content %}
<section class="page-header"><div class="container"><h1>Downloadable Forms</h1><p>Application forms, brochures, and resources.</p></div></section>
<section class="section"><div class="container">
  {% if forms %}
  <div class="row g-4">
    {% for f in forms %}
    <div class="col-md-6 col-lg-4">
      <div class="form-download-card">
        {% if f.cover %}<img src="{{ f.cover.url }}" alt="" class="form-cover">
        {% else %}<div class="form-cover-placeholder"><i class="bi bi-file-earmark-text"></i></div>{% endif %}
        <div class="p-3">
          <h5>{{ f.title }}</h5>
          {% if f.description %}<p class="small text-muted">{{ f.description|truncatewords:20 }}</p>{% endif %}
          <a href="{{ f.get_absolute_url }}" class="btn btn-primary w-100"><i class="bi bi-download"></i> Download</a>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% else %}<p class="text-center text-muted">No forms available yet.</p>{% endif %}
</div></section>
{% endblock %}