{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <h1 class="h1">Care Needs</h1>
    <p class="p">Step 2 of 4 — Tell us what support is needed.</p>
    <div class="sep"></div>
    <form method="post">
      {% csrf_token %}
      {% for field in form %}
        <label class="label">{{ field.label }}</label>
        {{ field }}
        {% for error in field.errors %}<div class="help" style="color:#b91c1c;font-weight:800">{{ error }}</div>{% endfor %}
      {% endfor %}
      <div class="sep"></div>
      <div style="display:flex;gap:10px;flex-wrap:wrap">
        <a class="btn" href="{% url 'website:care_request_step1' %}">Back</a>
        <button class="btn btn-accent" type="submit">Continue</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}