{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <h1 class="h1">Create Assignment</h1>
    <p class="p">Match a caregiver to a care request and set start/end dates.</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:staff_care_dashboard' %}">Back</a>
        <button class="btn btn-accent" type="submit">Save Assignment</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}