{% macro shipping_origin_block(form, disabled) %}
    {% set attrs = {'attr': {'data-validation': (form.vars.required ? { NotBlank: null } : {})|json_encode }, disabled: disabled } %}
    {{ form_row(form, attrs) }}
{% endmacro %}

{% block _shipping_origin_oro_shipping___shipping_origin_row %}
    <div class="controls control-group shipping-origin-address">
        {{ form_widget(form) }}
        {{ form_errors(form) }}
    </div>
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

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

    {{ fields.shipping_origin_block(form, use_parent_scope_value) }}
{% endblock %}

{% block oro_shipping_weight_widget %}
    <div class="float-holder shipping-weight">
        <table class="validate-group">
            <tr>
                <td>{{ form_widget(form.value) }}</td>
                <td>{{ form_widget(form.unit) }}</td>
            </tr>
            <tr>
                <td>{{ form_errors(form.value) }}</td>
                <td>{{ form_errors(form.unit) }}</td>
            </tr>
            {% if form.vars.errors|length %}
                <tr><td colspan="2">{{ form_errors(form) }}</td></tr>
            {% endif %}
        </table>
    </div>
{% endblock %}

{% block oro_shipping_dimensions_widget %}
    <div class="float-holder shipping-dimensions">
        <table>
            <tr>
                <td>{{ form_widget(form.value) }}</td>
                <td>{{ form_widget(form.unit) }}</td>
            </tr>
            <tr>
                <td>{{ form_errors(form.value) }}</td>
                <td>{{ form_errors(form.unit) }}</td>
            </tr>
            {% if form.vars.errors|length %}
                <tr><td colspan="2">{{ form_errors(form) }}</td></tr>
            {% endif %}
        </table>
    </div>
{% endblock %}

{% block oro_shipping_dimensions_value_widget %}
    <table>
        <tr>
            <td>{{ form_widget(form.length) }}</td>
            <td class="separator">X</td>
            <td>{{ form_widget(form.width) }}</td>
            <td class="separator">X</td>
            <td>{{ form_widget(form.height) }}</td>
        </tr>
        <tr>
            <td>{{ form_errors(form.length) }}</td>
            <td></td>
            <td>{{ form_errors(form.width) }}</td>
            <td></td>
            <td>{{ form_errors(form.height) }}</td>
        </tr>
    </table>
{% endblock %}

{% block oro_shipping_freight_class_select_widget %}
    <div class="float-holder shipping-freight-class">
        <table>
            <tr><td>{{ form_widget(form) }}</td></tr>
            <tr><td>{{ form_errors(form) }}</td></tr>
        </table>
    </div>
{% endblock %}

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

    {% set widgetContainerAttributes %}
        {% with {'id': '', 'attr': []} %}{{ block('widget_container_attributes') }}{% endwith %}
    {% endset %}
    {% if prototype is defined %}
        {% set prototype_html = fields.oro_shipping_product_shipping_options_prototype(form, widgetContainerAttributes) %}
    {% endif %}
    <div class="row-oro">
        {% set prototype_name = form.vars.prototype_name %}
        <div class="product-shipping-options-collection"
            data-page-component-module="oroui/js/app/components/view-component"
            data-page-component-options="{{ {
                view: 'oroshipping/js/app/views/product-shipping-options-view',
            }|json_encode }}" {{ block('widget_container_attributes') }}
            data-layout="separate"
        >
            <table class="grid grid-main-container table table-bordered list-items"{% if not form.children|length %} style="display: none;"{% endif %}>
                <thead>
                <tr>
                    <th><span class="text-center">{{ 'oro.shipping.product_shipping_options.product_unit.label'|trans }}</span></th>
                    <th><span class="text-center">{{ 'oro.shipping.product_shipping_options.weight.label'|trans }}</span></th>
                    <th><span class="text-center">{{ 'oro.shipping.product_shipping_options.dimensions.label'|trans }}</span></th>
                    <th><span class="text-center">{{ 'oro.shipping.product_shipping_options.freight_class.label'|trans }}</span></th>
                    <th></th>
                </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_shipping_product_shipping_options_prototype(child, widgetContainerAttributes) }}
                        {% endfor %}
                    {% elseif show_form_when_empty and prototype_html is defined %}
                        {{ prototype_html|replace({(prototype_name): '0'})|raw }}
                    {% endif %}
                </tbody>
            </table>
            {% if form.vars.allow_add %}
                <a class="btn add-list-item" data-container=".product-shipping-options-collection tbody" href="#">{{ 'oro.shipping.product_shipping_options.add_label'|trans }}</a>
            {% endif %}
        </div>
    </div>
{% endblock %}

{% macro oro_shipping_product_shipping_options_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 ~ ']' %}
    {% else %}
        {% set form = widget %}
        {% set name = widget.vars.full_name %}
    {% endif %}

    <tr class="list-item" data-content="{{ name }}" data-validation-optional-group {{ attributes }}
        data-page-component-module="oroshipping/js/app/components/product-shipping-freight-classes-component">
        {{ form_widget(form) }}
        {% if (form.parent.vars.allow_delete) %}
            <td class="product-shipping-options-remove">
                <button type="button" class="removeRow btn btn-icon btn-square-lighter"
                        data-related="{{ name }}" aria-label="{{ 'Remove row'|trans }}"><span class="fa-trash-o" aria-hidden="true"></span></button>
            </td>
        {% endif %}
    </tr>
{% endmacro %}

{% block oro_shipping_product_shipping_options_widget %}
    <td>{{ form_widget(form.productUnit) }}</td>
    <td>{{ form_widget(form.weight) }}</td>
    <td>{{ form_widget(form.dimensions) }}</td>
    <td>{{ form_widget(form.freightClass) }}</td>
{% endblock %}

