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

{% block choice_widget_collapsed %}
    {% if 'forfait-dropdown-select' in attr.class|default('') %}
        <div class="forfait-custom-dropdown" data-name="{{ full_name }}" data-placeholder="{{ attr['data-placeholder']|default('Sélectionner...') }}">
            <div class="forfait-dropdown-toggle">
                <span class="forfait-dropdown-text">{{ attr['data-placeholder']|default('Sélectionner...') }}</span>
                <i class="fas fa-chevron-down forfait-dropdown-arrow"></i>
            </div>
            <div class="forfait-dropdown-menu">
                {% for group_label, choice in choices %}
                    {% if choice is iterable %}
                        <div class="forfait-dropdown-group">
                            <div class="forfait-dropdown-group-label">{{ group_label }}</div>
                            {% for nested_choice in choice %}
                                {% set isChecked = nested_choice.value in value %}
                                <div class="forfait-dropdown-item" data-value="{{ nested_choice.value }}" data-forfait-id="{{ nested_choice.value }}">
                                    <input type="checkbox" 
                                           name="{{ full_name }}[]" 
                                           value="{{ nested_choice.value }}" 
                                           id="{{ id }}_{{ loop.index0 }}"
                                           {% if isChecked %}checked{% endif %}>
                                    <label for="{{ id }}_{{ loop.index0 }}">{{ nested_choice.label }}</label>
                                </div>
                            {% endfor %}
                        </div>
                    {% else %}
                        {% set isChecked = choice.value in value %}
                        <div class="forfait-dropdown-item" data-value="{{ choice.value }}" data-forfait-id="{{ choice.value }}">
                            <input type="checkbox" 
                                   name="{{ full_name }}[]" 
                                   value="{{ choice.value }}" 
                                   id="{{ id }}_{{ loop.index0 }}"
                                   {% if isChecked %}checked{% endif %}>
                            <label for="{{ id }}_{{ loop.index0 }}">{{ choice.label }}</label>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}