{% extends "base.html" %}
{% block title %}Access fee{% endblock %}
{% block content %}
<section class="card form paywall">
  <h1>Unlock nanny profiles</h1>
  <p class="muted">To view nanny profiles and request introductions, pay a one-time access fee of <strong>KES {{ amount|int }}</strong>.</p>

  <div class="alert ok">
    <strong>What you get:</strong>
    <ul>
      <li>Full nanny profile details</li>
      <li>Match reasons and availability</li>
      <li>Request introduction to shortlisted nannies</li>
    </ul>
  </div>
  <div class="alert">
    <strong>Fee arrangement:</strong> You pay KSh 3,000 for a nanny search. An employer may deduct
    KSh 1,500 from a nanny's wages only where Kenyan law permits and the nanny has separately
    agreed in writing. NannyMatch does not make or authorize that wage deduction.
  </div>

  {% if config.get('TESTING') and config.get('DEMO_PAYMENTS_ENABLED') %}
    <p class="muted">Test mode only: this button simulates a payment and must never be used in production.</p>
    <form method="post" action="{{ url_for('parent_pay') }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <input type="hidden" name="next" value="{{ next_url }}">
      <button class="btn" type="submit">Simulate KES {{ amount|int }} payment (test only)</button>
    </form>
  {% elif pending_payment %}
    <div class="alert" role="status">
      An M-Pesa payment request is awaiting confirmation. Complete the prompt on your phone,
      then <a href="{{ request.full_path }}">refresh this page</a>. Do not start another payment while this one is pending.
    </div>
    <p class="muted">Request #{{ pending_payment.id }} · KES {{ pending_payment.amount|int }}</p>
  {% elif payment_configured %}
    <form method="post" action="{{ url_for('parent_pay') }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <input type="hidden" name="next" value="{{ next_url }}">
      <button class="btn" type="submit">Pay KES {{ amount|int }} with M-Pesa</button>
    </form>
  {% else %}
    <div class="alert error" role="alert">
      Online payment is not available yet. M-Pesa is not configured. No payment has been taken or recorded. Please contact support.
    </div>
  {% endif %}
</section>
{% endblock %}