{% load themis_tags %}
{% comment %}
Themis override of allauth's fields element. Stock allauth renders
{{ form.as_p }} here, which produces unstyled inputs; this renders each visible
field with DaisyUI form-control markup instead, matching account/login.html.
The widget CSS class is chosen by widget type and applied via the add_class
filter (allauth's generic forms carry no widget classes of their own). Labels
are suppressed when the caller passes unlabeled=True (signup, login-code, etc.).
{% endcomment %}
{% with form=attrs.form %}
    {% if form.non_field_errors %}
        <div class="alert alert-error text-sm">{{ form.non_field_errors }}</div>
    {% endif %}

    {% for field in form.visible_fields %}
        <div class="form-control">
            {% if not attrs.unlabeled %}
                <label class="label" for="{{ field.id_for_label }}">
                    <span class="label-text">{{ field.label }}</span>
                </label>
            {% endif %}
            {% if field.field.widget.input_type == "checkbox" %}
                {{ field|add_class:"checkbox" }}
            {% elif field.field.widget.input_type == "select" %}
                {{ field|add_class:"select select-bordered w-full" }}
            {% elif "textarea" in field.field.widget.template_name %}
                {{ field|add_class:"textarea textarea-bordered w-full" }}
            {% else %}
                {{ field|add_class:"input input-bordered w-full" }}
            {% endif %}
            {% if field.help_text %}
                <span class="label-text-alt opacity-70 mt-1">{{ field.help_text }}</span>
            {% endif %}
            {% if field.errors %}
                <span class="text-error text-sm mt-1">{{ field.errors|striptags }}</span>
            {% endif %}
        </div>
    {% endfor %}

    {% for field in form.hidden_fields %}{{ field }}{% endfor %}
{% endwith %}