{% extends "base.html" %}
{% from "_macros.html" import error_list %}
{% block title %}{% if renewal %}Propose renewal{% else %}Propose placement{% endif %}{% endblock %}
{% block content %}
<section class="hero">
  <h1>{% if renewal %}Propose a renewal{% else %}Placement terms{% endif %} with {{ inquiry.nanny_name }}</h1>
  <p>Enter the terms you have discussed. The nanny must accept before this placement becomes active.</p>
</section>
<div class="alert">
  These platform records help both parties track agreed terms; they are not a signed employment contract or legal advice.
  Confirm a written employment agreement and applicable Kenyan employment requirements separately.
</div>
{{ error_list(errors) }}
<form method="post" class="card form">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <h2>Dates and salary</h2>
  <div class="grid">
    <div class="field">
      <label for="start_date">Placement start date</label>
      <input id="start_date" name="start_date" type="date" min="{{ today }}" value="{{ form.get('start_date', '') }}" required>
    </div>
    <div class="field">
      <label for="end_date">Placement end date</label>
      <input id="end_date" name="end_date" type="date" value="{{ form.get('end_date', '') }}" required>
    </div>
    <div class="field">
      <label for="monthly_salary">Agreed monthly salary (KSh)</label>
      <input id="monthly_salary" name="monthly_salary" type="number" min="3000" max="200000" step="100" value="{{ form.get('monthly_salary', '') }}" required>
    </div>
  </div>
  <div class="field">
    <label for="duties">Agreed duties</label>
    <textarea id="duties" name="duties" rows="4" maxlength="2000" required>{{ form.get('duties', '') }}</textarea>
  </div>
  <h2>Household and safety details</h2>
  <p class="muted">This address and emergency number are shared only with this nanny and the parent who proposed these terms. Do not enter gate codes here.</p>
  <div class="field">
    <label for="family_address">Work location / family address</label>
    <textarea id="family_address" name="family_address" rows="2" maxlength="300" required>{{ form.get('family_address', '') }}</textarea>
  </div>
  <div class="field">
    <label for="emergency_phone">Emergency contact number</label>
    <input id="emergency_phone" name="emergency_phone" type="tel" inputmode="tel" value="{{ form.get('emergency_phone', '') }}" required>
  </div>
  <button class="btn" type="submit">{% if renewal %}Send renewal for acceptance{% else %}Send terms for acceptance{% endif %}</button>
</form>
{% endblock %}