{% extends "base.html" %}
{% from "_macros.html" import error_list %}
{% block title %}Nanny login{% endblock %}
{% block content %}
<div class="auth-layout">
  <aside class="auth-intro">
    <span class="auth-kicker">NannyMatch for caregivers</span>
    <h1>Let families discover the care you provide.</h1>
    <p>Create a thoughtful profile that shows your experience, availability, and the kind of work you’re looking for.</p>
    <ul class="auth-benefits">
      <li><span aria-hidden="true">✓</span><span><strong>Show your experience</strong><small>Highlight your skills, languages, and the ages you’ve cared for.</small></span></li>
      <li><span aria-hidden="true">✓</span><span><strong>Stay in control</strong><small>Your contact details aren’t shown publicly to families.</small></span></li>
      <li><span aria-hidden="true">✓</span><span><strong>Get reviewed fairly</strong><small>Our team reviews profiles before they appear in search.</small></span></li>
    </ul>
    <p class="auth-trust"><span aria-hidden="true">●</span> Your next opportunity starts with your profile</p>
  </aside>

  <section class="card form auth-box auth-form-card">
    <p class="eyebrow">Nanny workspace</p>
    <h2>Welcome back</h2>
    <p class="muted auth-description">Sign in to manage your profile, availability, and updates.</p>
    {{ error_list([error]) if error else '' }}
    <form method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="field">
        <label for="email">Email address</label>
        <input id="email" name="email" type="email" autocomplete="email" value="{{ form.get('email', '') }}" required>
      </div>
      <div class="field">
        <label for="password">Password</label>
        <input id="password" name="password" type="password" autocomplete="current-password" required>
      </div>
      <button class="btn auth-submit" type="submit">Sign in<span aria-hidden="true">→</span></button>
    </form>
    <div class="auth-form-footer">
      <p class="auth-account-links">
        <a href="{{ url_for('forgot_account_password', account_type='nanny') }}">Forgot password?</a>
        <a href="{{ url_for('account_verification', account_type='nanny') }}">Resend verification email</a>
      </p>
      <p>New to NannyMatch? <a href="{{ url_for('nanny_signup') }}">Create your profile</a></p>
    </div>
  </section>
</div>
{% endblock %}