{% extends 'base.html' %}
{% block title %}Nieuwsbrieven{% endblock %}
{% block content %}
<div class="head">
  <div><div class="kicker">E-mail</div><h1>Nieuwsbrieven</h1></div>
  <div class="actions">
    <a class="btn btn-outline-primary" href="{{ url_for('segments') }}">Segmenten</a>
    <a class="btn btn-outline-primary" href="{{ url_for('mail_templates') }}">Templates</a>
    <form method="post" action="{{ url_for('campaign_new') }}" class="inline"><button class="btn btn-primary">Nieuwe nieuwsbrief</button></form>
  </div>
</div>
<div class="card"><div class="card-body">
  {% if rows %}
  <div class="table-responsive"><table class="table table-hover table-stack">
    <thead><tr><th>Naam</th><th>Segment</th><th>Van</th><th>Status</th><th class="num">Verzonden</th><th>Gepland</th></tr></thead>
    <tbody>
    {% for c in rows %}
      <tr class="link" onclick="location='{{ url_for('campaign_edit', cid=c.id) }}'">
        <td class="stack-title"><a href="{{ url_for('campaign_edit', cid=c.id) }}">{{ c.name }}</a></td>
        <td data-label="Segment">{{ c.segment_name or '—' }}</td>
        <td data-label="Van">{{ c.mailbox_name or '—' }}</td>
        <td data-label="Status"><span class="chip campaign-{{ c.status }}">{{ CSTATUS.get(c.status, c.status) }}</span></td>
        <td data-label="Verzonden" class="num">{% if c.stats.totaal %}{{ c.stats.verzonden }} / {{ c.stats.totaal }}{% else %}—{% endif %}</td>
        <td data-label="Gepland" class="muted">{{ c.scheduled_at|dt if c.scheduled_at else '' }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table></div>
  {% else %}<p class="empty">Nog geen nieuwsbrieven. Maak eerst een segment (wie krijgt hem) en eventueel een template.</p>{% endif %}
</div></div>
<p class="muted">Nieuwsbrieven gaan per batch de deur uit via de routine "Nieuwsbrieven versturen". Elke mail krijgt een afmeldlink;
  wie zich afmeldt of onbestelbaar blijkt, valt voortaan buiten elk segment.</p>
{% endblock %}