{% extends 'base.html' %}
{% block title %}E-mailtemplates{% endblock %}
{% block content %}
<div class="head">
  <div><div class="kicker">E-mail</div><h1>Templates</h1></div>
  <div class="actions">
    <a class="btn btn-outline-primary" href="{{ url_for('inbox') }}">Inbox</a>
    <a class="btn btn-primary" href="{{ url_for('mail_template_edit') }}">Nieuwe template</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>Onderwerp</th><th>Bijgewerkt</th><th></th></tr></thead>
    <tbody>
    {% for t in rows %}
      <tr class="link" onclick="location='{{ url_for('mail_template_edit', tid=t.id) }}'">
        <td class="stack-title"><a href="{{ url_for('mail_template_edit', tid=t.id) }}">{{ t.name }}</a></td>
        <td data-label="Onderwerp">{{ t.subject }}</td>
        <td data-label="Bijgewerkt" class="muted">{{ t.updated_at|dt }}</td>
        <td class="num"><a class="btn btn-outline-primary btn-sm" href="{{ url_for('mail_new', template=t.id) }}" onclick="event.stopPropagation()">Gebruiken</a></td>
      </tr>
    {% endfor %}
    </tbody>
  </table></div>
  {% else %}<p class="empty">Nog geen templates.</p>{% endif %}
</div></div>
<p class="muted">Kies een template bij een nieuwe e-mail, een antwoord of op de pagina van een contact. Velden tussen accolades,
  zoals {voornaam}, worden ingevuld met de gegevens van het contact, van jou en van het bedrijf.</p>
{% endblock %}