{% extends 'base_template/base1.html' %}

{% block content %}
<div class="card mt-4 shadow-sm">
    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
      <h5 class="mb-0">Newsletter Subscribers</h5>
      <span class="badge bg-light text-dark">{{ subscribers|length }} total</span>
    </div>
    <div class="card-body p-0">
      <table class="table table-striped table-hover mb-0">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>Email</th>
            <th>Subscribed On</th>
          </tr>
        </thead>
        <tbody>
          {% if subscribers %}
            {% for sub in subscribers %}
              <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ sub.email }}</td>
                <td>{{ sub.subscribed_at|date:"M d, Y H:i" }}</td>
              </tr>
            {% endfor %}
          {% else %}
            <tr>
              <td colspan="3" class="text-center text-muted py-3">
                No subscribers yet.
              </td>
            </tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
  
{% endblock %}