{% extends "base.html" %}
{% from "_macros.html" import badges, error_list %}
{% block title %}{{ n.full_name }}{% endblock %}
{% block content %}
<p><a href="{{ url_for('index') }}" class="muted">← New search</a></p>

<div class="profile-grid">
  <article class="card">
    <div class="profile-heading">
      {% if n.profile_image %}
      <img class="profile-picture" src="{{ url_for('nanny_profile_photo', nanny_id=n.id) }}" alt="Profile picture of {{ n.full_name }}">
      {% endif %}
      <h1>{{ n.full_name }}</h1>
    </div>
    <p class="muted">{{ n.area }}, {{ n.county }} · {{ NANNY_ARRANGEMENTS[n.arrangement] }}
      {% if n.willing_to_relocate %}· Willing to relocate{% endif %}</p>
    {{ badges(n) }}
    {% if n.status != 'approved' %}<p class="alert error">Status: {{ n.status }} (visible to admins only)</p>{% endif %}

    {% if n.bio %}<p class="bio">{{ n.bio }}</p>{% endif %}

    <dl class="facts">
      <dt>Experience</dt><dd>{{ n.years_experience }} year{{ '' if n.years_experience == 1 else 's' }}</dd>
      <dt>Expected pay</dt><dd>{{ n.expected_salary|kes }} per month</dd>
      <dt>Available from</dt><dd>{{ n.available_from }}</dd>
      <dt>Days</dt><dd>{{ n.days|labels(DAYS)|join(', ') }}</dd>
      <dt>Age groups</dt><dd>{{ n.age_groups|labels(AGE_GROUPS)|join(', ') }}</dd>
      <dt>Skills</dt><dd>{{ (n.skills|labels(SKILLS)|join(', ')) or '—' }}</dd>
      <dt>Languages</dt><dd>{{ n.languages|sort|join(', ') }}</dd>
    </dl>
  </article>

  <aside class="card form">
    <h2>Request an introduction</h2>
    <p class="muted">We never share contact details publicly. Our team will call you to set up a meeting.</p>
    {{ error_list(errors) }}
    {% if n.status == 'approved' %}
    <form method="post" action="{{ url_for('inquire', nanny_id=n.id) }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="hp" aria-hidden="true"><label>Website <input name="website" tabindex="-1" autocomplete="off"></label></div>
      <p class="muted">Requesting as {{ form.get('parent_name') }} · {{ form.get('parent_phone') }}</p>
      <div class="field">
        <label for="message">Anything we should know? (optional)</label>
        <textarea id="message" name="message" rows="4" maxlength="1000">{{ form.get('message', '') }}</textarea>
      </div>
      <button class="btn" type="submit">Request introduction</button>
    </form>
    {% endif %}
  </aside>
</div>
{% endblock %}