{% extends "base.html" %}
{% block title %}Email{% endblock %}
{% block body %}
<div class="head"><div><small>MAIL · POSTFIX + DOVECOT</small><h1>Email System</h1><p>Manage hosted mailboxes, forwarding and autoresponders with real Postfix/Dovecot integration.</p></div><div class="action-row">{% if admin_mode %}<form method="post" action="/admin/email/setup"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><button class="soft">Rebuild Mail Stack</button></form>{% endif %}<span class="task-status {{'completed' if status.healthy else 'failed'}}">{{'MAIL STACK READY' if status.healthy else 'MAIL STACK NOT READY'}}</span></div></div>
<section class="stats"><div class="card stat"><small>MAILBOXES</small><strong>{{mailboxes|length}}</strong><span>Hosted accounts</span></div><div class="card stat"><small>POSTFIX</small><strong>{{'ONLINE' if status.postfix else 'MISSING'}}</strong><span>SMTP transport</span></div><div class="card stat"><small>DOVECOT</small><strong>{{'ONLINE' if status.dovecot else 'MISSING'}}</strong><span>IMAP / POP3 / LMTP</span></div><div class="card stat"><small>OPENDKIM</small><strong>{{'READY' if status.opendkim else 'OPTIONAL'}}</strong><span>DKIM signing</span></div></section>
{% if not status.healthy %}<div class="error">Install Postfix and Dovecot from App Store before creating mailboxes. OpenDKIM is required for the DKIM workflow.</div>{% endif %}
<div class="grid2">
<section class="card"><div class="cardhead"><div><small class="muted">CREATE MAILBOX</small><h2>New mailbox</h2></div></div>
<form class="formgrid" method="post" action="{{'/admin/email/mailbox/create' if admin_mode else '/user/email/mailbox/create'}}">
<input type="hidden" name="csrf_token" value="{{csrf_token}}">
{% if admin_mode %}<label>Hosting account<select name="account_id" id="mail-account" required onchange="filterMailDomains()"><option value="">Select account</option>{% for a in accounts %}<option value="{{a.id}}">{{a.username}}{% if a.domain %} · {{a.domain}}{% endif %}</option>{% endfor %}</select></label>{% endif %}
<label>Mailbox name<input name="local" placeholder="info" required></label>
<label>Domain<select name="domain" id="mail-domain" required>{% if admin_mode %}<option value="">Select account first</option>{% for a in accounts %}{% for d in domains_by_account[a.id] %}<option data-account="{{a.id}}" value="{{d}}" hidden>{{d}}</option>{% endfor %}{% endfor %}{% else %}{% for d in domains %}<option value="{{d}}">{{d}}</option>{% endfor %}{% endif %}</select></label>
<label>Password<input type="password" name="password" minlength="10" required placeholder="10+ characters"></label><label>Quota (MB)<input type="number" name="quota_mb" value="1024" min="1" max="1024000" required></label>
<div class="action-row" style="grid-column:1/-1"><button class="btn">Create mailbox</button></div></form></section>
<section class="card"><div class="cardhead"><div><small class="muted">FORWARDER</small><h2>Mail forwarding</h2></div></div>
<form class="formgrid" method="post" action="{{'/admin/email/forwarder/create' if admin_mode else '/user/email/forwarder/create'}}"><input type="hidden" name="csrf_token" value="{{csrf_token}}">{% if admin_mode %}<label>Hosting account<select name="account_id" required>{% for a in accounts %}<option value="{{a.id}}">{{a.username}}{% if a.domain %} · {{a.domain}}{% endif %}</option>{% endfor %}</select></label>{% endif %}<label>Source<input name="source" placeholder="info@example.com" required></label><label>Destination<input type="email" name="destination" placeholder="owner@example.net" required></label><div class="action-row" style="grid-column:1/-1"><button class="btn">Add forwarder</button></div></form></section>
</div>
<section class="card"><div class="cardhead"><div><small class="muted">MAILBOXES</small><h2>{{'All hosted mailboxes' if admin_mode else 'Your mailboxes'}}</h2></div></div><div class="tablewrap"><table><thead><tr><th>MAILBOX</th><th>QUOTA</th><th>STATUS</th><th>AUTORESPONDER</th><th>ACTIONS</th></tr></thead><tbody>
{% for m in mailboxes %}<tr><td><b>{{m.email}}</b><div class="muted">Created {{m.created_at}}</div></td><td>{{m.quota_mb}} MB</td><td><span class="task-status {{'completed' if m.enabled else 'failed'}}">{{'ENABLED' if m.enabled else 'DISABLED'}}</span></td><td>{{'ON' if m.autoresponder_enabled else 'OFF'}}</td><td><div class="action-row"><form method="post" action="{{'/admin/email/mailbox/%d/action'%m.id if admin_mode else '/user/email/mailbox/%d/action'%m.id}}"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><input type="hidden" name="action" value="toggle"><button class="soft">{{'Disable' if m.enabled else 'Enable'}}</button></form><button class="ghost" type="button" onclick="openModal('pw-{{m.id}}')">Password</button><button class="ghost" type="button" onclick="openModal('quota-{{m.id}}')">Quota</button><button class="ghost" type="button" onclick="openModal('auto-{{m.id}}')">Autoresponder</button><form method="post" action="{{'/admin/email/mailbox/%d/delete'%m.id if admin_mode else '/user/email/mailbox/%d/delete'%m.id}}" onsubmit="return confirm('Delete {{m.email}} and its mailbox data?')"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><button class="danger">Delete</button></form></div></td></tr>
{% else %}<tr><td colspan="5" class="empty"><div class="bigicon">@</div><h2>No mailboxes yet</h2><p>Create a mailbox after Postfix and Dovecot are installed.</p></td></tr>{% endfor %}</tbody></table></div></section>
<section class="card"><div class="cardhead"><div><small class="muted">FORWARDERS</small><h2>Active forwarding rules</h2></div></div><div class="tablewrap"><table><thead><tr><th>SOURCE</th><th>DESTINATION</th><th>STATUS</th><th>ACTION</th></tr></thead><tbody>{% for f in forwarders %}<tr><td><b>{{f.source}}</b></td><td>{{f.destination}}</td><td>{{'ENABLED' if f.enabled else 'DISABLED'}}</td><td><form method="post" action="{{'/admin/email/forwarder/%d/delete'%f.id if admin_mode else '/user/email/forwarder/%d/delete'%f.id}}"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><button class="danger">Delete</button></form></td></tr>{% else %}<tr><td colspan="4" class="empty">No forwarding rules.</td></tr>{% endfor %}</tbody></table></div></section>
<section class="card"><div class="cardhead"><div><small class="muted">SPF / DKIM / DMARC</small><h2>Domain email security</h2></div></div><div class="grid2"><div><p>Generate a real OpenDKIM key for a hosted domain, then publish the selector TXT record through DNS Manager.</p><form method="post" action="/admin/email/dkim"><input type="hidden" name="csrf_token" value="{{csrf_token}}">{% if admin_mode %}<label>Domain<input name="domain" placeholder="example.com" required></label>{% endif %}<button class="soft">Generate DKIM key</button></form></div><div><p>SPF and DMARC starter records can be added to an existing SCpanel DNS zone. Review policy before production use.</p>{% if admin_mode %}<form method="post" action="/admin/email/dns-records"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><label>Domain<input name="domain" placeholder="example.com" required></label><button class="soft">Add SPF + DMARC</button></form>{% endif %}</div></div></section>
{% for m in mailboxes %}
<div class="modal-backdrop" id="pw-{{m.id}}" hidden><div class="modal-card"><button class="modal-close" data-modal-close>×</button><h2>Change password</h2><form method="post" action="{{'/admin/email/mailbox/%d/action'%m.id if admin_mode else '/user/email/mailbox/%d/action'%m.id}}"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><input type="hidden" name="action" value="password"><label>New password<input type="password" name="password" minlength="10" required></label><button class="btn">Change password</button></form></div></div>
<div class="modal-backdrop" id="quota-{{m.id}}" hidden><div class="modal-card"><button class="modal-close" data-modal-close>×</button><h2>Mailbox quota</h2><form method="post" action="{{'/admin/email/mailbox/%d/action'%m.id if admin_mode else '/user/email/mailbox/%d/action'%m.id}}"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><input type="hidden" name="action" value="quota"><label>Quota (MB)<input type="number" name="quota_mb" min="1" max="1024000" value="{{m.quota_mb}}" required></label><button class="btn">Save quota</button></form></div></div>
<div class="modal-backdrop" id="auto-{{m.id}}" hidden><div class="modal-card"><button class="modal-close" data-modal-close>×</button><h2>Autoresponder</h2><form method="post" action="{{'/admin/email/mailbox/%d/action'%m.id if admin_mode else '/user/email/mailbox/%d/action'%m.id}}"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><input type="hidden" name="action" value="autoresponder"><label>Enabled<select name="enabled"><option value="0" {% if not m.autoresponder_enabled %}selected{% endif %}>Disabled</option><option value="1" {% if m.autoresponder_enabled %}selected{% endif %}>Enabled</option></select></label><label>Subject<input name="subject" value="{{m.autoresponder_subject}}" placeholder="Out of office"></label><label>Message<textarea name="message" rows="8" placeholder="I am currently away…">{{m.autoresponder_message}}</textarea></label><button class="btn">Save autoresponder</button></form></div></div>
{% endfor %}
<script>
function filterMailDomains(){const a=document.getElementById('mail-account');const d=document.getElementById('mail-domain');if(!a||!d)return;let n=0;Array.from(d.options).forEach(o=>{if(!o.dataset.account){o.hidden=!!a.value;return}o.hidden=o.dataset.account!==a.value;if(!o.hidden){n++;if(!d.value||d.value!==o.value)d.value=o.value}});if(!n)d.value=''}
</script>
{% endblock %}