{% load bloomerp_form_fields %}

<div{% if div.css_id %} id="{{ div.css_id }}"{% endif %} class="{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}{% if div.css_class %} {{ div.css_class }}{% endif %}" {{ div.flat_attrs|safe }}>
    {% if field.label and form_show_labels %}
        <label for="{{ field.id_for_label }}" class="{% if 'form-horizontal' in form_class %}col-form-label {% endif %}{{ label_class }}{% if field.field.required %} requiredField{% endif %}">
            {{ field.label|safe }}{% if field.field.required %}<span class="text-rose-500">*</span>{% endif %}
        </label>
    {% endif %}

    <div class="flex{% if field_class %} {{ field_class }}{% endif %}">
        {% if field.errors %}
            {% bloomerp_field field "class" "input block w-full !rounded-r-none !border-r-0 !border-danger-dark focus:!border-danger-dark" %}
        {% else %}
            {% bloomerp_field field "class" "input block w-full !rounded-r-none !border-r-0" %}
        {% endif %}
        <span class="{% if field.errors %}border-danger-dark border-r-0 {% else %}border-gray-200 {% endif %}border rounded-xl rounded-l-none bg-gray-200 text-gray-800 flex items-center">{{ buttons|safe }}</span>
        {% include 'tailwind/layout/help_text_and_errors.html' %}
    </div>
</div>