{% load crispy_forms_tags %}
{% load crispy_forms_utils %}
{% load crispy_forms_field %}
{% load currency_filters %}

{% specialspaceless %}

    {% if formset_method|lower == 'post' and not disable_csrf %}
        {% csrf_token %}
    {% endif %}

    <!-- Hide number input spinners for this formset -->
    <style>
      /* Chrome, Safari, Edge, Opera */
      #add-rows-here input[type=number]::-webkit-outer-spin-button,
      #add-rows-here input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      /* Firefox (and generic) */
      #add-rows-here input[type=number] {
        -moz-appearance: textfield;
        appearance: textfield;
      }
    </style>

    <div>
        {{ formset.management_form|crispy }}
    </div>

    <table{% if form_id %} id="{{ form_id }}_table"{% endif%} class="table table-striped table-sm">
        <thead>
            {% if formset.readonly and not formset.queryset.exists %}
            {% else %}
                <tr>
                    {% for field in formset.forms.0 %}
                        {% if field.label and not field.is_hidden %}
                            <th for="{{ field.auto_id }}" class="col-form-label {% if field.field.required %}requiredField{% endif %}">
                                {{ field.label }}{% if field.field.required and not field|is_checkbox %}<span class="asteriskField">*</span>{% endif %}
                            </th>
                        {% endif %}
                    {% endfor %}
                </tr>
            {% endif %}
        </thead>

        <tbody id="add-rows-here">
            <tr class="d-none empty-form">
                {% for field in formset.empty_form %}
                    {% if field.is_hidden %}
                        {{ field }}
                    {% elif field.name == 'amount' %}
                        <td>
                            <div class="input-group input-group-sm">
                                <span class="input-group-text">{{ invoice.currency_symbol }}</span>
                                {% crispy_field field 'class' 'text-end' %}
                                <span class="input-group-text">.00</span>
                            </div>
                        </td>
                    {% else %}
                        {% include 'bootstrap5/field.html' with tag="td" form_show_labels=False %}
                    {% endif %}
                {% endfor %}
            </tr>

            {% for form in formset %}
                {% if form_show_errors and not form.is_extra %}
                    {% include "bootstrap5/errors.html" %}
                {% endif %}

                <tr class='adjustment-form'>
                    {% for field in form %}
                        {% if field.is_hidden %}
                            {{ field }}
                        {% elif field.name == 'amount' %}
                            <td>
                                <div class="input-group input-group-sm">
                                    <span class="input-group-text">{{ invoice.currency_symbol }}</span>
                                    {% crispy_field field 'class' 'text-end' %}
                                    <span class="input-group-text">.00</span>
                                </div>
                            </td>
                        {% else %}
                            {% include 'bootstrap5/field.html' with tag="td" form_show_labels=False %}
                        {% endif %}
                    {% endfor %}
                </tr>
            {% endfor %}
        </tbody>
    </table>

    {% include "bootstrap5/inputs.html" %}

{% endspecialspaceless %}