{% load crispy_forms_tags %}

<form method="post"
      class="dlux-form{% if form.extra_form_class %} {{ form.extra_form_class }}{% endif %}"
      action="{{ request.path }}{% if request.GET %}?{{ request.GET.urlencode }}{% endif %}"
      {% if form.is_multipart %}enctype="multipart/form-data"{% endif %}
      {% if form.dlux_system_preview_counts %}data-dlux-allowed-theme-count="{{ form.dlux_system_preview_counts.allowed_themes }}" data-dlux-language-count="{{ form.dlux_system_preview_counts.languages }}"{% endif %}
      {% if wizard_initial_step is not None %}data-dlux-wizard-initial-step="{{ wizard_initial_step }}"{% endif %}
      {% if form.dlux_unsaved_guard %}data-dlux-unsaved-guard{% endif %}
      {% if sticky_app_label and sticky_model_name %}data-app-label="{{ sticky_app_label }}" data-model-name="{{ sticky_model_name }}"{% endif %}>
    {% csrf_token %}
    {% crispy form %}
    {% if not hide_form_buttons %}
        <div class="dlux-form-actions{% if form.dlux_footer_bound_fields %} dlux-form-actions--with-fields{% endif %} mt-3 pt-3 border-top">
            {% if form.dlux_footer_bound_fields %}
                <div class="dlux-form-footer-fields">
                    {% for footer_field in form.dlux_footer_bound_fields %}
                        {{ footer_field|as_crispy_field }}
                    {% endfor %}
                </div>
                <div class="dlux-form-action-buttons">
            {% endif %}
            {% if instance %}
                <button type="submit" class="dlux-form-action dlux-form-action-primary" aria-label="{{ DLUX_STRINGS.btn_update|default:'Update' }}" title="{{ DLUX_STRINGS.btn_update|default:'Update' }}">
                    <span class="dlux-form-action-icon"><i class="bi bi-check-lg" aria-hidden="true"></i></span>
                    <span class="visually-hidden">{{ DLUX_STRINGS.btn_update|default:"Update" }}</span>
                </button>
                <button type="button" class="dlux-form-action dlux-form-action-neutral dynamic-back-btn" aria-label="{{ DLUX_STRINGS.btn_cancel|default:'Cancel' }}" title="{{ DLUX_STRINGS.btn_cancel|default:'Cancel' }}">
                    <span class="dlux-form-action-icon"><i class="bi bi-x-lg" aria-hidden="true"></i></span>
                    <span class="visually-hidden">{{ DLUX_STRINGS.btn_cancel|default:"Cancel" }}</span>
                </button>
            {% else %}
                <button type="submit" class="dlux-form-action dlux-form-action-primary" aria-label="{{ DLUX_STRINGS.btn_add_new|default:'Add' }}" title="{{ DLUX_STRINGS.btn_add_new|default:'Add' }}">
                    <span class="dlux-form-action-icon"><i class="bi bi-check-lg" aria-hidden="true"></i></span>
                    <span class="visually-hidden">{{ DLUX_STRINGS.btn_add_new|default:"Add" }}</span>
                </button>
            {% endif %}
            {% if form.dlux_footer_bound_fields %}</div>{% endif %}
        </div>
    {% endif %}
</form>