<%- include('partials/head') %>
<%- include('partials/header') %>

<main>
  <section class="section">
    <div class="container">
      <div class="form-card">
        <h1>Welcome back</h1>
        <p style="color:var(--muted); font-size:14px; margin:8px 0 24px;">Sign in to your TOUS CINO account.</p>
        <% if (error) { %><div class="form-error"><%= error %></div><% } %>
        <form method="post" action="/account/login">
          <input type="hidden" name="next" value="<%= next %>">
          <div class="form-field"><label for="email">Email</label><input id="email" name="email" type="email" required></div>
          <div class="form-field"><label for="password">Password</label><input id="password" name="password" type="password" required></div>
          <button class="btn btn-gold btn-block" type="submit">Sign in</button>
        </form>
        <p class="form-note">New here? <a href="/account/register">Create an account</a></p>
        <p class="form-note"><a href="/">← Back to home</a></p>
      </div>
    </div>
  </section>
</main>

<%- include('partials/footer') %>
