{{define "title"}}Sign in{{end}}
{{define "content"}}
<div style="width:22rem">
  <div style="text-align:center;margin-bottom:2rem">
    <div style="font-size:1.5rem;font-weight:700;color:#f9fafb">mailgosend</div>
    <div style="font-size:.875rem;color:#4b5563;margin-top:.25rem">Sign in to your account</div>
  </div>
  <div style="background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1.5rem">
    {{if .Error}}<div class="flash-err" style="margin-bottom:1rem">{{.Error}}</div>{{end}}
    <form method="POST" action="/login">
      <div class="field">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" required maxlength="254"
               autocomplete="username" autofocus placeholder="you@example.com">
      </div>
      <div class="field">
        <label for="password">Password</label>
        <input type="password" id="password" name="password" required maxlength="1024"
               autocomplete="current-password">
      </div>
      <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;margin-top:.5rem">Sign in</button>
    </form>
  </div>
</div>
{{end}}