{% block oro_order_address_type_widget %}
    {% if form.parent is not empty %}<div {{ block('widget_container_attributes') }}>{% endif %}
        {% if form.customerAddress is defined %}
            {{ form_row(form.customerAddress) }}
        {% endif %}
        {{ form_row(form.id) }}
        {{ form_row(form.label, {label: 'oro.order.orderaddress.label.label'}) }}
        {{ form_row(form.namePrefix, {label: 'oro.order.orderaddress.name_prefix.label'}) }}
        {{ form_row(form.firstName, {label: 'oro.order.orderaddress.first_name.label'}) }}
        {{ form_row(form.middleName, {label: 'oro.order.orderaddress.middle_name.label'}) }}
        {{ form_row(form.lastName, {label: 'oro.order.orderaddress.last_name.label'}) }}
        {{ form_row(form.nameSuffix, {label: 'oro.order.orderaddress.name_suffix.label'}) }}
        {{ form_row(form.organization, {label: 'oro.order.orderaddress.organization.label'}) }}
        {{ form_row(form.country, {label: 'oro.order.orderaddress.country.label'}) }}
        {{ form_row(form.street, {label: 'oro.order.orderaddress.street.label'}) }}
        {{ form_row(form.street2, {label: 'oro.order.orderaddress.street2.label'}) }}
        {{ form_row(form.city, {label: 'oro.order.orderaddress.city.label'}) }}
        {{ form_row(form.region_text, {label: 'oro.order.orderaddress.region_text.label'}) }}
        {{ form_row(form.region, {label: 'oro.order.orderaddress.region.label'}) }}
        {{ form_row(form.postalCode, {label: 'oro.order.orderaddress.postal_code.label'}) }}
        {{ form_row(form.phone, {label: 'oro.order.orderaddress.phone.label'}) }}
        {{ form_rest(form) }}
    {% if form.parent is not empty %}</div>{% endif %}
{% endblock %}

