WIP: Implement profile editing

templates/forms.html.twig

@@ -67,6 +67,19 @@
     {%- endif -%}
 {%- endblock textarea_widget -%}
 
+{%- block checkbox_widget -%}
+    {%- set attr = attr|merge({'class': (attr.class|default('') ~ ' h-4 w-4 rounded border-gray-300 text-primary')|trim }) -%}
+    {%- if errors|length -%}
+        {%- set attr = attr|merge({'class': attr.class|default('') ~ ' ring-red-500 focus:ring-red-500' }) -%}
+    {% else %}
+        {%- set attr = attr|merge({'class': attr.class|default('') ~ ' focus:ring-primary' }) -%}
+    {%- endif -%}
+    {%- if attr.disabled is defined and attr.disabled == true -%}
+        {%- set attr = attr|merge({'class': attr.class|default('') ~ ' cursor-not-allowed' }) -%}
+    {%- endif -%}
+    <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
+{%- endblock checkbox_widget -%}
+
 {%- block choice_widget_collapsed -%}
     {%- set attr = attr|merge({'class': (attr.class|default('') ~ ' block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset sm:text-sm sm:leading-6')|trim }) -%}
     {%- if errors|length -%}
@@ -99,7 +112,7 @@
                         </label>
                     </div>
                     <div class="ml-3 flex h-6 items-center">
-                        <input id="{{ child.vars.id }}" name="{{ child.vars.full_name }}" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary">
+                        {{- form_widget(child) -}}
                     </div>
                 </div>
             {% endfor -%}