{% block form_row %}
    <div class="form-group">
        {{ form_label(form) }}
        {{ form_widget(form) }}
        {{ form_errors(form) }}
    </div>
{% endblock form_row %}

{% block form_label %}
    {% if label is not same as(false) %}
        {% if not compound %}
            {% set label_attr = label_attr|merge({'for': id}) %}
        {% endif %}
        {% if required %}
            {% set label_attr = label_attr|merge({'class': (label_attr.class|default('') ~ ' required')|trim}) %}
        {% endif %}
        <label{% if label_attr %}{% with { attr: label_attr } %}{{ block('attributes') }}{% endwith %}{% endif %}>
            {% if translation_domain is same as(false) or translation_domain is null %}
                {{ label }}
            {% else %}
                {{ label|trans({}, translation_domain) }}
            {% endif %}
            {% if required %}<span class="required">*</span>{% endif %}
        </label>
    {% endif %}
{% endblock form_label %}

{% block form_widget_simple %}
    {% set type = type|default('text') %}
    <input type="{{ type }}" {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %}/>
{% endblock form_widget_simple %}

{% block textarea_widget %}
    <textarea {{ block('widget_attributes') }}>{{ value }}</textarea>
{% endblock textarea_widget %}

{% block choice_widget_collapsed %}
    {% if required and placeholder is none and not placeholder_in_choices and not multiple and (attr.size is not defined or attr.size <= 1) %}
        {% set required = false %}
    {% endif %}
    
    {% if multiple %}
        {# Custom Multi-Select für Tags und Material #}
        <div class="custom-multiselect" data-field-id="{{ id }}">
            <div class="multiselect-display" data-target="{{ id }}">
                <div class="multiselect-selected" id="display-{{ id }}">
                    <span class="multiselect-placeholder">Keine Auswahl</span>
                </div>
                <i class="fas fa-chevron-down multiselect-chevron"></i>
            </div>
            <div class="multiselect-dropdown" id="dropdown-{{ id }}">
                {% if id ends with 'tags' %}
                <div class="multiselect-search">
                    <i class="fas fa-search"></i>
                    <input type="text" placeholder="Tag suchen..." class="search-input" data-field="{{ id }}">
                </div>
                <div class="multiselect-create multiselect-create-hidden">
                    <div class="create-tag-form">
                        <input type="text" placeholder="Tag-Name" class="new-tag-name" data-field="{{ id }}">
                        <input type="color" value="#06b2ed" class="new-tag-color" data-field="{{ id }}">
                        <button type="button" class="btn-create-tag" data-field="{{ id }}">
                            <i class="fas fa-plus"></i> Erstellen
                        </button>
                        <button type="button" class="btn-cancel-tag" data-field="{{ id }}">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>
                {% endif %}
                <div class="multiselect-options">
                    {% for choice in choices %}
                        <label class="multiselect-option" data-field="{{ id }}">
                            <input type="checkbox" 
                                   name="temp-{{ id }}[]" 
                                   value="{{ choice.value }}" 
                                   data-label="{{ choice.label }}"
                                   {% if id ends with 'tags' %}data-color="{{ choice.data.farbe|default('#06b2ed') }}"{% endif %}
                                   {% if value is not empty and choice.value in value %}checked{% endif %}>
                            <span class="option-label">{{ choice.label }}</span>
                        </label>
                    {% endfor %}
                </div>
                {% if id ends with 'tags' %}
                <div class="multiselect-footer">
                    <button type="button" class="btn-add-new-tag" data-field="{{ id }}">
                        <i class="fas fa-plus"></i> Neues Tag erstellen
                    </button>
                </div>
                {% endif %}
            </div>
        </div>
        {# Echtes hidden select für Symfony #}
        <select name="{{ full_name }}" id="{{ id }}" multiple class="hidden-select">
            {% for choice in choices %}
                <option value="{{ choice.value }}" {% if value is not empty and choice.value in value %}selected{% endif %}>{{ choice.label }}</option>
            {% endfor %}
        </select>
    {% else %}
        {# Normales Single-Select #}
        {# Vereinfachte Bedingung: Prüfe ob es ein Material-Feld ist #}
        {# Prüfe ob full_name oder id "material" enthält (aber nicht "materialien" außer im Kontext von auftragMaterialien) #}
        {% set isMaterialField = false %}
        {# Prüfe verschiedene Patterns für Material-Felder - sehr breite Bedingung #}
        {% if full_name matches '/.*\\[material\\].*/' or id matches '/.*\\[material\\].*/' %}
            {% set isMaterialField = true %}
        {% elseif id ends with '_material' %}
            {% set isMaterialField = true %}
        {% elseif id matches '/.*material[^i]/' or id matches '/.*material$/' %}
            {# Prüfe ob es NICHT "materialien" ist (außer im Kontext von auftragMaterialien) #}
            {% if not (id matches '/.*materialien/' and not (id matches '/.*auftragMaterialien/' or full_name matches '/.*auftragMaterialien/')) %}
                {% set isMaterialField = true %}
            {% endif %}
        {% elseif id matches '/.*auftragMaterialien.*material/' or id matches '/.*auftrag.*materialien.*material/' or id matches '/.*auftrag_auftragMaterialien.*material/' %}
            {% set isMaterialField = true %}
        {% elseif full_name matches '/.*auftragMaterialien.*\\[material\\].*/' %}
            {% set isMaterialField = true %}
        {% elseif id matches '/.*auftrag_auftragMaterialien.*material/' %}
            {% set isMaterialField = true %}
        {% endif %}
        <div class="select-wrapper{% if isMaterialField %} material-select-wrapper{% endif %}">
            <select {{ block('widget_attributes') }}{% if multiple %} multiple="multiple"{% endif %}>
                {% if placeholder is not none %}
                    <option value=""{% if required and value is empty %} selected="selected"{% endif %}>
                        {% if placeholder != '' %}
                            {% if translation_domain is same as(false) or translation_domain is null %}
                                {{ placeholder }}
                            {% else %}
                                {{ placeholder|trans({}, translation_domain) }}
                            {% endif %}
                        {% endif %}
                    </option>
                {% endif %}
                {% if preferred_choices|length > 0 %}
                    {% set options = preferred_choices %}
                    {{- block('choice_widget_options') -}}
                    {% if choices|length > 0 and separator is not none %}
                        <option disabled="disabled">{{ separator }}</option>
                    {% endif %}
                {% endif %}
                {% set options = choices %}
                {{- block('choice_widget_options') -}}
            </select>
            
            {% if isMaterialField %}
            <button type="button" class="btn btn-sm btn-secondary btn-create-material btn-create-material-block" data-target="{{ id }}">
                <i class="fas fa-plus"></i> Neues Material erstellen
            </button>
            {# Debug: Zeige ID wenn Material-Feld erkannt wurde #}
            {# <small style="display: block; color: red; margin-top: 0.25rem;">DEBUG: ID={{ id }}, FullName={{ full_name }}, isMaterialField={{ isMaterialField ? 'true' : 'false' }}</small> #}
            <div class="material-create-modal" id="modal-{{ id }}">
                <div class="modal-overlay" data-target="{{ id }}"></div>
                <div class="modal-content">
                    <div class="modal-header">
                        <h3>Neues Material erstellen</h3>
                        <button type="button" class="modal-close" data-target="{{ id }}">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Name <span class="required">*</span></label>
                            <input type="text" class="new-material-name" data-target="{{ id }}" placeholder="z.B. Zapfpistole">
                        </div>
                        <div class="form-group">
                            <label>Komponente (optional)</label>
                            <input type="text" class="new-material-komponente" data-target="{{ id }}" placeholder="z.B. Dispenser">
                        </div>
                        <div class="form-group">
                            <label>Einheit (optional)</label>
                            <input type="text" class="new-material-einheit" data-target="{{ id }}" placeholder="z.B. Stück, kg, m">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary modal-close" data-target="{{ id }}">Abbrechen</button>
                        <button type="button" class="btn btn-primary btn-create-material-submit" data-target="{{ id }}">
                            <i class="fas fa-plus"></i> Erstellen
                        </button>
                    </div>
                </div>
            </div>
            {% endif %}
        </div>
    {% endif %}
{% endblock choice_widget_collapsed %}

{% block choice_widget_options %}
    {% for group_label, choice in options %}
        {%- if choice is iterable and choice is not empty -%}
            <optgroup label="{% if choice_translation_domain is same as(false) or choice_translation_domain is null %}{{ group_label }}{% else %}{{ group_label|trans({}, choice_translation_domain) }}{% endif %}">
                {% set options = choice %}
                {{- block('choice_widget_options') -}}
            </optgroup>
        {%- else -%}
            <option value="{{ choice.value }}"{% if choice.attr %}{% with { attr: choice.attr } %}{{ block('attributes') }}{% endwith %}{% endif %}{% if choice is selectedchoice(value) %} selected="selected"{% endif %}>{% if choice_translation_domain is same as(false) or choice_translation_domain is null %}{{ choice.label }}{% else %}{{ choice.label|trans({}, choice_translation_domain) }}{% endif %}</option>
        {%- endif -%}
    {% endfor %}
{% endblock choice_widget_options %}

{% block money_widget %}
    <div class="money-widget-inline">
        <input type="text" {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %}/>
        <span>{{ money_pattern|replace({ '{{ widget }}': '' })|trim }}</span>
    </div>
{% endblock money_widget %}

{% block date_widget %}
    {% if widget == 'single_text' %}
        {{ block('form_widget_simple') }}
    {% else %}
        <div {{ block('widget_container_attributes') }}>
            {{- date_pattern|replace({
                '{{ year }}':  form_widget(form.year),
                '{{ month }}': form_widget(form.month),
                '{{ day }}':   form_widget(form.day),
            })|raw -}}
        </div>
    {% endif %}
{% endblock date_widget %}

{% block repeated_row %}
    <div class="form-group">
        {{ form_label(form.first) }}
        {{ form_widget(form.first) }}
        {{ form_errors(form.first) }}
    </div>
    <div class="form-group">
        {{ form_label(form.second) }}
        {{ form_widget(form.second) }}
        {{ form_errors(form.second) }}
    </div>
{% endblock repeated_row %}

{% block color_widget %}
    <div class="color-widget-wrapper">
        <input type="color" {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %} class="color-widget-input"/>
        <div class="color-widget-display">
            <div class="color-widget-preview" {% if value %}style="--color-value: {{ value }}"{% else %}style="--color-value: #06b2ed"{% endif %}></div>
            <input type="text" value="{{ value }}" readonly class="color-widget-text"/>
        </div>
    </div>
{% endblock color_widget %}

{% block form_errors %}
    {%- if errors|length > 0 -%}
        <ul class="form-errors">
            {%- for error in errors -%}
                <li class="form-error">{{ error.message }}</li>
            {%- endfor -%}
        </ul>
    {%- endif -%}
{% endblock form_errors %}