{% load erp_tags %}
{# Log a communication (spec 6.5). Context: engagement, form (LogCommunicationForm), viewer_tz. #}
<form method="post" action="{% url 'erp-crm-engagement-log' engagement.pk %}" novalidate>
  {% csrf_token %}
  {% if form.non_field_errors %}<div class="alert alert-danger text-sm">{% for e in form.non_field_errors %}<p class="mb-0">{{ e }}</p>{% endfor %}</div>{% endif %}
  <div class="row g-2">
    <div class="col-md-4">
      <label for="{{ form.kind.id_for_label }}" class="form-label text-sm">Kind</label>
      {{ form.kind|add_class:"form-control form-control-sm" }}
      {% if form.kind.errors %}<div class="text-danger text-xs mt-1">{{ form.kind.errors.0 }}</div>{% endif %}
    </div>
    <div class="col-md-4">
      <label for="{{ form.direction.id_for_label }}" class="form-label text-sm">Direction</label>
      {{ form.direction|add_class:"form-control form-control-sm" }}
      {% if form.direction.errors %}<div class="text-danger text-xs mt-1">{{ form.direction.errors.0 }}</div>{% endif %}
    </div>
    <div class="col-md-4">
      <label for="{{ form.occurred_at.id_for_label }}" class="form-label text-sm">When <span class="text-secondary text-xs">({{ viewer_tz }})</span></label>
      {{ form.occurred_at|add_class:"form-control form-control-sm" }}
      {% if form.occurred_at.errors %}<div class="text-danger text-xs mt-1">{{ form.occurred_at.errors.0 }}</div>{% endif %}
    </div>
    <div class="col-md-8">
      <label for="{{ form.subject.id_for_label }}" class="form-label text-sm">Subject</label>
      {{ form.subject|add_class:"form-control form-control-sm" }}
      {% if form.subject.errors %}<div class="text-danger text-xs mt-1">{{ form.subject.errors.0 }}</div>{% endif %}
    </div>
    <div class="col-md-4">
      <label for="{{ form.duration_minutes.id_for_label }}" class="form-label text-sm">Duration (minutes)</label>
      {{ form.duration_minutes|add_class:"form-control form-control-sm" }}
      {% if form.duration_minutes.errors %}<div class="text-danger text-xs mt-1">{{ form.duration_minutes.errors.0 }}</div>{% endif %}
    </div>
    <div class="col-12">
      <label for="{{ form.body_text.id_for_label }}" class="form-label text-sm">Notes</label>
      {{ form.body_text|add_class:"form-control form-control-sm" }}
    </div>
    {% if form.participants.field.choices %}
    <fieldset class="col-12">
      <legend class="form-label text-sm mb-1">Participants</legend>
      {% for choice in form.participants %}
      <div class="form-check">
        {{ choice.tag }}
        <label for="{{ choice.id_for_label }}" class="form-check-label text-sm">{{ choice.choice_label }}</label>
      </div>
      {% endfor %}
    </fieldset>
    {% endif %}
    <fieldset class="col-12 mt-2">
      <legend class="text-sm font-weight-bold mb-1">And add a task <span class="text-secondary font-weight-normal">(optional)</span></legend>
      <div class="row g-2">
        <div class="col-md-5">
          <label for="{{ form.next_title.id_for_label }}" class="form-label text-sm">What</label>
          {{ form.next_title|add_class:"form-control form-control-sm" }}
          {% if form.next_title.errors %}<div class="text-danger text-xs mt-1">{{ form.next_title.errors.0 }}</div>{% endif %}
        </div>
        <div class="col-md-3">
          <label for="{{ form.next_due.id_for_label }}" class="form-label text-sm">Due</label>
          {{ form.next_due|add_class:"form-control form-control-sm" }}
        </div>
        <div class="col-md-4">
          <label for="{{ form.next_assignee.id_for_label }}" class="form-label text-sm">Who</label>
          {{ form.next_assignee|add_class:"form-control form-control-sm" }}
        </div>
      </div>
    </fieldset>
  </div>
  <button type="submit" class="btn bg-gradient-primary btn-sm mt-3 mb-0">Log it</button>
</form>