From 1eac57caaab22d40b1df99b272b9f34c795212cc Mon Sep 17 00:00:00 2001
From: Raymond Penners <raymond.penners@intenct.nl>
Date: Thu, 12 Dec 2024 13:20:14 +0100
Subject: [PATCH] fix(example/templates): Render select field properly

---
 .../templates/allauth/elements/field.html     | 27 ++++++++++++++++---
 .../templates/allauth/elements/fields.html    |  2 +-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/examples/regular-django/example/templates/allauth/elements/field.html b/examples/regular-django/example/templates/allauth/elements/field.html
index 2998c59035..d1331de10a 100644
--- a/examples/regular-django/example/templates/allauth/elements/field.html
+++ b/examples/regular-django/example/templates/allauth/elements/field.html
@@ -21,7 +21,7 @@
     </div>
 {% elif attrs.type == "textarea" %}
     <div class="mb-3">
-        <label class="" for="{{ attrs.id }}">
+        <label for="{{ attrs.id }}">
             {% slot label %}
             {% endslot %}
         </label>
@@ -39,10 +39,31 @@
            id="{{ attrs.id }}"
            {% if attrs.value is not None %}value="{{ attrs.value }}"{% endif %}
            type="hidden">
+{% elif attrs.type == "select" %}
+    <div class="{% if attrs.unlabeled %}form-floating{% endif %} mb-3">
+        {% if not attrs.unlabeled %}
+            <label for="{{ attrs.id }}">
+                {% slot label %}
+                {% endslot %}
+            </label>
+        {% endif %}
+        <select id="{{ attrs.id }}" name="{{ attrs.name }}" class="form-select">
+            {% for option in attrs.choices %}
+                <option {% if option.0 == attrs.value %}selected{% endif %}
+                        value="{{ option.0 }}">{{ option.1 }}</option>
+            {% endfor %}
+        </select>
+        {% if attrs.unlabeled %}
+            <label for="{{ attrs.id }}">
+                {% slot label %}
+                {% endslot %}
+            </label>
+        {% endif %}
+    </div>
 {% else %}
     <div class="{% if attrs.unlabeled %}form-floating{% endif %} mb-3">
         {% if not attrs.unlabeled %}
-            <label class="" for="{{ attrs.id }}">
+            <label for="{{ attrs.id }}">
                 {% slot label %}
                 {% endslot %}
             </label>
@@ -60,7 +81,7 @@
                {% if attrs.value is not None %}value="{{ attrs.value }}"{% endif %}
                type="{{ attrs.type }}">
         {% if attrs.unlabeled %}
-            <label class="" for="{{ attrs.id }}">
+            <label for="{{ attrs.id }}">
                 {% slot label %}
                 {% endslot %}
             </label>
diff --git a/examples/regular-django/example/templates/allauth/elements/fields.html b/examples/regular-django/example/templates/allauth/elements/fields.html
index 47fb273eb7..1982840ff6 100644
--- a/examples/regular-django/example/templates/allauth/elements/fields.html
+++ b/examples/regular-django/example/templates/allauth/elements/fields.html
@@ -1,6 +1,6 @@
 {% load allauth %}
 {% for bound_field in attrs.form %}
-    {% element field unlabeled=attrs.unlabeled name=bound_field.name type=bound_field.field.widget.input_type required=bound_field.field.required value=bound_field.value id=bound_field.auto_id errors=bound_field.errors placeholder=bound_field.field.widget.attrs.placeholder tabindex=bound_field.field.widget.attrs.tabindex autocomplete=bound_field.field.widget.attrs.autocomplete style=bound_field.field.widget.attrs.style %}
+    {% element field unlabeled=attrs.unlabeled name=bound_field.name type=bound_field.field.widget.input_type required=bound_field.field.required value=bound_field.value id=bound_field.auto_id errors=bound_field.errors placeholder=bound_field.field.widget.attrs.placeholder tabindex=bound_field.field.widget.attrs.tabindex autocomplete=bound_field.field.widget.attrs.autocomplete style=bound_field.field.widget.attrs.style choices=bound_field.field.choices %}
         {% slot label %}
             {{ bound_field.label }}
         {% endslot %}