{% extends "base.html" %}
{% load static erp_tags %}

{% block title %}{{ page_title }}{% endblock %}

{% block content %}
<form method="post" novalidate data-submit-once>
  {% csrf_token %}
  {% if next %}<input type="hidden" name="next" value="{{ next }}">{% endif %}

  {# Form sections #}
  {% for section in form_sections %}
  <div class="card mb-4">
    <div class="card-header pb-0 {% if section.collapsible %}cursor-pointer{% endif %}"
         {% if section.collapsible %}data-bs-toggle="collapse" data-bs-target="#section-{{ forloop.counter }}"{% endif %}>
      <div class="d-flex justify-content-between align-items-center">
        <h6 class="mb-0">{{ section.title }}</h6>
        {% if section.collapsible %}
        <i class="fas fa-chevron-down text-xs"></i>
        {% endif %}
      </div>
    </div>
    <div class="{% if section.collapsible %}collapse show{% endif %}" id="section-{{ forloop.counter }}">
      <div class="card-body pt-0">
        <div class="row">
          {% for field_name in section.fields %}
            {% with field=form|get_form_field:field_name %}
            {% if field %}
            <div class="col-md-6 mb-3">
              <label for="{{ field.id_for_label }}" class="form-label text-sm">{{ field.label }}{% if field.field.required %} <span class="text-danger">*</span>{% endif %}</label>
              {% if field.field.widget.input_type == "select" or field.field.widget.template_name == "django/forms/widgets/select.html" %}
                {{ field|add_class:"form-control form-control-sm" }}
              {% elif field.field.widget.input_type == "checkbox" %}
                <div class="form-check">
                  {{ field }}
                  <label for="{{ field.id_for_label }}" class="form-check-label text-sm">{{ field.label }}</label>
                </div>
              {% elif field.field.widget.template_name == "django/forms/widgets/textarea.html" %}
                {{ field|add_class:"form-control form-control-sm" }}
              {% else %}
                {{ field|add_class:"form-control form-control-sm" }}
              {% endif %}
              {% if field.errors %}
              <div class="text-danger text-xs mt-1">{{ field.errors.0 }}</div>
              {% endif %}
              {% if field.help_text %}
              <small class="form-text text-muted text-xs">{{ field.help_text }}</small>
              {% endif %}
            </div>
            {% endif %}
            {% endwith %}
          {% endfor %}
        </div>
      </div>
    </div>
  </div>
  {% endfor %}

  {% if form.definition_sections or form.hidden_definitions %}
  {% include "erp/_definition_fieldsets.html" with wrap_cards=True %}
  {% endif %}

  {# Show any fields not in sections #}
  {% if form.non_field_errors %}
  <div class="alert alert-danger text-sm">
    {% for error in form.non_field_errors %}
    <p class="mb-0">{{ error }}</p>
    {% endfor %}
  </div>
  {% endif %}

  {# Action Bar #}
  <div class="erp-action-bar">
    <div class="d-flex justify-content-end gap-2">
      <a href="{% if next %}{{ next }}{% else %}javascript:history.back(){% endif %}" class="btn btn-outline-secondary btn-sm">Cancel</a>
      <button type="submit" name="_action" value="save" class="btn bg-gradient-primary btn-sm">
        <i class="fas fa-save me-1"></i> Save
      </button>
      <button type="submit" name="_action" value="save_continue" class="btn bg-gradient-info btn-sm">
        Save &amp; Continue Editing
      </button>
    </div>
  </div>
</form>
{% endblock %}

{% block javascripts %}
{% if party_search %}{% include "erp/_party_search_js.html" %}{% endif %}
{% endblock %}