{% extends 'core/base.html' %}

{% block content %}
<div class="page-head page-head-width-850">
    <div>
        <h1>{{ title }}</h1>
        {% if org %}
            <p>{{ org.name }}</p>
        {% endif %}
    </div>

    {% if org %}
        <div class="page-head-actions">
            <a class="button secondary" href="{% url 'org_detail' org.pk %}">Back</a>
        </div>
    {% endif %}
</div>

<div class="form-card">
    <form method="post">
        {% csrf_token %}

        {% for hidden in form.hidden_fields %}
            {{ hidden }}
        {% endfor %}

        {% if form.non_field_errors %}
            <div class="msg error">
                {{ form.non_field_errors }}
            </div>
        {% endif %}

        {% for field in form.visible_fields %}
            <div class="form-field{% if field.field.widget.input_type == 'checkbox' %} boolean-form-field{% endif %}">
                {% if field.field.widget.input_type == 'checkbox' %}
                    {% include 'core/_boolean_toggle.html' with field=field %}
                {% else %}
                    <label for="{{ field.id_for_label }}">
                        {{ field.label }}
                    </label>
                    {{ field }}
                {% endif %}

                {% if field.help_text %}
                    <div class="helptext">{{ field.help_text|safe }}</div>
                {% endif %}

                {% for error in field.errors %}
                    <div class="field-error">{{ error }}</div>
                {% endfor %}
            </div>
        {% endfor %}

        <div class="form-actions">
            <button type="submit">Save</button>
        </div>
    </form>
</div>
{% endblock %}