{% extends "base.html" %}{% block title %}Domains{% endblock %}{% block body %}
<div class="head"><div><small>HOSTING / DOMAIN CONTROL</small><h1>Domains</h1><p>Primary domains, aliases, subdomains and redirects in one place.</p></div><a class="btn" href="/admin/dns">DNS Manager →</a></div>
<section class="card"><div class="cardhead"><div><small>ADD DOMAIN</small><h2>Create domain mapping</h2></div></div><form class="formgrid" method="post" action="/admin/domains/create"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><label>Account<select name="account_id"><option value="">No hosting account</option>{% for a in accounts %}<option value="{{a.id}}">{{a.username}} · {{a.domain}}</option>{% endfor %}</select></label><label>Domain / Host<input name="domain" placeholder="example.com or shop.example.com" required></label><label>Type<select name="kind"><option value="primary">Primary</option><option value="alias">Alias</option><option value="subdomain">Subdomain</option><option value="redirect">Redirect</option></select></label><label>Parent domain<input name="parent_domain" placeholder="example.com (subdomain only)"></label><label>Target / IP / Path<input name="target" placeholder="Optional target"></label><label>Redirect target<input name="redirect_to" placeholder="target.example.com"></label><div class="action-row" style="align-self:end"><button class="btn">Add Domain</button></div></form></section>
<section class="card"><div class="cardhead"><div><small>DOMAIN INVENTORY</small><h2>Managed domains</h2></div><input class="search" id="domain-search" placeholder="Search domains…"></div><div class="tablewrap"><table><thead><tr><th>Domain</th><th>Type</th><th>Account</th><th>Target</th><th>Status</th><th>Actions</th></tr></thead><tbody>{% for d in domains %}<tr data-domain-row><td><b>{{d.domain}}</b>{% if d.parent_domain %}<small class="muted"> parent: {{d.parent_domain}}</small>{% endif %}</td><td><span class="tag">{{d.kind}}</span></td><td>{{d.username or '—'}}</td><td>{{d.redirect_to or d.target or '—'}}</td><td><span class="{{'ok' if d.enabled else 'muted'}}">● {{'Enabled' if d.enabled else 'Disabled'}}</span></td><td><form style="display:inline" method="post" action="/admin/domains/{{d.id}}/toggle"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><button class="soft">{{'Disable' if d.enabled else 'Enable'}}</button></form> <form style="display:inline" method="post" action="/admin/domains/{{d.id}}/delete" onsubmit="return confirm('Delete {{d.domain}} and its DNS zone?')"><input type="hidden" name="csrf_token" value="{{csrf_token}}"><button class="danger">Delete</button></form></td></tr>{% else %}<tr><td colspan="6" class="empty">No domains yet.</td></tr>{% endfor %}</tbody></table></div></section>
<script>const ds=document.getElementById('domain-search');ds?.addEventListener('input',()=>{const q=ds.value.toLowerCase();document.querySelectorAll('[data-domain-row]').forEach(r=>r.hidden=!r.textContent.toLowerCase().includes(q))});</script>{% endblock %}