{% extends "base.html" %}
{% from "_macros.html" import bar_chart %}
{% block title %}Admin{% endblock %}
{% macro review_form(n, with_decision) %}
<form method="post" action="{{ url_for('admin_update_nanny', nanny_id=n.id) }}" class="admin-actions">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <label class="check"><input type="checkbox" name="id_verified" value="1" {% if n.id_verified %}checked{% endif %}> ID verified</label>
  <label class="check"><input type="checkbox" name="police_clearance" value="1" {% if n.police_clearance %}checked{% endif %}> Police clearance</label>
  <label class="check"><input type="checkbox" name="references_checked" value="1" {% if n.references_checked %}checked{% endif %}> References checked</label>
  {% if with_decision %}
    <button class="btn small" name="action" value="approve" type="submit">Approve</button>
    <button class="btn small danger" name="action" value="reject" type="submit">Reject</button>
  {% else %}
    <button class="btn small" name="action" value="save" type="submit">Save checks</button>
    <button class="btn small danger" name="action" value="reject" type="submit">Remove from search</button>
  {% endif %}
</form>
{% endmacro %}
{% block content %}
<section class="hero dashboard-hero">
  <div class="hero-copy">
    <p class="eyebrow">ADMIN WORKSPACE</p>
    <h1>Operations overview</h1>
    <p>Review nanny applications, work through family introductions, and keep vetting status up to date.</p>
  </div>
</section>

<section class="dashboard-summary">
  <article class="card"><span class="metric-label">Introduction requests</span><strong class="dashboard-number">{{ inquiries|length }}</strong><p class="metric-foot">Awaiting coordination</p></article>
  <article class="card"><span class="metric-label">Pending approval</span><strong class="dashboard-number">{{ pending|length }}</strong><p class="metric-foot">Applications to review</p></article>
  <article class="card"><span class="metric-label">Approved nannies</span><strong class="dashboard-number">{{ approved|length }}</strong><p class="metric-foot">Visible to matching families</p></article>
</section>

<section class="chart-grid" aria-label="Operations charts">
  {{ bar_chart("Introduction requests", "New requests received over the last six months.", inquiry_activity) }}
  {{ bar_chart("Nanny profile status", "Current application and approval totals.", nanny_status) }}
</section>

<section class="dashboard-section">
  <div class="section-heading"><div><h2>Introduction requests</h2><p>Coordinate introductions between parents and nannies.</p></div></div>
  {% if not inquiries %}<p class="muted">No new requests.</p>{% endif %}
  <div class="stack">
    {% for i in inquiries %}
    <article class="card">
      <p><strong>{{ i.parent_name }}</strong> · {{ i.parent_phone }} wants <a href="{{ url_for('nanny_profile', nanny_id=i.nanny_id) }}">{{ i.nanny_name }}</a> ({{ i.nanny_phone }})</p>
      {% if i.hired_at %}<p class="status-pill status-approved">Parent reported hired {{ i.hired_at }} UTC</p>{% endif %}
      {% if i.message %}<p class="bio">{{ i.message }}</p>{% endif %}
      <p class="muted">{{ i.created_at }} UTC</p>
      <form method="post" action="{{ url_for('admin_inquiry_handled', inquiry_id=i.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn small" type="submit">Mark handled</button>
      </form>
    </article>
    {% endfor %}
  </div>
</section>

<section class="dashboard-section">
  <div class="section-heading"><div><h2>Pending approval</h2><p>Review profile information and supporting documents.</p></div></div>
  {% if not pending %}<p class="muted">Nobody is waiting for review.</p>{% endif %}
  <div class="stack">
    {% for n in pending %}
    <article class="card">
      <div class="profile-heading">
        {% if n.profile_image %}<img class="profile-picture small-profile-picture" src="{{ url_for('nanny_profile_photo', nanny_id=n.id) }}" alt="Profile picture of {{ n.full_name }}">{% endif %}
        <h3>{{ n.full_name }}</h3>
      </div>
      <p class="muted">{{ n.phone }}{% if n.email %} · {{ n.email }}{% endif %} · {{ n.area }}, {{ n.county }} · {{ NANNY_ARRANGEMENTS[n.arrangement] }} · {{ n.years_experience }} yrs · {{ n.expected_salary|kes }}</p>
      {% if n.bio %}<p class="bio">{{ n.bio }}</p>{% endif %}
      <p class="muted">Skills: {{ (n.skills|labels(SKILLS)|join(', ')) or '—' }} · Languages: {{ n.languages|sort|join(', ') }}</p>
      {% if documents_by_nanny.get(n.id) %}
      <p>Documents:
        {% for document in documents_by_nanny[n.id] %}
        <a href="{{ url_for('nanny_document', document_id=document.id) }}">{{ DOCUMENT_TYPES[document.document_type] }}</a>{% if not loop.last %}, {% endif %}
        {% endfor %}
      </p>
      {% endif %}
      {{ review_form(n, true) }}
    </article>
    {% endfor %}
  </div>
</section>

<section class="dashboard-section">
  <div class="section-heading"><div><h2>Approved nannies</h2><p>Update verification checks and profile approval.</p></div></div>
  <div class="stack">
    {% for n in approved %}
    <article class="card">
      <div class="profile-heading">
        {% if n.profile_image %}<img class="profile-picture small-profile-picture" src="{{ url_for('nanny_profile_photo', nanny_id=n.id) }}" alt="Profile picture of {{ n.full_name }}">{% endif %}
        <h3><a href="{{ url_for('nanny_profile', nanny_id=n.id) }}">{{ n.full_name }}</a></h3>
      </div>
      <p class="muted">{{ n.phone }} · {{ n.area }} · {{ n.expected_salary|kes }}</p>
      {% if documents_by_nanny.get(n.id) %}
      <p>Documents:
        {% for document in documents_by_nanny[n.id] %}
        <a href="{{ url_for('nanny_document', document_id=document.id) }}">{{ DOCUMENT_TYPES[document.document_type] }}</a>{% if not loop.last %}, {% endif %}
        {% endfor %}
      </p>
      {% endif %}
      {{ review_form(n, false) }}
    </article>
    {% endfor %}
  </div>
</section>
{% endblock %}