{% block oro_pricing_product_price_widget %}
    {% apply spaceless %}
    <div data-page-component-view="oropricing/js/app/views/price-list-currency-limitations-view"
         {% if form.vars.value is not empty %}data-validation-ignore{# item is only validated once it got changed #}{% endif %}>
        <div class="form-layout">
            <div class="form-layout__row">
                <div class="form-layout__part is-label short">
                    {{ form_label(form.priceList) }}
                </div>
                <div class="form-layout__part is-fields fields-row">
                    {{ form_widget(form.priceList, { 'attr': {'class': 'priceList'} }) }}
                    <div class="fields-row-error">
                        {{ form_errors(form.priceList) }}
                    </div>
                </div>
            </div>
            <div class="form-layout__row">
                <div class="form-layout__part is-label short">
                    {{ form_label(form.quantity) }}
                </div>
                <div class="form-layout__part is-fields fields-row is-group">
                    <div class="is-group__col-start">
                        {{ form_widget(form.quantity, { 'attr': {'class': 'quantity'} }) }}
                    </div>
                    <div class="fields-row-error">
                        {{ form_errors(form.quantity) }}
                    </div>
                    <div class="is-group__col-end">
                        {{ form_widget(form.unit, { 'attr': {'class': 'unit'} }) }}
                    </div>
                    <div class="fields-row-error">
                        {{ form_errors(form.unit) }}
                    </div>
                </div>
            </div>
            <div class="form-layout__row">
                <div class="form-layout__part is-label short">
                    {{ form_label(form.price.value) }}
                </div>
                <div class="form-layout__part is-fields fields-row is-group">
                    <div class="is-group__col-start">
                        {{ form_widget(form.price.value, { 'attr': {'class': 'price-value'} }) }}
                    </div>
                    <div class="fields-row-error">
                        {{ form_errors(form.price.value) }}
                    </div>
                    <div class="is-group__col-end">
                        {{ form_widget(form.price.currency, { 'attr': {'class': 'price-currency'} }) }}
                    </div>
                    <div class="fields-row-error">
                        {{ form_errors(form.price.currency) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endapply %}
{% endblock %}

{% block oro_pricing_product_price_collection_widget %}
    <div data-page-component-module="oropricing/js/app/components/product-unit-precision-limitations-component"
         class="product-price-collection">
        {% set attr = attr|merge({'class': (attr.class is defined ? attr.class ~ ' ' : '') ~ 'oro-options-collection' }) %}
        {{ block('oro_collection_widget') }}
    </div>
{% endblock %}

{% block oro_pricing_price_list_collection_row %}
    {% if render_as_widget %}
        <div class="price-list-collection-as-widget">
            {{ block('oro_pricing_price_list_collection_widget') }}
        </div>
    {% else %}
        {{ block('form_row') }}
    {% endif %}
{% endblock %}

{% block oro_pricing_price_list_collection_widget %}
    {% import '@OroUI/macros.html.twig' as UI %}
    {{ UI.sortable_list_view(form, attr, {
        collection_class: 'pricing-price-list',
        add_btn_label: 'oro.pricing.add_price_list'|trans,
        column_label: 'oro.pricing.pricelist.entity_label'|trans,
        column_options_label: 'oro.pricing.pricelist.options.label'|trans,
        show_form_when_empty: show_form_when_empty,
        data_page_component_module: "oropricing/js/app/components/price-lists-errors-handler"
    }) }}
{% endblock %}

{% macro oro_pricing_price_list_collection_prototype(widget) %}
    {% if 'collection' in widget.vars.block_prefixes %}
        {% set form = widget.vars.prototype %}
        {% set name = widget.vars.full_name ~ '[' ~ widget.vars.prototype.vars.name ~ ']' %}
    {% else %}
        {% set form = widget %}
        {% set name = widget.vars.full_name %}
    {% endif %}
    <tr data-content="{{ name }}" data-validation-optional-group {{ block('widget_container_attributes') }}
        class="pricing-price-list">
        {{ form_widget(form) }}
    </tr>
{% endmacro %}

{% block oro_pricing_price_list_select_with_priority_widget %}
    {% apply spaceless %}
        <td>{{ form_widget(form.priceList) }} {{ form_errors(form.priceList) }}</td>
        <td class="price-list-grid-form__option-cell">
            {% if form.mergeAllowed is defined %}
                <span class="allow-merge-block">
                    <span class="allow-merge-block__inner">
                        {{ form_widget(form.mergeAllowed, { 'attr': {'class': 'merge-allowed-checkbox'} }) }}
                        <span class="merge-allowed-label">{{ 'oro.pricing.pricelist.merge_allowed.label'|trans }}</span>
                    </span>
                    {{ form_errors(form.mergeAllowed) }}
                </span>
            {% endif %}
            {{ form_widget(form._position) }}
            <span class="btn btn-icon btn-square-light sortable-handle ui-sortable-handle" data-name="sortable-handle">
                <span class="fa-arrows-v handle"></span>
            </span>
            <button type="button" class="btn btn-icon btn-square-lighter removeRow" aria-label="{{ 'Remove row'|trans }}">
                <span class="fa-trash-o" aria-hidden="true"></span>
            </button>
        </td>
    {% endapply %}
{% endblock %}

{# --------------------------- Product Price Attributes ------------------------------------------------------ #}
{% block oro_pricing_product_attribute_price_collection_widget %}
    {% set attr = attr|merge({'class': (attr.class is defined ? attr.class ~ ' ' : '') ~ 'oro-item-collection grid-container price-list-grid-form' }) %}
    {% set id = id ~ '_collection' %}
    <div class="pricing-price-attribute">
        <div class="row-oro">
            <div {{ block('widget_container_attributes') }}>
                <table class="grid grid-main-container table-hover table table-bordered">
                    <thead>
                    <tr>
                        <th><span>{{ 'oro.pricing.priceAttribute.unit.label'|trans }}</span></th>
                        {% for currency in form.vars.currencies %}
                            <th><span>{{ currency }}</span></th>
                        {% endfor %}
                    </tr>
                    </thead>
                    <tbody data-last-index="{{ form.children|length }}">
                    {% if form.children|length %}
                        {% for unit, unitLabel in form.vars.units %}
                            <tr>
                                <td><span>{{ unitLabel|trans }}</span></td>
                                {% set childrenByCurrency = [] %}
                                {% for child in form.children %}
                                    {% if child.vars.value.unit.code == unit %}
                                        {% set childrenByCurrency = childrenByCurrency|merge({(child.vars.value.price.currency): child}) %}
                                    {% endif %}
                                {% endfor %}
                                {% for currency in form.vars.currencies %}
                                    <td>
                                        {{ form_widget(attribute(childrenByCurrency, currency).price, { 'attr': {'class': 'price-value'} }) }}
                                        {{ form_errors(attribute(childrenByCurrency, currency).price) }}
                                    </td>
                                {% endfor %}
                            </tr>
                        {% endfor %}
                    {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}

{# --------------------------- Price Rules ------------------------------------------------------ #}
{% macro oro_pricing_price_rule_widget_prototype(widget) %}
    {% apply spaceless %}
        {% if 'collection' in widget.vars.block_prefixes %}
            {% set form = widget.vars.prototype %}
            {% set name = widget.vars.full_name ~ '[' ~ widget.vars.prototype.vars.name ~ ']' %}
        {% else %}
            {% set form = widget %}
            {% set name = widget.vars.full_name %}
        {% endif %}
        {% set quantity = {
            fieldType: '.price-rule-item-quantity-type-field',
            expressionType: '.price-rule-item-quantity-type-expression'
        } %}
        {% set productUnit = {
            fieldType: '.price-rule-item-product-unit-type-field',
            expressionType: '.price-rule-item-product-unit-type-expression'
        } %}
        {% set currency = {
            fieldType: '.price-rule-item-currency-type-field',
            expressionType: '.price-rule-item-currency-type-expression'
        } %}
        <div class="price_rule" data-content="{{ name }}">
            <div class="control-group control-group-text">
                <div class="control-label wrap">
                    <label>{{ 'oro.pricing.pricerule.price_for_quantity.label'|trans }}</label>
                </div>
                <div class="controls">
                    <div class="price_rule__row">
                        <div
                            data-layout="separate"
                            data-page-component-module="oroui/js/app/components/view-component"
                            data-page-component-options="{{ {
                                view: 'oropricing/js/app/views/quantity-switcher',
                                selectors: quantity,
                                errorMessage : 'oro.pricing.validators.field_or_expression_is_required'|trans({
                                    '%fieldName%': 'oro.pricing.pricerule.quantity.label'|trans
                                })
                            }|json_encode }}"
                        >
                            <div class="price_rule__quantity price-rule-item-quantity-type-field" style="display: none;">
                                {{ form_widget(form.quantity, {attr: {'data-floating-error': ''}}) }}
                            </div>
                            <div class="price_rule__quantity price-rule-item-quantity-type-expression visible">
                                {{ form_widget(form.quantityExpression) }}
                            </div>
                        </div>

                        <div
                            data-layout="separate"
                            data-page-component-module="oroui/js/app/components/view-component"
                            data-page-component-options="{{ {
                                view: 'oropricing/js/app/views/expression-field-switcher',
                                selectors: productUnit,
                                errorMessage : 'oro.pricing.validators.field_or_expression_is_required'|trans({
                                    '%fieldName%': 'oro.pricing.pricerule.product_unit.label'|trans
                                })
                            }|json_encode }}"
                        >
                            <div class="price-rule-item-product-unit-type-field visible">
                                <div class="price_rule__unit">
                                    {{ form_widget(form.productUnit) }}
                                </div>
                                <a class="price-rule-item-product-unit-type-expression input-type-switcher price-rule-switcher" href="#">
                                    {{ 'oro.pricing.pricerule.show_expression_fields.label'|trans }}
                                </a>
                            </div>
                            <div class="price-rule-item-product-unit-type-expression" style="display: none;">
                                <div class="price_rule__unit">
                                    {{ form_widget(form.productUnitExpression) }}
                                </div>
                                <a class="price-rule-item-product-unit-type-field input-type-switcher price-rule-switcher" href="#">
                                    {{ 'oro.pricing.pricerule.show_unit_fields.label'|trans }}
                                </a>
                            </div>
                        </div>

                        <span class="price_rule__in">{{ 'oro.pricing.pricerule.in_separator'|trans }}</span>
                        <div
                            data-layout="separate"
                            data-page-component-module="oroui/js/app/components/view-component"
                            data-page-component-options="{{ {
                                view: 'oropricing/js/app/views/expression-field-switcher',
                                selectors: currency,
                                errorMessage : 'oro.pricing.validators.field_or_expression_is_required'|trans({
                                    '%fieldName%': 'oro.pricing.pricerule.currency.label'|trans
                                })
                            }|json_encode }}"
                        >
                            <div class="price-rule-item-currency-type-field visible">
                                <div class="price_rule__currency">
                                    {{ form_widget(form.currency) }}
                                </div>
                                <a class="price-rule-item-currency-type-expression input-type-switcher price-rule-switcher" href="#">
                                    {{ 'oro.pricing.pricerule.show_expression_fields.label'|trans }}
                                </a>
                            </div>
                            <div class="price-rule-item-currency-type-expression input-type-switcher" style="display: none;">
                                <div class="price_rule__currency">
                                    {{ form_widget(form.currencyExpression) }}
                                </div>
                                <a class="price-rule-item-currency-type-field price-rule-switcher" href="#">
                                    {{ 'oro.pricing.pricerule.show_currency_fields.label'|trans }}
                                </a>
                            </div>
                        </div>

                        <button type="button" class="removeRow btn btn-icon btn-square-lighter" aria-label="{{ 'Remove row'|trans }}"><span class="fa-trash-o" aria-hidden="true"></span></button>
                    </div>
                    <div class="price-rule-item-quantity-type-field error-block">
                        {{ form_errors(form.quantity) }}
                    </div>
                    <div class="price-rule-item-quantity-type-expression error-block">
                        {{ form_errors(form.quantityExpression) }}
                    </div>
                    <div class="price-rule-item-product-unit-type-field error-block">
                        {{ form_errors(form.productUnit) }}
                    </div>
                    <div class="price-rule-item-product-unit-type-expression error-block">
                        {{ form_errors(form.productUnitExpression) }}
                    </div>
                    <div class="price-rule-item-currency-type-field visible error-block">
                        {{ form_errors(form.currency) }}
                    </div>
                    <div class="price-rule-item-currency-type-expression error-block">
                        {{ form_errors(form.currencyExpression) }}
                    </div>
                </div>
            </div>
            {{ form_row(form.rule) }}
            {{ form_row(form.ruleCondition) }}
            <div class="price_rule__priority">{{ form_row(form.priority) }}</div>

        </div>
    {% endapply %}
{% endmacro %}

{% block _oro_pricing_price_list_priceRules_widget %}
    {% import _self as fields %}
    {% apply spaceless %}
        {% if prototype is defined %}
            {% set prototype_html = fields.oro_pricing_price_rule_widget_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">
            {% set prototype_name = form.vars.prototype_name %}
            <div
                    {{ block('widget_container_attributes') }}
                    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_pricing_price_rule_widget_prototype(child) }}
                    {% endfor %}
                {% endif %}
            </div>
            <div class="price_rules__add_btn">
                <a class="btn add-list-item" href="#">
                    <i class="fa-plus"></i>{{ 'oro.pricing.form.add_rule.label'|trans }}
                </a>
            </div>
        </div>
        {% if handle_primary and (prototype is not defined or prototype.primary is defined) %}
            {{ fields.oro_collection_validate_primary_js(_context) }}
        {% endif %}
    {% endapply %}
{% endblock %}