{% extends "base.html" %}
{% block title %}Login{% endblock %}
{% block content %}
<div class="card" style="max-width:460px;margin:40px auto">
  <h1>Welcome back</h1>
  <p class="muted" style="margin-bottom:16px">Log in to your savings account</p>
  <form method="post" style="display:flex;flex-direction:column;gap:12px">
    <div class="field"><label>Email</label><input type="email" name="email" required placeholder="you@example.com"></div>
    <div class="field"><label>Password</label><input type="password" name="password" required></div>
    <button type="submit">Log In</button>
  </form>
  <p class="muted" style="margin-top:14px">New organisation? <a href="{{ url_for('register') }}">Register here</a></p>
</div>
<div class="card" style="max-width:460px;margin:0 auto">
  <h2 style="margin-top:0">Demo logins</h2>
  <table>
    <tr><th>Role</th><th>Email</th><th>Password</th></tr>
    <tr><td>Admin</td><td>admin@demo.com</td><td>admin123</td></tr>
    <tr><td>Member</td><td>member@demo.com</td><td>member123</td></tr>
  </table>
</div>
{% endblock %}