<%- include('../partials/head', {title: t.auth.login_title}) %>
<%- include('../partials/nav') %>
<div class="auth-page">
  <div class="auth-card">
    <h2><%= t.auth.login_title %></h2>
    <p class="sub"><%= t.auth.login_sub %></p>
    <%- include('../partials/flash') %>
    <form method="POST" action="/<%= lang %>/login">
      <label><%= t.auth.email %></label>
      <input type="email" name="email" required placeholder="you@company.com" autocomplete="email">
      <label><%= t.auth.password %></label>
      <input type="password" name="password" required placeholder="••••••••" autocomplete="current-password">
      <div class="form-submit">
        <button type="submit" class="btn btn-accent btn-full btn-lg"><%= t.auth.login_btn %></button>
      </div>
    </form>
    <p style="text-align:center;margin-top:20px;font-size:13px;color:var(--dim)">
      <%= t.auth.no_account %> <a href="/<%= lang %>/signup"><%= t.auth.signup_link %></a>
    </p>
  </div>
</div>
<%- include('../partials/footer') %>
</body></html>
