{% use "application/forms/itop_base_layout.html.twig" %}

{# FORM #}

{%- block form_start -%}
    {%- do form.setMethodRendered() -%}
    {% set method = method|upper %}
    {%- if method in ["GET", "POST"] -%}
        {% set form_method = method %}
    {%- else -%}
        {% set form_method = "POST" %}
    {%- endif -%}
    {%- set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-form ibo-form-' ~ display)}) -%}
    <form is="itop-form-element" {% if name != '' %} name="{{ name }}"{% endif %} method="{{ form_method|lower }}"{% if action != '' %} action="{{ action }}"{% endif %}{{ block('attributes') }}{% if multipart %} enctype="multipart/form-data"{% endif %}>
    {%- if form_method != method -%}
        <input type="hidden" name="_method" value="{{ method }}" />
    {%- endif -%}
{%- endblock form_start -%}

{%- block form_end -%}
    {%- if not render_rest is defined or render_rest -%}
        {{ form_rest(form) }}
    {%- endif -%}
</form>
{%- endblock form_end -%}

{# ROWS #}

{%- block form_rows -%}

    {% for block in blocks %}
        {% if block.added == 1 and form[block.name] != null %}
            {% set row_attr = row_attr|merge({id: 'turbo_' ~ block.id }) %}
            {{ form_row(form[block.name], {row_attr: row_attr}) }}
        {% else %}
            <div id="turbo_{{ block.id }}" class="ibo-field ibo-content-block ibo-block ibo-field-small"></div>
        {% endif %}
    {% endfor %}

{%- endblock form_rows -%}

{%- block form_row -%}
    {% set row_attr = row_attr|merge({class: (row_attr.class|default('') ~ ' ibo-field ibo-content-block ibo-block  ibo-field-small')|trim}) %}
    {{- parent() -}}
{%- endblock form_row -%}

{# WIDGETS #}

{%- block attributes -%}
    {{- parent() -}}
    {%  if impacted_by is not empty  %}
        data-impacted-by="{{ impacted_by|join(',') }}"
    {% endif %}
{%- endblock attributes -%}

{%- block widget_attributes -%}
    {{- parent() -}}
    {%  if trigger_form_submit_on_modify %}
        onChange="this.form.TriggerTurbo(this);"
    {% endif %}
{%- endblock widget_attributes -%}

{%- block form_widget_simple -%}
    {% set ibo_class='ibo-input-type-' ~ type|default('text') %}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input ' ~ ibo_class)|trim}) %}
    {{- parent() -}}
{%- endblock form_widget_simple -%}

{%- block textarea_widget -%}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input-textarea')|trim}) %}
    {{- parent() -}}
{%- endblock textarea_widget -%}

{%- block checkbox_widget -%}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input-type-checkbox ')|trim}) %}
    {{- parent() -}}
{%- endblock checkbox_widget -%}

{%- block radio_widget -%}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input-type-radio ')|trim}) %}
    {{- parent() -}}
{%- endblock radio_widget -%}

{%- block choice_widget_collapsed -%}
    {% set attr = attr|merge({class: (attr.class|default('') ~ ' ibo-input')|trim}) %}
    <select is="choices-element" class="field_autocomplete ibo-input ibo-input-select ibo-input-select-autocomplete ui-autocomplete-input"
        {{ block('widget_attributes') }}
        {% if multiple %} multiple="multiple" {% endif %}
            {% if plugins is not empty %} data-plugins="{{ plugins|json_encode }}" {% endif %}
            {% if max_items_selected is defined %} data-tom-select-max-items-selected="{{ max_items_selected }}" {% endif %}
            {% if disable_auto_complete %} data-tom-select-disable-auto-complete=true {% endif %}
            {% if placeholder is not none %} hidePlaceholder=false {% endif %}
    >
        {%- if placeholder is not none -%}
            <option value=""{% if placeholder_attr|default({}) %}{% with { attr: placeholder_attr } %}{{ block('attributes') }}{% endwith %}{% endif %}{% if required and value is empty %} selected="selected"{% endif %}>{{ placeholder != '' ? (translation_domain is same as(false) ? placeholder : placeholder|trans({}, translation_domain)) }}</option>
        {%- endif -%}
        {%- if preferred_choices|length > 0 -%}
            {% set options = preferred_choices %}
            {% set render_preferred_choices = true %}
            {{- block('choice_widget_options') -}}
            {%- if choices|length > 0 and separator is not none -%}
                <option disabled="disabled">{{ separator }}</option>
            {%- endif -%}
        {%- endif -%}
        {%- set options = choices -%}
        {%- set render_preferred_choices = false -%}
        {{- block('choice_widget_options') -}}
    </select>
{%- endblock choice_widget_collapsed -%}

{%- block choice_widget_expanded -%}
    <div {{ block('widget_container_attributes') }}>
        {%- for child in form %}
            <div class="ibo-choice-widget-expanded--item">
            {{- form_widget(child) -}}
            {{- form_label(child, null, {translation_domain: choice_translation_domain, no_label_class: true}) -}}
            </div>
        {% endfor -%}
    </div>
{%- endblock choice_widget_expanded -%}

{%- block form_label -%}
    {%- set no_legend_element = inline_display is defined and inline_display  -%}
    {%- if compound is defined and compound and not no_legend_element -%}
        {%- set element = 'legend' -%}
    {%- elseif no_label_class is not defined or not no_label_class -%}
        {% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' ibo-field--label')|trim}) %}
    {%- endif -%}
    {{- parent() -}}
{%- endblock form_label -%}

{%- block form_label_content -%}
    {{- parent() -}}
    <div style="float: right;display: flex;flex-direction: column;align-items: center;row-gap: 3px;">
        <span role="marquee" class="ibo-button--icon fas" style="padding:6px;"></span>
    </div>
{%-endblock form_label_content  -%}


{%- block collection_widget -%}

    {% if prototype is defined and not prototype.rendered %}
        {%- set prototype_html = '<collection-entry-element data-allow-delete="' ~ allow_delete ~ '" data-allow-ordering="' ~ allow_ordering ~'" data-new="true">' ~ form_widget(prototype) ~'</collection-entry-element>' -%}
        {%- set attr = attr|merge({'data-prototype': prototype_html, 'class': name, 'data-index': form|length > 0 ? form|last.vars.name + 1 : 0 }) -%}
    {% endif %}

    <collection-element {{ block('widget_container_attributes') }}>
        {% if allow_add %}
            <button type="button" class="add_item_link ibo-button ibo-button ibo-is-regular " data-collection-holder-class="{{ name }}">{{ button_label|dict_s }}</button>
        {% endif %}
        <div role="list">
            {% for child in form %}
                <collection-entry-element data-allow-delete="{{ allow_delete }}" data-allow-ordering="{{ allow_ordering }}">
                    {{ form_widget(child) }}
                </collection-entry-element>
            {% endfor %}
        </div>

    </collection-element>

{%- endblock collection_widget -%}

{%- block form_errors -%}
    <div id="turbo_error_{{ form.vars.id }}" class="form-error">
        {{- parent() -}}
    </div>
{%- endblock form_errors -%}

{%- block oql_form_widget -%}
    <textarea is="oql-element" {{ block('widget_attributes') }} data-modal-title-text="{{ 'UI:Edit:SearchQuery'|trans }}" data-empty-text="{{ 'Use the search form above to search for objects to be added'|trans }}" data-valid-query-text="{{ 'OQL is valid'|trans }}" data-invalid-query-text="{{ 'OQL is invalid'|trans }}">{{ value }}</textarea>
    <div class="ibo-form-actions">
        {% if with_ai_button %}
            <button class="ibo-button ibo-button ibo-block  ibo-is-alternative ibo-is-neutral " data-role="ibo-button" type="button" name="AI" value="" aria-label="AI">
                <span class="ibo-button--icon fas fa-magic"></span>
                {{ 'UI:Edit:AI'|trans }}
            </button>
        {% endif %}
        {% if with_run_button %}
        <button class="ibo-button ibo-button ibo-block  ibo-is-alternative ibo-is-success" data-role="ibo-button" data-action="run" type="button" name="Run Query" value="" aria-label="Run Query">
            <span class="ibo-button--icon fas fa-play"></span>
            {{ 'UI:Edit:TestQuery'|trans }}
        </button>
        {% endif %}
        {% if with_book_button %}
        <button class="ibo-button ibo-button ibo-block  ibo-is-alternative ibo-is-neutral " data-role="ibo-button" data-action="book" type="button" name="Open Book" value="" aria-label="Open Query Phrases Book">
            <span class="ibo-button--icon fas fa-book"></span>
            {{ 'UI:Edit:QueryBook'|trans }}
        </button>
        {% endif %}
    </div>
{%- endblock oql_form_widget -%}