{% load crispy_forms_field %}

<div{% if div.css_id %} id="{{ div.css_id }}"{% endif %} class="tw:mb-3{% 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 }}>
    {% if field.label and form_show_labels %}
        <label for="{{ field.id_for_label }}" class="tw:label {{ label_class }}{% if field.field.required %} requiredField{% endif %}">
            <span class="tw:label-text">{{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}</span>
        </label>
    {% endif %}

    <div{% if field_class %} class="{{ field_class }}"{% endif %}>
        <div class="tw:join tw:w-full{% if input_size %} {{ input_size }}{% endif %}">
            {% if field|is_select %}
                {% if field.errors %}
                    {% crispy_field field 'class' 'tw:select tw:select-bordered tw:select-error tw:join-item tw:flex-grow' %}
                {% else %}
                    {% crispy_field field 'class' 'tw:select tw:select-bordered tw:join-item tw:flex-grow' %}
                {% endif %}
            {% else %}
                {% if field.errors %}
                    {% crispy_field field 'class' 'tw:input tw:input-bordered tw:input-error tw:join-item tw:flex-grow' %}
                {% else %}
                    {% crispy_field field 'class' 'tw:input tw:input-bordered tw:join-item tw:flex-grow' %}
                {% endif %}
            {% endif %}
            {{ buttons|safe }}
        </div>
        {% if field.errors.field_id %}
            {# Django 5.2+ #}
            <div id="{{field.errors.field_id}}_error" class="tw:text-error tw:text-sm tw:mt-1">
        {% else %}
            <div id="{{field.auto_id}}_error" class="tw:text-error tw:text-sm tw:mt-1">
        {% endif %}
            {% for error in field.errors %}
                <p id="error_{{ forloop.counter }}_{{ field.auto_id }}"><small><strong>{{ error }}</strong></small></p>
            {% endfor %}
        </div>
        {% include 'crispy-daisyui/layout/help_text.html' %}
    </div>
</div>