<%- include('../partials/head', { title: 'Admin – Anmeldung' }) %>
<main class="main-area">
  <div class="container-inner" style="max-width: 420px">
    <section class="content-card content-card--padded">
      <h1 class="login-title">Administration</h1>
      <p class="login-sub">Bitte mit Zugangsdaten anmelden.</p>

      <% if (typeof configError !== 'undefined' && configError) { %>
      <p class="login-error">ADMIN_PASSWORD fehlt in der <code>.env</code>-Datei.</p>
      <% } else if (typeof showError !== 'undefined' && showError) { %>
      <p class="login-error">Benutzername oder Passwort ist falsch.</p>
      <% } %>

      <form method="POST" action="/admin/login" class="login-form">
        <input type="hidden" name="next" value="<%= typeof nextUrl !== 'undefined' ? nextUrl : '/admin/certificates' %>" />
        <label>
          Benutzername
          <input type="text" name="username" autocomplete="username" required autofocus />
        </label>
        <label>
          Passwort
          <input type="password" name="password" autocomplete="current-password" required />
        </label>
        <button class="btn login-submit" type="submit">Anmelden</button>
      </form>
    </section>
  </div>
</main>
<%- include('../partials/foot') %>
