{{define "title"}}Relay Accounts{{end}}
{{define "content"}}
<h1 class="text-xl font-bold text-white mb-6">Relay Accounts</h1>

<div class="text-xs text-gray-400 mb-4">
  Relay accounts allow external applications and servers to send mail via this server using SMTP AUTH.
  They have no IMAP mailboxes. Managed per domain — click an account to configure send-as permissions.
</div>

<div class="card" style="padding:0;overflow:hidden">
  {{if .Accounts}}
  <table>
    <thead>
      <tr>
        <th>Username</th>
        <th>Domain</th>
        <th>Display name</th>
        <th>Status</th>
        <th>Description</th>
        <th>Created</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
    {{range .Accounts}}
    <tr>
      <td style="font-family:monospace;font-size:.8rem">
        <a href="/admin/domains/{{.DomainID}}/relayaccount/{{.ID}}" class="text-blue-400 hover:underline">{{.Username}}</a>
      </td>
      <td><a href="/admin/domains/{{.DomainID}}" class="text-gray-400 hover:text-white text-xs">{{.DomainName}}</a></td>
      <td class="text-gray-300">{{.DisplayName}}</td>
      <td>
        {{if .Enabled}}<span class="badge badge-green">active</span>
        {{else}}<span class="badge badge-red">disabled</span>{{end}}
      </td>
      <td class="text-gray-400 text-xs">{{.Description}}</td>
      <td class="text-gray-400 text-xs">{{shortTime .CreatedAt}}</td>
      <td><a href="/admin/domains/{{.DomainID}}/relayaccount/{{.ID}}" class="btn btn-primary btn-sm">Manage</a></td>
    </tr>
    {{end}}
    </tbody>
  </table>
  {{else}}
  <div class="p-8 text-center text-gray-500 text-sm">
    No relay accounts configured. Go to a <a href="/admin/domains" class="text-blue-400 hover:underline">Domain</a> to create one.
  </div>
  {{end}}
</div>

<div class="mt-4 text-xs text-gray-500">
  To create relay accounts, navigate to a domain and use the Relay Accounts section.
  IP relay rules (unauthenticated sending by IP) are also configured per domain.
</div>
{{end}}