{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
  <div class="page-header">
    <div>
      <h1 class="page-title">Dashboard</h1>
      <p class="page-subtitle">Quick overview of your mailing activity</p>
    </div>
    <div class="page-actions">
      <a href="{{ url_for('send_update') }}" class="button button-primary">Send Update</a>
    </div>
  </div>

  <section class="widgets">
    <div class="widget-card">
      <div class="widget-label">Total Subscribers</div>
      <div class="widget-value">{{ counts.total_subscribers }}</div>
    </div>
    <div class="widget-card">
      <div class="widget-label">Newsletters Sent</div>
      <div class="widget-value">{{ counts.total_newsletters }}</div>
    </div>
    <div class="widget-card">
      <div class="widget-label">Sent Today</div>
      <div class="widget-value">{{ counts.sent_today }}</div>
    </div>
  </section>

  {% if emails %}
    <div class="card">
      <div class="table-wrap">
        <table class="table">
          <thead>
            <tr>
              <th>Email Address</th>
            </tr>
          </thead>
          <tbody>
            {% for email in emails %}
              <tr>
                <td>{{ email }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  {% else %}
    <div class="card empty-state">
      <p>No subscribers found.</p>
    </div>
  {% endif %}
{% endblock %}