{% extends "base.html" %}
{% block title %}Approvals{% endblock %}
{% block content %}
<div class="page-head">
  <div><h1>Approvals</h1><p class="muted">Emails from automations you've asked to check before they go out.</p></div>
</div>
{% for d in drafts %}
  <div class="card">
    <div class="page-head" style="margin-bottom:12px">
      <div><h2 style="margin:0">{{ d.subject }}</h2>
        <span class="muted small">{{ d.workflow.get('name', d.workflow.id) }} · {{ names.get(d['from'], d['from']) }} → {{ d['to'] }}</span></div>
      <div class="actions">
        <form class="inline" method="post" action="{{ url_for('queue_action', queue_id=d.id, action='cancel') }}" data-confirm="Discard this email?"><button class="btn danger">Discard</button></form>
        <form class="inline" method="post" action="{{ url_for('queue_action', queue_id=d.id, action='approve') }}"><button class="btn primary">{{ icon("check") }} Approve &amp; Send</button></form>
      </div>
    </div>
    {% if d.issues %}<div class="banner" style="margin-bottom:12px"><b>Held back because:</b><ul style="margin:6px 0 0">{% for i in d.issues %}<li>{{ i }}</li>{% endfor %}</ul></div>{% endif %}
    <div class="preview msg"><iframe data-autosize src="{{ url_for('draft_html', queue_id=d.id) }}"></iframe></div>
  </div>
{% else %}
  <div class="card empty">{{ icon("check", 22) }}Nothing waiting for approval.</div>
{% endfor %}
{% endblock %}