{% extends "base.html" %}
{% block title %}Mail — {{ title }}{% endblock %}
{% block content %}
<header class="page-head">
  <h1>Mail</h1>
  <p class="muted">Shared mail stack. SPF/MX suggested by default; DKIM/DMARC optional with dismissible warnings.</p>
</header>
{% if error %}<p class="alert error">{{ error }}</p>{% endif %}
{% if ok %}<p class="alert ok">{{ ok }}</p>{% endif %}

{% for w in mail_status.warnings %}
<div class="alert {{ w.level }}">
  <strong>{{ w.title }}</strong>
  <p>{{ w.detail }}</p>
  <form method="post" action="/mail/dismiss/{{ w.key }}" class="inline">
    <button type="submit" class="linkish">Ignore</button>
  </form>
</div>
{% endfor %}

<section class="card-form">
  <h2>DNS defaults</h2>
  <pre class="code">{{ guidance.mx }}
{{ guidance.spf }}
{{ guidance.dmarc }}
# {{ guidance.dkim_note }}
# {{ guidance.ptr_note }}</pre>
</section>

<section class="card-form">
  <h2>Add mailbox</h2>
  <form method="post" action="/mail/mailbox" class="grid-form">
    <label>Email<input name="email" type="email" required placeholder="user@example.com"></label>
    <label>Password<input type="password" name="password" required></label>
    <button type="submit">Add</button>
  </form>
</section>

<section class="card-form">
  <h2>Enable DKIM</h2>
  <form method="post" action="/mail/dkim" class="grid-form">
    <label>Domain<input name="domain" required placeholder="example.com"></label>
    <button type="submit">Generate DKIM</button>
  </form>
  {% if dkim_result %}<pre class="code">{{ dkim_result }}</pre>{% endif %}
</section>

<table class="data">
  <thead><tr><th>Mailboxes</th></tr></thead>
  <tbody>
  {% for m in mailboxes %}
    <tr><td>{{ m }}</td></tr>
  {% else %}
    <tr><td class="muted">No mailboxes yet</td></tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}