{% extends 'base.html' %}
{% from '_compose.html' import compose %}
{% block title %}Nieuwe e-mail{% endblock %}
{% block content %}
<div class="head">
  <div><a class="label" href="{{ url_for('inbox') }}">← Inbox</a><h1>{{ 'Beantwoorden' if m.reply_to else 'Nieuwe e-mail' }}</h1>
    {% if contact %}<div class="muted">Aan {{ contact.name }}</div>{% endif %}</div>
  <div class="actions"><a class="btn btn-outline-primary" href="{{ url_for('mail_templates') }}">Templates</a></div>
</div>
<div class="card"><div class="card-body">
  {{ compose(m, templates, vars, mailboxes, datalist='mail-contacts') }}
  {% if not templates %}<p class="hint">Nog geen templates. <a href="{{ url_for('mail_template_edit') }}">Maak een template</a> voor berichten die je vaker stuurt.</p>{% endif %}
</div></div>
<datalist id="mail-contacts">{% for c in contacts %}<option value="{{ c.email }}">{{ c.name }}</option>{% endfor %}</datalist>
{% endblock %}