{% macro query_designer_condition_builder(params) %}
    {% import _self as segmentMacros %}
    {% set params = {
        column_chain_template_selector: '#column-chain-template',
        field_choice_filter_preset: 'querydesigner',
    }|merge(params) %}
    {% set conditionBuilderOptions = {
        fieldsRelatedCriteria: ['condition-item', 'condition-segment'],
    }|merge_recursive(params.conditionBuilderOptions|default({})) %}
    {% set conditionBuilderOptions = update_segment_condition_builder_options(conditionBuilderOptions) %}

    <div class="condition-builder"
         data-page-component-module="oroquerydesigner/js/app/components/condition-builder-component"
         data-page-component-options="{{ conditionBuilderOptions|json_encode }}"
         data-page-component-name="{{ params.componentName|default('condition-builder') }}">
        <div class="row-fluid">
            <div class="criteria-list-container filter-criteria">
                <ul class="criteria-list">
                    {% placeholder segment_criteria_list with {params: params} %}
                    <li class="option" data-criteria="conditions-group">
                        {{ 'oro.query_designer.condition_builder.criteria.conditions_group'|trans }}
                    </li>
                </ul>
            </div>
            <div class="condition-container" data-ignore-form-state-change>
                <div class="drag-n-drop-hint"><div>{{ 'oro.query_designer.condition_builder.drag_n_drop_hint'|trans }}</div></div>
            </div>
        </div>
    </div>
{% endmacro %}

{#
    Renders run button for static segment if allowed

    @param Segment entity
    @param bool    reloadRequired - is page reload required after run
#}
{% macro runButton(entity, reloadRequired = false) %}
    {% import '@OroUI/macros.html.twig' as UI %}
    {% if entity.id and is_granted('EDIT', entity)
        and entity.type.name == constant('Oro\\Bundle\\SegmentBundle\\Entity\\SegmentType::TYPE_STATIC')
    %}
        {{ UI.clientButton({
            'dataUrl': path('oro_api_post_segment_run', { 'id': entity.id }) ,
            'aCss':   'no-hash run-button btn',
            'label' : 'oro.segment.action.refresh'|trans,
            'iCss':   'fa-refresh',
            'dataAttributes': {
                'page-component-module': 'orosegment/js/app/components/refresh-button',
                'page-component-options': {'reloadRequired': reloadRequired}|json_encode,
            }
        }) }}
    {% endif %}
{% endmacro %}

{#
    Render JS code for report/segment init

    @param string   type     segment or report
    @param FormView form
    @param array    entities
    @param array    metadata
#}
{% macro initJsWidgets(type, form, entities, metadata) %}
    {% set widgetOptions = {
        valueSource:                '[data-ftid=' ~ type ~ '_form_definition]',
        entityChoice:               '[data-ftid=' ~ type ~ '_form_entity]',
        entityChangeConfirmMessage: type|replace({'_':'.'}) ~ '.change_entity_confirmation',
        column: {
            editor:        { namePattern: '^' ~ type ~ '_form\\[column\\]\\[([\\w\\W]*)\\]$' },
            form:          '#' ~ type ~ '-column-form',
            itemContainer: '#' ~ type ~ '-column-list .item-container',
            itemTemplate:  '#' ~ type ~ '-column-row'
        },
        select2FieldChoiceTemplate: '#column-chain-template',
        metadata:                   metadata,
    } %}

    {% if type == 'oro_report' %}
        {% set widgetOptions = widgetOptions|merge({
            'grouping': {
                editor: {
                    mapping: { name: 'oro_report_form[grouping][columnNames]' }
                },
                form:          '#oro_report-grouping-form',
                itemContainer: '#oro_report-grouping-list .grouping-item-container',
                itemTemplate:  '#oro_report-grouping-item-row'
            }
        }) %}
    {% endif %}

    {% set widgetOptions = update_segment_widget_options(widgetOptions, type) %}

    <div data-page-component-module="orosegment/js/app/components/segment-component"
         data-page-component-options="{{ widgetOptions|json_encode }}"></div>
{% endmacro %}