{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <h1 class="h1">Review & Submit</h1>
    <p class="p">Step 4 of 4 — Confirm your details before submitting.</p>
    <div class="sep"></div>

    <div class="grid grid-2">
      <div class="card soft card-tight">
        <div style="font-weight:900">Client details</div>
        <div class="small">Name: {{ data.step1.full_name }}</div>
        <div class="small">Phone: {{ data.step1.phone }}</div>
        <div class="small">Email: {{ data.step1.email }}</div>
        <div class="small">Location: {{ data.step1.location }}</div>
      </div>
      <div class="card soft card-tight">
        <div style="font-weight:900">Care needs</div>
        <div class="small">Type: {{ data.step2.request_type }}</div>
        <div class="small">Age: {{ data.step2.patient_age }}</div>
        <div class="small">Schedule: {{ data.step2.schedule_notes }}</div>
      </div>
    </div>

    <div class="sep"></div>
    <div class="card soft card-tight">
      <div style="font-weight:900">Needs description</div>
      <div class="small" style="white-space:pre-line">{{ data.step2.care_needs }}</div>
    </div>

    <div class="sep"></div>
    <div class="grid grid-2">
      <div class="card soft card-tight">
        <div style="font-weight:900">Preferences</div>
        <div class="small" style="white-space:pre-line">{{ data.step3.preference_notes }}</div>
      </div>
      <div class="card soft card-tight">
        <div style="font-weight:900">Risk / clinical notes</div>
        <div class="small" style="white-space:pre-line">{{ data.step3.risk_notes }}</div>
      </div>
    </div>

    <div class="sep"></div>
    <form method="post">
      {% csrf_token %}
      <div style="display:flex;gap:10px;flex-wrap:wrap">
        <a class="btn" href="{% url 'website:care_request_step3' %}">Back</a>
        <button class="btn btn-accent" type="submit">Submit Request</button>
      </div>
      <div class="help" style="margin-top:10px">
        Non-emergency notice: If this is an emergency, call your local emergency services.
      </div>
    </form>
  </div>
</section>
{% endblock %}