{% extends 'base.html' %}
{% block title %}Segmenten{% endblock %}
{% block content %}
<div class="head">
  <div><a class="label" href="{{ url_for('campaigns') }}">← Nieuwsbrieven</a><h1>Segmenten</h1></div>
  <div class="actions"><a class="btn btn-primary" href="{{ url_for('segment_edit') }}">Nieuw segment</a></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 class="num">Ontvangers nu</th><th>Bijgewerkt</th></tr></thead>
    <tbody>
    {% for s in rows %}
      <tr class="link" onclick="location='{{ url_for('segment_edit', sid=s.id) }}'">
        <td class="stack-title"><a href="{{ url_for('segment_edit', sid=s.id) }}">{{ s.name }}</a></td>
        <td data-label="Ontvangers nu" class="num">{{ s.n }}</td>
        <td data-label="Bijgewerkt" class="muted">{{ s.updated_at|dt }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table></div>
  {% else %}<p class="empty">Nog geen segmenten.</p>{% endif %}
</div></div>
<p class="muted">Een segment is een selectie van contacten met een e-mailadres. Afgemelde en onbestelbare adressen tellen nooit mee;
  per e-mailadres gaat er één nieuwsbrief uit.</p>
{% endblock %}