{% block oro_shipping_method_config_widget %}
    {% import '@OroShipping/ShippingMethodsConfigsRule/macros.html.twig' as ShipRuleMacro %}

    {% set collapseId = 'collapse-'|uniqid %}
    {% if form.parent is not null  %}
        {% set collapseId = 'shipping-methods-collection' ~ form.parent.vars.id %}
    {% endif %}
    <div class="shipping-method-config shipping-method-config-{{ form.typeConfigs.vars.is_grouped ? 'grouped' : 'simple' }}"
         data-role="method-view">
        {% if form.method.vars.value %}
            {% set collapseId = collapseId~ form.method.vars.value %}
            <div class="shipping-method-config__header"
                 role="button"
                 data-toggle="collapse"
                 data-target="{{ '#' ~ collapseId }}"
                 aria-expanded="false"
                 aria-controls="{{ collapseId }}"
            >
                <div class="shipping-method-config__item">
                    <span class="collapse-icon fa-minus-square-o" aria-hidden="true" data-icon></span>
                    {% set icon = methods_icons[form.method.vars.value]|default('') %}
                    {% set label = methods_labels[form.method.vars.value]|trans %}
                    {% if icon %}<img src="{{ asset(icon) }}" alt="{{ label }}" title="{{ label }}">{% endif %}
                    {{- label -}}
                    {{ ShipRuleMacro.renderShippingMethodDisabledFlag(form.method.vars.value) }}
                </div>
                <div class="shipping-method-config__info" data-role="method-preview"></div>
            </div>
        {% endif %}

        <div id="{{ collapseId }}" class="shipping-method-config__body collapse show"
            data-trigger-icon-show-class="fa-minus-square-o"
            data-trigger-icon-hide-class="fa-plus-square-o"
        >
            <div class="shipping-method-config__global-options">
                {{ form_widget(form.options) }}
            </div>
            {{ form_widget(form.typeConfigs) }}
            {{ form_errors(form.typeConfigs) }}
            {{ form_rest(form) }}
        </div>
    </div>
{% endblock %}

{% block oro_shipping_method_type_config_collection_widget %}
    {% if is_grouped and form|length > 0 %}
        {% set optionLabel = form.children|first.options.children|first %}
        {% set optionLabel = optionLabel ? optionLabel.vars.label|trans : '' %}
        <h4>{{ 'oro.shipping.shipping_methods_table.additional_options.label'|trans }}</h4>
        <div class="shipping-method-config-grid">
            <div class="shipping-method-config-grid__header">
                <div class="shipping-method-config-grid__header-item">
                    {{ 'oro.shipping.shipping_methods_table.option.label'|trans }}
                </div>

                <div class="shipping-method-config-grid__header-item">
                    {{ optionLabel }}
                </div>

                <div class="shipping-method-config-grid__header-item">
                    {{ 'oro.shipping.shipping_methods_table.status.label'|trans }}
                </div>
            </div>

            <div class="shipping-method-config-grid__body">
                <div>{{- block('collection_widget') -}}</div>
            </div>
        </div>
    {% elseif form|length > 0 %}
        {% if prototype is defined %}
            {%- set attr = attr|merge({'data-prototype': form_row(prototype) }) -%}
        {% endif %}
        <div {{ block('widget_container_attributes') }}>
            {%- if form.parent is empty -%}
                {{ form_errors(form) }}
            {%- endif -%}
            {% for child in form %}
                {{- form_widget(child) -}}
            {% endfor %}
            {{- form_rest(form) -}}
        </div>
    {% endif %}
{% endblock %}

{% block oro_shipping_method_type_config_widget %}
    <div data-validation-ignore="" class="shipping-method-config-grid__body-item">
        {% if form.parent.vars.is_grouped %}
            {% for child in form.options %}
                <div class="control-group control-group-number">
                    <label>
                        {{- form_widget(child) -}}
                    </label>
                    {{ form_errors(child) }}
                </div>
            {% endfor %}
        {% else %}
            {{ form_widget(form.options) }}
        {% endif %}
    </div>

    {% if form.vars.value and form.parent.vars.is_grouped %}
        <div class="shipping-method-config-grid__active">
            <label class="shipping-method-config-grid__active-label">
                {{ form_widget(form.enabled, {'attr': {'class': 'shipping-method-config-grid__active-checkbox'}}) }}
                <span class="shipping-method-config-grid__active-label-text">
                    {{ 'oro.shipping.shipping_methods_table.active.label'|trans }}
                </span>
            </label>
        </div>
    {% endif %}
    {{ form_rest(form) }}
{% endblock %}

{% block oro_shipping_methods_configs_rule_destination_widget %}
    {{ form_row(form.country) }}
    {{ form_row(form.region) }}
    {{ form_row(form.postalCodes) }}
    {{ form_rest(form) }}
{% endblock %}

{%- block oro_shipping_method_config_collection_widget -%}
    {%- if form|length != 0 -%}
        <div class="shipping-methods-grid">
            <div class="shipping-methods-grid__header">
                <div class="shipping-methods-grid__header-method"
                     data-toggle="collapse"
                     data-target="[id^='shipping-methods-collection{{ form.vars.id }}']"
                >
                {% apply spaceless %}
                    <span class="collapse-icon fa-minus-square-o" aria-hidden="true" data-icon></span>
                    {{- 'oro.shipping.shipping_methods_table.method.label'|trans -}}
                {% endapply %}
                </div>
                <div>{{ 'oro.shipping.shipping_methods_table.options.label'|trans }}</div>
            </div>
            <div>
                {{ form_widget(form, {'attr': {'class': 'oro-shipping-rule-method-configs-collection row-oro'}}) }}
                {{ form_errors(form) }}
            </div>
        </div>
    {%- endif -%}
{%- endblock -%}