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

{% block form_row -%}
    {%- if compound is defined and compound -%}
        {%- set element = 'fieldset' -%}
    {%- endif -%}
    {%- set widget_attr = {} -%}
    {%- if help is not empty -%}
        {%- set widget_attr = {attr: {'aria-describedby': id ~"_help"}} -%}
    {%- endif -%}
    <{{ element|default('div') }} class="form-group">
        {{- form_label(form) -}}
        {{- form_widget(form) -}}
        {{- form_help(form) -}}
    </{{ element|default('div') }}>
{%- endblock form_row %}

{% block form_label -%}
    {% if label is not same as(false) -%}
        {%- if compound is defined and compound -%}
            {%- set element = 'legend' -%}
            {%- set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' col-form-label')|trim}) -%}
        {%- else -%}
            {%- set label_attr = label_attr|merge({for: id, class: (label_attr.class|default('') ~ ' form-label')|trim}) -%}
        {%- endif -%}
        {% if required -%}
            {% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' required')|trim}) %}
        {%- endif -%}
        {% if label is empty -%}
            {%- if label_format is not empty -%}
                {% set label = label_format|replace({
                    '%name%': name,
                    '%id%': id,
                }) %}
            {%- else -%}
                {% set label = name|humanize %}
            {%- endif -%}
        {%- endif -%}
        {% if translation_domain is not same as (false) %}
            {% set label = label|trans({}, translation_domain) %}
        {% endif %}
        <{{ element|default('label') }}{% if label_attr %}{% with { attr: label_attr } %}{{ block('attributes') }}{% endwith %}{% endif %}>{{ label|raw|parse_icons }}{{- form_errors(form) -}}</{{ element|default('label') }}>
    {%- endif -%}
{%- endblock form_label %}

