{% extends "base.html" %}
{% block content %}
<div class="row g-3">
  <div class="col-md-3">
    <div class="card shadow-sm">
      <div class="card-body">
        <div class="text-muted">SMTP Hesabı</div>
        <div class="display-6">{{ smtp_count }}</div>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card shadow-sm">
      <div class="card-body">
        <div class="text-muted">Şablon</div>
        <div class="display-6">{{ template_count }}</div>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card shadow-sm">
      <div class="card-body">
        <div class="text-muted">Alıcı Listesi</div>
        <div class="display-6">{{ list_count }}</div>
      </div>
    </div>
  </div>
  <div class="col-md-3">
    <div class="card shadow-sm">
      <div class="card-body">
        <div class="text-muted">Son Kampanyalar</div>
        <div class="small">{{ campaigns|length }} kayıt</div>
      </div>
    </div>
  </div>
</div>

<div class="card shadow-sm mt-4">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span>Son Kampanyalar</span>
    <a class="btn btn-sm btn-primary" href="{{ url_for('campaign_new') }}">Yeni Kampanya</a>
  </div>
  <div class="card-body table-responsive">
    <table class="table table-hover align-middle">
      <thead>
        <tr>
          <th>Ad</th><th>Durum</th><th>Toplam</th><th>Başarılı</th><th>Hatalı</th><th>Oluşturulma</th><th></th>
        </tr>
      </thead>
      <tbody>
      {% for c in campaigns %}
        <tr>
          <td class="fw-semibold">{{ c.name }}</td>
          <td>
            <span class="badge bg-secondary badge-status">{{ c.status }}</span>
          </td>
          <td>{{ c.total }}</td>
          <td>{{ c.sent }}</td>
          <td>{{ c.failed }}</td>
          <td>{{ c.created_at.strftime("%Y-%m-%d %H:%M") }}</td>
          <td><a class="btn btn-sm btn-outline-primary" href="{{ url_for('campaign_detail', campaign_id=c.id) }}">Görüntüle</a></td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}