{{define "title"}}Initial Setup{{end}}
{{define "content"}}
<div class="flex items-center justify-center min-h-screen -mt-6">
  <div style="width:26rem">
    <div class="text-center mb-8">
      <div class="text-2xl font-bold text-white">mailgosend</div>
      <div class="text-gray-400 text-sm mt-1">First-run setup</div>
    </div>
    <div class="card">
      {{if .Error}}<div style="background:#7f1d1d;border:1px solid #991b1b;color:#fca5a5;padding:.625rem .875rem;border-radius:.375rem;margin-bottom:1rem;font-size:.8125rem">{{.Error}}</div>{{end}}
      {{if .Flash}}<div style="background:#064e3b;border:1px solid #065f46;color:#6ee7b7;padding:.625rem .875rem;border-radius:.375rem;margin-bottom:1rem;font-size:.8125rem">{{.Flash}}</div>{{end}}

      <p style="color:#9ca3af;font-size:.8125rem;margin-bottom:1.25rem">
        No admin account exists yet. Create one below to get started.
        This page disappears after the first admin account is created.
      </p>

      <form method="POST" action="/admin/setup" autocomplete="off">
        <div class="field">
          <label for="domain">Primary mail domain</label>
          <input type="text" id="domain" name="domain" required
                 maxlength="253" placeholder="example.com"
                 autocomplete="off">
          <div style="font-size:.7rem;color:#4b5563;margin-top:.25rem">Domain this server receives mail for.</div>
        </div>
        <div class="field">
          <label for="email">Admin email address</label>
          <input type="email" id="email" name="email" required
                 maxlength="254" placeholder="admin@example.com"
                 autocomplete="off">
        </div>
        <div class="field">
          <label for="password">Password (min 8 characters)</label>
          <input type="password" id="password" name="password" required
                 minlength="8" maxlength="1024"
                 autocomplete="new-password">
        </div>
        <div class="field">
          <label for="confirm_password">Confirm password</label>
          <input type="password" id="confirm_password" name="confirm_password" required
                 maxlength="1024" autocomplete="new-password">
        </div>
        <button type="submit" class="btn btn-primary mt-2" style="width:100%">
          Create admin account
        </button>
      </form>
    </div>
  </div>
</div>
{{end}}