{#{% block form_widget_simple %}
    {% apply spaceless %}
        {% set style = style|default('') %}
        {% set col_size = col_size|default(12) %}

        {% if attr.simple_col is defined and attr.simple_col is not empty %}
            {% set simple_col = attr.simple_col %}
        {% endif  %}
        {% if attr.col_size is defined and attr.col_size is not empty %}
            {% set col_size = attr.col_size %}
        {% endif %}
        {% if attr.style is defined and attr.style is not empty %}
            {% set style = attr.style %}
        {% endif %}

        {% if simple_col is defined and simple_col %}
            <div class="col-{{ col_size }}-{{ simple_col }}">
        {% endif %}

        {% set type = type|default('text') %}

        {% if style == 'inline' and (attr.placeholder is not defined or attr.placeholder is empty)  and label is not same as (false) %}
            {% if label is empty %}
                {% set attr = attr|merge({ 'placeholder': name|humanize }) %}
            {% else %}
                {% set attr = attr|merge({ 'placeholder': label}) %}
            {% endif %}
        {% endif %}

        {% if static_control is defined and static_control == true %}
            {% set attr = attr|merge({ 'class': (attr.class|default('') ~ ' mb-3-static')|trim }) %}
            <p id="{{ id }}" {%- for attrname, attrvalue in attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>{{ value }}</p>
        {%- else -%}
            {% set attr = attr|merge({ 'class': (attr.class|default('') ~ ' mb-3')|trim }) %}
            <input type="{{ type }}" {{ block('widget_attributes') }} {% if value is not empty and value is not iterable %}value="{{ value }}" {% endif %}>
        {%- endif %}
        {% if simple_col is defined %}
            </div>
        {% endif %}
    {% endapply %}
{% endblock form_widget_simple %}#}

{% block button_widget %}
    {% apply spaceless %}
        {% if label is empty and label is not same as (false) %}
            {% set label = name|humanize %}
        {% endif %}
        {% if type is defined and type == 'submit' %}
            {% set attr = attr|merge({ 'class': (attr.class|default('') ~ ' btn btn-'~button_class|default('primary'))|trim }) %}
        {% else %}
            {% set attr = attr|merge({ 'class': (attr.class|default('') ~ ' btn btn-'~button_class|default('secondary'))|trim }) %}
        {% endif %}
        {% if translation_domain is not same as (false) %}
            {% set label = label|trans({}, translation_domain) %}
        {% endif %}
        {% if as_link is defined and as_link == true %}
            <a {{ block('button_attributes') }}>{% if attr.icon is defined and attr.icon != '' %}{{ icon(attr.icon) }}{% endif -%}{{ label }}</a>
        {% else %}
            <button type="{{ type|default('button') }}" {{ block('button_attributes') }}>{% if attr.icon is defined and attr.icon != '' %}{{ icon(attr.icon) }}{% endif %}{{ label|parse_icons }}</button>
        {% endif %}
    {% endapply %}
{% endblock button_widget %}

{% block submit_widget %}
    {% apply spaceless %}
        {% set type = type|default('submit') %}
        {{ block('button_widget') }}
    {% endapply %}
{% endblock submit_widget %}

{% block reset_widget %}
    {% apply spaceless %}
        {% set type = type|default('reset') %}
        {{ block('button_widget') }}
    {% endapply %}
{% endblock reset_widget %}

{% block form_actions_widget %}
    {% for button in form.children %}
        {{ form_widget(button) }}&nbsp; {# this needs to be here due to https://github.com/twbs/bootstrap/issues/3245 #}
    {% endfor  %}
{% endblock %}

{% block role_widget %}
    {% apply spaceless %}
    <table class="table table-striped table-sm table-hover">
        {#<thead>
            <tr>
                <th></th>
                <th>{{ 'role.full'|trans  }}</th>
            </tr>
        </thead>#}
        <tbody>
            {% for child in form %}
                {% set attr = child.vars.attr %}
                {% set value = child.vars.value %}
                {% set checked = child.vars.checked %}
                {% set full_name = child.vars.full_name %}
                {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-check-input')|trim}) -%}
                {% set id = name|camelize ~ loop.index %}
            <tr>
                <td><label for="{{ id }}">{{ child.vars.label|trans }}<label></td>
                <td>
                    <div class="form-check">
                        <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
                        <label class="form-check-label" for="{{ id }}"></label>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endapply %}
{% endblock %}

{% block static_widget %}
    {%- set attr = attr|merge({class: (attr.class|default('') ~ ' mb-3-plaintext')|trim}) -%}
    <input type="text" readonly {{ block('widget_attributes') }} {% if value is not empty %}value="{{ value }}" {% endif %}/>
{% endblock %}

{#{%- block color_widget -%}
    {%- set type = type|default('text') -%}


    <div class="input-group colorpicker-component colorpicker">
        {{- block('form_widget_simple') -}}
        <div class="input-group-append">
            <span class="input-group-text input-group-addon"><i></i></span>
        </div>
    </div>
{%- endblock color_widget -%}#}

{%- block number_widget -%}
    {%- set type = 'number' -%}
    {%- set attr = attr|merge({'formnovalidate' : 'formnovalidate'}) -%}
    
    {{- block('form_widget_simple') -}}
{%- endblock number_widget -%}

{#{%- block choice_widget_options -%}
    {% for group_label, choice in options %}
        {%- if choice is iterable -%}
            <optgroup label="{{ choice_translation_domain is same as(false) ? group_label|parse_icons : group_label|trans({}, choice_translation_domain)|parse_icons }}">
                {% 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 %}>{{ choice_translation_domain is same as(false) ? choice.label|parse_icons : choice.label|trans({}, choice_translation_domain)|parse_icons }}</option>
        {%- endif -%}
    {% endfor %}
{%- endblock choice_widget_options -%}#}

{% block content_editable_widget %}
{%- set attr = attr|merge({class: (attr.class|default('') ~ ' mb-3')|trim}) -%}
{%- set attr = attr|merge({role: (attr.role|default('') ~ ' textedit')|trim}) -%}
<div contenteditable="true" {{ block('widget_attributes') }}>{{ value }}</div>
{% endblock content_editable_widget %}

{#{% block form_widget_simple -%}
    {% if type is not defined or type != 'hidden' %}
        {% set className = ' mb-3' %}
        {% if type|default('') == 'file' %}
            {% set className = ' custom-file-input' %}
        {% elseif type|default('') == 'range' %}
            {% set className = ' custom-range' %}
        {% endif %}
        {%- set attr = attr|merge({class: (attr.class|default('') ~ className)|trim}) -%}
    {% endif %}
    {%- if type is defined and (type == 'range' or type == 'color') %}
        {# Attribute "required" is not supported #}
        {#{%- set required = false -%}
    {% endif %}
    {{- parent() -}}
{%- endblock form_widget_simple %}#}