{% macro oro_order_line_items_collection_item_prototype(widget, attributes) %}
    {% if 'collection' in widget.vars.block_prefixes %}
        {% set form = widget.vars.prototype %}
        {% set name = widget.vars.full_name ~ '[' ~ widget.vars.prototype.vars.name ~ ']' %}
        {% set disabled = widget.vars.disabled %}
        {% set allow_delete = widget.vars.allow_delete %}
    {% else %}
        {% if widget.vars.disallow_delete is defined and widget.vars.disallow_delete %}
            {% set allow_delete = false %}
        {% else %}
            {% set allow_delete = widget.parent.vars.allow_delete %}
        {% endif %}
        {% set form = widget %}
        {% set name = widget.vars.full_name %}
        {% set disabled = widget.parent.vars.disabled %}
    {% endif %}

    {% set page_component_options = form.vars.page_component_options|merge({
        'disabled': not allow_delete
    }) %}

    <tr data-content="{{ name }}"
        {% if form.vars.value is not empty %}data-validation-ignore{# item is only validated once it got changed #}{% endif %}
        {{ attributes }}
        class="order-line-item oro-item-collection__row--align-top"
        data-page-component-module="{{ form.vars.page_component }}"
        data-page-component-options="{{ page_component_options|json_encode }}"
        data-layout="separate">
        {{ form_widget(form) }}

        {% if allow_delete %}
            <td class="order-line-item-remove">
                <button type="button" class="removeLineItem btn btn-icon btn-square-lighter" aria-label="{{ 'Remove row'|trans }}"><span class="fa-trash-o" aria-hidden="true"></span></button>
            </td>
        {% elseif widget.parent.vars.allow_delete %}
            <td></td>
        {% endif %}
    </tr>
{% endmacro %}

{% block oro_order_line_items_collection_widget %}
    {% import _self as fields %}

    {% apply spaceless %}
        {% set widgetContainerAttributes %}
            {% with {'id': '', 'attr': []} %}{{ block('widget_container_attributes') }}{% endwith %}
        {% endset %}
        {% if prototype is defined %}
            {% set prototype_html = fields.oro_order_line_items_collection_item_prototype(form, widgetContainerAttributes) %}
        {% endif %}
        {% set attr = attr|merge({'class': (attr.class is defined ? attr.class ~ ' ' : '') ~ 'oro-item-collection grid-container' }) %}
        {% set id = id ~ '_collection' %}
        <div class="row-oro">
            {% set prototype_name = form.vars.prototype_name %}
            <div {{ block('widget_container_attributes') }}>
                <input type="hidden" name="validate_{{ full_name }}" data-collection-name="{{ full_name }}" data-name="collection-validation" disabled data-validate-element>
                <table class="grid grid-main-container table-hover table table-bordered table-condensed order-line-items-table">
                    <thead>
                    <tr>
                        <th class="order-line-item-sku"><span>{{ 'oro.product.sku.label'|trans }}</span></th>
                        <th class="order-line-item-type"><span>{{ 'oro.product.entity_label'|trans }}</span></th>
                        {% if form.vars.prototype.vars.sections is defined and form.vars.prototype.vars.sections|length %}
                            {% for sectionName, section in form.vars.prototype.vars.sections %}
                                {% set label = section.label|default('oro.order.orderlineitem.%s.label'|format(sectionName)) %}
                                <th class="{{ 'order-line-item-%s'|format(sectionName) }}">
                                    <span>{{ label|trans }}</span>
                                </th>
                            {% endfor %}
                        {% endif %}
                        {% if form.vars.allow_delete %}
                            <th class="order-line-item-actions"></th>
                        {% endif %}
                    </tr>
                    </thead>
                    <tbody data-last-index="{{ form.children|length}}" data-prototype-name="{{ prototype_name }}"{% if prototype_html is defined %} data-prototype="{{ prototype_html|escape }}"{% endif %}>
                    {% if form.children|length %}
                        {% for child in form.children %}
                            {{ fields.oro_order_line_items_collection_item_prototype(child, widgetContainerAttributes) }}
                        {% endfor %}
                    {% elseif show_form_when_empty and prototype_html is defined %}
                        {{ prototype_html|replace({(prototype_name): '0'})|raw }}
                    {% endif %}
                    </tbody>
                </table>
            </div>

            {% if allow_add %}
                <button type="button" class="btn add-list-item" data-container=".oro-item-collection tbody">{{ form.vars.add_label|default('oro.form.collection.add')|trans }}</button>
            {% endif %}
        </div>
    {% endapply %}
{% endblock %}

{% block oro_order_line_item_widget %}
    {% import _self as fields %}
    {% import '@OroUI/macros.html.twig' as UI %}

    <td class="order-line-item-sku">
        <div class="order-line-item-type-product">
            {% if form.vars.value is not empty %}
                {{ form.vars.value.productSku }}
            {% endif %}
        </div>
        <div class="order-line-item-type-free-form" style="display: none;">
            {{ form_widget(form.productSku) }}
            {{ form_errors(form.productSku) }}
        </div>
    </td>
    <td class="order-line-item-type">
        <div class="fields-row">
            <div class="order-line-item-type-product">
                {{ form_widget(form.product) }}
                {{ form_errors(form.product) }}
                <a class="order-line-item-type-free-form" href="#">{{ 'oro.order.orderlineitem.select.free_form'|trans }}</a>
            </div>
            <div class="order-line-item-type-free-form" style="display: none;">
                <div class="order-line-item-type-free-input-wrap">
                    {{ form_widget(form.freeFormProduct) }}
                </div>
                <a class="order-line-item-type-product" href="#">{{ 'oro.order.orderlineitem.select.product'|trans }}</a>
                {{ form_errors(form.freeFormProduct) }}
            </div>
            <div class="order-line-item-kit-item-line-items">
                {% if form.kitItemLineItems is defined %}
                    {{ form_widget(form.kitItemLineItems) }}
                    {{ form_errors(form.kitItemLineItems) }}
                {% endif %}
            </div>
        </div>
    </td>

    {{ fields.render_form_sections(form.vars.sections, form) }}
{% endblock %}

{% block _oro_order_type_lineItems_entry_kitItemLineItems_widget %}
    <table class="order-line-item-kit-item-collection table table-borderless">
        <tbody>
        {%- for child in form -%}
            {{ form_widget(child) }}
        {%- endfor -%}
        </tbody>
    </table>
{% endblock %}

{% block _oro_order_type_lineItems_entry_kitItemLineItems_entry_widget %}
    {% import '@OroUI/macros.html.twig' as UI %}

    <tr data-layout="separate"
        {% if is_optional %}data-validation-optional-group{% endif %}
            {{ UI.renderPageComponentAttributes({
                view: 'oroorder/js/app/views/kit-item-line-item-view',
                options: {
                    minimumQuantity: minimum_quantity ?: 1.0,
                    maximumQuantity: maximum_quantity ?: null,
                    modelAttr: {
                        unit: unit_code,
                        product_units: {
                            (unit_code): unit_precision
                        }
                    }
                }
            }) }} class="order-line-kit-item">
        <td class="line-item-label">
            {{ form_label(form, label, {translatable_label: false}) }}
        </td>
        <td>
            <div class="fields-row">
                {{ form_widget(form.product) }}
                {{ form_errors(form.product) }}
            </div>
        </td>
        <td class="line-item-quantity-label">
            {% set unit_precision_info = oro_format_product_unit_precision_label(unit_code|default('N/A'|trans), unit_precision|default(0)) %}
            {{ form_label(form.quantity, 'oro.order.orderproductkititemlineitem.quantity.label'|trans ~ ':', {tooltip: 'oro.order.orderproductkititemlineitem.quantity.form.tooltip'|trans({'{{ unit_precision_info }}': unit_precision_info})}) }}
        </td>
        <td class="line-item-quantity">
            <div class="fields-row">
                {{ form_widget(form.quantity, {
                    attr: {
                        'data-floating-error': true,
                        'data-precision': unit_precision,
                        'class': 'line-item-quantity-field'
                    }
                }) }}
                {{ form_errors(form.quantity) }}
            </div>
        </td>
        <td class="line-item-price-label">
            {{ form_label(form.price, 'oro.order.orderproductkititemlineitem.price.form_label'|trans({'%currency%': oro_currency_symbol(currency)}) ~ ':') }}
        </td>
        <td class="line-item-price">
            <div {{ UI.renderPageComponentAttributes({
                view: 'oropricing/js/app/views/line-item-product-prices-extended-view'
            }) }}>
                {{ form_widget(form.price) }}
                {{ form_errors(form.price) }}
            </div>
        </td>
    </tr>
{% endblock %}

{% block _oro_order_type_lineItems_entry_kitItemLineItems_entry_product_entry_widget %}
    {%- set label -%}
        {%- if product is not null -%}
            {%- set productName = product.names|localized_value -%}
            <span>{{ product.skuUppercase ~ ' - ' ~ productName }}</span>
        {%- else -%}
            <span>{{ 'oro.order.form.orderproductkititemlineitem.product.choices.none'|trans }}</span>
        {%- endif -%}
    {%- endset -%}
    {{ block('radio_widget') }}
{% endblock %}

{% macro render_form_sections(sections, form, overrides) %}
    {% if sections is defined and not sections.isEmpty %}
        {% for sectionName, sections in form.vars.sections %}
            <td class="{{ 'order-line-item-%s'|format(sectionName) }} {{ 'line-item-%s'|format(sectionName) }}">
                {% placeholder 'order_edit_section_' ~ sectionName ~ '_before' with {form: form} %}

                {% if overrides[sectionName] is defined %}
                    {{ overrides[sectionName] }}
                {% elseif sections.data is defined and sections.data is iterable %}
                    <div class="fields-row">
                        {% for subSectionName, subSection in sections.data %}
                            <div
                                {% if subSection.page_component is defined %}
                                    data-page-component-module="{{ subSection.page_component }}"
                                    {% if subSection.page_component_options is defined %}
                                        data-page-component-options="{{ subSection.page_component_options is iterable ? subSection.page_component_options|json_encode : subSection.page_component_options }}"
                                    {% endif %}
                                {% endif %}>
                                {% placeholder 'order_edit_subsection_' ~ subSectionName ~ '_before' with {subSection: subSection} %}
                                {% if subSectionName in form|keys %}
                                    {{ form_widget(form[subSectionName]) }}
                                {% endif %}
                                {% placeholder 'order_edit_subsection_' ~ subSectionName ~ '_after' with {subSection: subSection} %}
                            </div>
                        {% endfor %}
                    </div>
                    {% for subSectionName, subSection in sections.data %}
                        {% if subSectionName in form|keys %}
                            {{ form_errors(form[subSectionName]) }}
                        {% endif %}
                    {% endfor %}
                {% endif %}

                {% placeholder 'order_edit_section_' ~ sectionName ~ '_after' with {form: form} %}
            </td>
        {% endfor %}
    {% endif %}
{% endmacro %}

{% block oro_order_collection_table_widget %}
    {% import '@OroOrder/Order/macros.html.twig' as order_macros %}
    {% set attr = attr|merge({'class': (attr.class is defined ? attr.class ~ ' ' : '') ~ ' grid-container oro-collection-table' }) %}
    <div {{ block('widget_container_attributes') }}>
        {% include template_name with {collection: form.vars.value, editable: true} %}
        {{ order_macros.hiddenCollection(form) }}
    </div>
{% endblock %}

{% block oro_order_discount_collection_row_widget %}
    {{ form_widget(form.description, {attr: {'data-role': 'description'}}) }}
    {{ form_widget(form.type, {attr: {'data-role': 'type'}}) }}
    {{ form_widget(form.percent, {attr: {'data-role': 'percent'}}) }}
    {{ form_widget(form.amount, {attr: {'data-role': 'amount'}}) }}
{% endblock %}

{% macro oro_order_shipping_tracking_collection_item_prototype(widget) %}
    {% if 'collection' in widget.vars.block_prefixes %}
        {% set form = widget.vars.prototype %}
        {% set name = widget.vars.prototype.vars.name %}
        {% set disabled = widget.vars.disabled %}
        {% set allow_delete = widget.vars.allow_delete %}
        {% set allow_add_after = widget.vars.allow_add_after %}
    {% else %}
        {% set form = widget %}
        {% set name = widget.vars.full_name %}
        {% set disabled = widget.parent.vars.disabled %}
        {% set allow_delete = widget.parent.vars.allow_delete %}
        {% set allow_add_after = widget.parent.vars.allow_add_after %}
        {% if widget.vars.allow_delete is defined %}
            {% set allow_delete = allow_delete and widget.vars.allow_delete %}
        {% endif %}
    {% endif %}
    {{ form_widget(form, {disabled: disabled}) }}
{% endmacro %}

{% block oro_order_shipping_tracking_collection_widget %}
    {% import _self as fields %}
    {% import '@OroUI/macros.html.twig' as UI %}

    {% apply spaceless %}
        {% if prototype is defined %}
            {% set prototype_html = fields.oro_order_shipping_tracking_collection_item_prototype(form) %}
        {% endif %}
        {% set attr = attr|merge({'class': (attr.class is defined ? attr.class ~ ' ' : '') ~ 'oro-item-collection collection-fields-list' }) %}
        {% set id = id ~ '_collection' %}
        <div class="row-oro order-shipping-tracking"
                {% import '@OroUI/macros.html.twig' as UI %}
                {{ UI.renderPageComponentAttributes({
                    module: form.vars.page_component,
                    options: form.vars.page_component_options
                }) }}>
            {% set prototype_name = form.vars.prototype_name %}
            <div>
                <table class="grid grid-main-container table table-condensed table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>{{ 'oro.order.shipping_tracking.method.label'|trans }}</th>
                            <th>{{ 'oro.order.shipping_tracking.number.label'|trans }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody {{ block('widget_container_attributes') }} data-last-index="{{ form.children|length}}" data-row-count-add="{{ form.vars.row_count_add }}" data-prototype-name="{{ prototype_name }}"{% if prototype_html is defined %} data-prototype="{{ prototype_html|escape }}"{% endif %}>
                        {% if form.children|length %}
                            {% for child in form.children %}
                                {{ fields.oro_order_shipping_tracking_collection_item_prototype(child) }}
                            {% endfor %}
                        {% elseif show_form_when_empty and prototype_html is defined %}
                            {% for i in 0..(form.vars.row_count_initial - 1) %}
                                {{ prototype_html|replace({(prototype_name): i})|raw }}
                            {% endfor %}
                        {% endif %}
                    </tbody>
                </table>
            </div>
            {% if allow_add %}
                <a class="btn add-list-item" href="#">{{ form.vars.add_label|default('oro.form.collection.add')|trans }}</a>
            {% endif %}
        </div>
    {% endapply %}
{% endblock %}

{% block oro_order_shipping_tracking_widget %}
    {% set name = form.vars.full_name %}

    <tr data-content="{{ name }}" class="oro-multiselect-holder grid-row">
        <td>{{ form_widget(form.method, { 'attr': {'class': 'order-shipping-tracking-method', 'style': 'width: 100px'}}) }}</td>
        <td>{{ form_widget(form.number, { 'attr': {'class': 'order-shipping-tracking-number', 'style': 'width: 150px'} }) }}</td>
        {% if form.parent.vars.allow_delete %}
            <td><button class="removeRow btn btn-icon btn-square-lighter" type="button" data-related="{{ name }}" aria-label="{{ 'Remove row'|trans }}"><span class="fa-trash-o" aria-hidden="true"></span></button></td>
        {% endif %}
    </tr>

{% endblock %}

{% block oro_select_switch_input_widget %}
    <div
        {% import '@OroUI/macros.html.twig' as UI %}
        {{ UI.renderPageComponentAttributes({
            module: form.vars.page_component,
            options: form.vars.page_component_options
        }) }}>
        <div class="input-group select-switch-input-container">
            <div class="select-container">
                {{ form_widget(form) }}
                <span class="input-group-btn">
                    <button class="add-on btn select-to-input-btn"><i class="fa-plus"></i></button>
                </span>
            </div>
            <div class="input-container">
                <span class="input-group-btn input-to-select">
                    <button class="add-on btn input-to-select-btn"><i class="fa-bars"></i></button>
                </span>
            </div>
        </div>
        {{ form_errors(form) }}
    </div>
{% endblock %}