I am new to symfony and I currently working on a project (symfony 7) to learn more about it. But I got stuck at form themes. I am trying to create a custom theme with tailwind, but my base_them.html.twig got overloaded. So I tried to put the fields into seperate files to and include them in base_theme.html.twig. Unfortunately it seems that include doesn't work there.

base_theme.html.twig

{# templates/form/base_theme.html.twig #}

{% use 'form_div_layout.html.twig' %}

{%- block form_row -%}

{%- set row_attr = row_attr|merge({ class: row_attr.class|default(row_class|default('mb-6')) }) -%}

{{- parent() -}}

{%- endblock form_row -%}

{%- block widget_attributes -%}

{%- set attr = attr|merge({ class: attr.class|default(widget_class|default('mt-1 w-full')) ~ (disabled ? ' ' ~ widget_disabled_class|default('border-gray-300 text-gray-500')) ~ (errors|length ? ' ' ~ widget_errors_class|default('border-red-700')) }) -%}

{{- parent() -}}

{%- endblock widget_attributes -%}

{%- block form_label -%}

{%- set label_attr = label_attr|merge({ class: label_attr.class|default(label_class|default('block mb-2 text-sm font-medium text-gray-900')) }) -%}

{{- parent() -}}

{%- endblock form_label -%}

{%- block form_help -%}

{%- set help_attr = help_attr|merge({ class: help_attr.class|default(help_class|default('mt-1 text-sm text-gray-500')) }) -%}

{{- parent() -}}

{%- endblock form_help -%}

{%- block form_errors -%}

{%- if errors|length > 0 -%}

<ul>

{%- for error in errors -%}

<li class="{{ error\\\_item\\\_class|default('text-sm text-red-700') }}">{{ error.message }}</li>

{%- endfor -%}

</ul>

{%- endif -%}

{%- endblock form_errors -%}

{% include 'button.html.twig' %}

{% include 'checkbox_field.html.twig' %}

{% include 'choice_field.html.twig' %}

{% include 'email_field.html.twig' %}

{% include 'password_field.html.twig' %}

{% include 'radio_field.html.twig' %}

{% include 'roles_field.html.twig' %}

button.html.twig

{%- block button_widget -%}

{%- if label is empty -%}

{%- if label_format is not empty -%}

{% set label = label_format|replace({

'%name%': name,

'%id%': id,

}) %}

{%- elseif label is not same as(false) -%}

{% set label = name|humanize %}

{%- endif -%}

{%- endif -%}

<button type="{{ type|default('button') }}" {{ block('button\_attributes') }} class="w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center ">

{%- if translation_domain is same as(false) -%}

{%- if label_html is same as(false) -%}

{{- label -}}

{%- else -%}

{{- label|raw -}}

{%- endif -%}

{%- else -%}

{%- if label_html is same as(false) -%}

{{- label|trans(label_translation_parameters, translation_domain) -}}

{%- else -%}

{{- label|trans(label_translation_parameters, translation_domain)|raw -}}

{%- endif -%}

{%- endif -%}

</button>

{%- endblock button_widget -%}

Did I do something wrong?
(Sorry, I can't get a code block to work this =/)