{% block oro_sale_quote_product_collection_row %}
    {{ form_widget(form) }}
{% endblock %}

{% block oro_sale_quote_product_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_sale_quote_lineitem_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') }}>
            <table class="grid grid-main-container table-hover table table-bordered table-condensed">
                <thead>
                <tr>
                    <th><span>{{ 'oro.sale.quote.lineitem.product_sku'|trans }}</span></th>
                    <th><span>{{ 'oro.sale.quote.lineitem.product'|trans }}</span></th>
                    <th><span>{{ 'oro.sale.quote.lineitem.requested.label'|trans }}</span></th>
                    <th class="quote-lineitems__offers"><span>{{ 'oro.sale.quote.lineitem.offers.label'|trans }}</span></th>
                    <th><span>{{ 'oro.sale.quote.lineitem.notes'|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 %} class="1">
                {% if form.children|length %}
                    {% for child in form.children %}
                        {{ fields.oro_sale_quote_lineitem_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>
        <button type="button" class="btn add-list-item" data-container=".oro-item-collection tbody">{{ 'oro.sale.quote.lineitem.add'|trans }}</button>
    </div>
{% endblock %}

{% macro oro_sale_quote_lineitem_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 %}
    {% set page_component_options = form.vars.page_component_options|merge(form.vars.componentOptions|default({})) %}
    <tr data-content="{{ name }}" data-validation-optional-group {{ attributes }}
        class="quote-lineitem"
        data-page-component-module="{{ form.vars.page_component }}"
        data-page-component-options="{{ page_component_options|json_encode }}">
        {{ form_widget(form) }}
        <td class="quote-lineitem-remove">
            <button type="button" class="removeLineItem btn btn-icon btn-square-lighter" aria-label="{{ 'oro.sale.quote.lineitem.remove'|trans }}"><span class="fa-trash-o" aria-hidden="true"></span></button>
        </td>
    </tr>
{% endmacro %}

{% block oro_sale_quote_product_widget %}
    {% set attr = attr|merge({'class': (attr.class is defined ? attr.class : '') ~ ' quote-lineitem-widget control-group'}) %}

    {% set commentCustomer = form.vars.value.commentCustomer|default(null) %}
    {% set commentSeller = form.vars.value.comment|default(null) %}
    {% set quoteProductRequests = form.vars.value.quoteProductRequests|default([]) %}
    {% set isProductFreeForm = form.vars.value.isProductFreeForm()|default(false) %}
    {% set isProductReplacementFreeForm = form.vars.value.isProductReplacementFreeForm()|default(false) %}
    {% set isProductReplacement = form.vars.value.isTypeNotAvailable()|default(false) %}

    <td class="quote-lineitem-product-sku">
        <div class="fields-row quote-lineitem-product-sku-row">
            <div class="quote-lineitem-product-form{% if isProductFreeForm %} hide{% endif %}">
                <label class="quote-lineitem-product-sku-label">{{ form.vars.value.productSku|default('') }}</label>
            </div>
            <div class="quote-lineitem-product-free-form{% if not isProductFreeForm %} hide{% endif %}">
                {{ form_widget(form.productSku) }}
                {{ form_errors(form.productSku) }}
            </div>
        </div>
    </td>
    <td class="quote-lineitem-product">
        <div class="fields-row quote-lineitem-product-row{% if isProductReplacement %} hide{% endif %}">
            <div class="quote-lineitem-product-select quote-lineitem-product-form{% if isProductFreeForm %} hide{% endif %}">
                {{ form_widget(form.product) }}
                {{ form_errors(form.product) }}
                {% if allow_add_free_form_items %}
                    <a class="quote-lineitem-free-form-link" href="#">{{ 'oro.sale.quoteproduct.select.free_form'|trans }}</a>
                {% endif %}
            </div>
            <div class="quote-lineitem-product-free-form{% if not isProductFreeForm %} hide{% endif %}">
                <div class="quote-lineitem-product-free-form-input-wrap">
                    {{ form_widget(form.freeFormProduct, {attr: attr|merge({class: 'quote-lineitem-product-freeform-input'})}) }}
                    {{ form_errors(form.freeFormProduct) }}
                </div>
                {% if allow_add_free_form_items %}
                    <a class="quote-lineitem-product-select-link" href="#">{{ 'oro.sale.quoteproduct.select.product'|trans }}</a>
                {% endif %}
            </div>
        </div>

        <div class="fields-row quote-lineitem-product-replacement-row{% if not isProductReplacement %} hide{% endif %}">
            <div class="quote-lineitem-product-replacement-select quote-lineitem-product-form{% if isProductReplacementFreeForm %} hide{% endif %}">
                {{ form_widget(form.productReplacement) }}
                {{ form_errors(form.productReplacement) }}
                <a class="quote-lineitem-free-form-link" href="#">{{ 'oro.sale.quoteproduct.select.free_form'|trans }}</a>
            </div>
            <div class="quote-lineitem-product-free-form{% if not isProductReplacementFreeForm %} hide{% endif %}">
                {{ form_label(form.productReplacementSku) }}
                {{ form_widget(form.productReplacementSku) }}
                {{ form_errors(form.productReplacementSku) }}
                {{ form_label(form.freeFormProductReplacement) }}
                {{ form_widget(form.freeFormProductReplacement, {attr: attr|merge({class: 'quote-lineitem-productreplacement-freeform-input'})}) }}
                {{ form_errors(form.freeFormProductReplacement) }}
                <br/><a class="quote-lineitem-product-select-link" href="#">{{ 'oro.sale.quoteproduct.select.product'|trans }}</a>
            </div>
        </div>
        {{ form_widget(form.type) }}
    </td>
    <td class="quote-lineitem-requested">
        {{ block('oro_sale_quote_product_request_collection') }}
    </td>
    <td class="quote-lineitem-offers">
        {{ form_widget(form.quoteProductOffers) }}
        {{ form_errors(form.quoteProductOffers) }}
    </td>
    <td class="quote-lineitem-notes">
        {% if commentCustomer %}
            <div class="quote-lineitem-notes quote-lineitem-notes-customer">
                {{ form_label(form.commentCustomer) }}
                {{ form_widget(form.commentCustomer) }}
            </div>
        {% endif %}
        <div class="quote-lineitem-notes-seller-active">
            {{ form_label(form.comment) }}
            <div class="quote-lineitem-notes-seller-field" data-page-component-module="oroorder/js/app/components/notes-component">
                {{ form_widget(form.comment, {
                    'attr': {
                        'class': 'quote-lineitem-notes-seller-textarea'
                    }
                }) }}
                {{ form_errors(form.comment) }}
            </div>
        </div>
    </td>
{% endblock %}

{% block oro_sale_quote_product_request_collection %}
    {% if quoteProductRequests|length %}
        <table class="quote-lineitem-requests-widget table-bordered">
            <thead>
                <tr>
                    <th colspan="2"><span>{{ 'oro.sale.quoteproductrequest.quantity.label'|trans }}</span></th>
                    <th><span>{{ 'oro.sale.quoteproductrequest.price.label'|trans }}</span></th>
                </tr>
            </thead>
            <tbody>
                {% for child in quoteProductRequests %}
                    <tr class="quote-lineitem-requested quote-lineitem-requested-item">
                        <td class="quote-lineitem-requested-quantity">
                            {{ child.quantity|oro_format_decimal }}
                        </td>

                        <td class="quote-lineitem-requested-unit">
                            {% if oro_is_unit_code_visible(child.productUnit.code) %}
                                {{ child.productUnit }}
                            {% endif %}
                        </td>

                        <td class="quote-lineitem-requested-price">
                            {% if child.price is not empty %}
                                {{ child.price|oro_format_price }}
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endblock %}

{% block oro_sale_quote_product_offer_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_sale_quote_product_offer_prototype(form, true, widgetContainerAttributes) %}
    {% endif %}
    {% set attr = attr|merge({'class': (attr.class is defined ? attr.class ~ ' ' : '') ~ 'oro-item-collection grid-container hide' }) %}
    {% 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="table-hover table table-bordered quote-lineitem-offers">
                <thead>
                <tr>
                    <th><span>{{ 'oro.sale.quote.lineitem.offers.quantity'|trans }}</span></th>
                    <th><span>{{ 'oro.sale.quote.lineitem.offers.price'|trans }}</span></th>
                    <th></th>
                </tr>
                </thead>
                <tbody class="quote-lineitem-offers-items" 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_sale_quote_product_offer_prototype(child, false, widgetContainerAttributes) }}
                    {% endfor %}
                {% elseif show_form_when_empty and prototype_html is defined %}
                    {{ prototype_html|replace({(prototype_name): '0'})|raw }}
                {% endif %}
                </tbody>
            </table>
        </div>
        <button type="button" class="btn add-list-item quote-lineitem-offers-item-add hide" data-container=".oro-item-collection tbody">{{ 'oro.sale.quote.lineitem.offers.add'|trans }}</button>
    </div>
{% endblock %}

{% macro oro_sale_quote_product_offer_prototype(widget, prototype, 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 %}
    {% set modelAttr = {} %}
    {% set productForm = form.parent.parent %}
    {% set quoteProduct = productForm.vars.value %}
    {% if quoteProduct is not empty %}
        {% set product = quoteProduct.product %}
        {% if product is not empty %}
            {% set modelAttr = {'product_units': product.sellUnitsPrecision} %}
        {% endif %}
    {% endif %}
    <tr data-content="{{ name }}"
        data-validation-optional-group {{ attributes }}
        class="quote-lineitem-offers quote-lineitem-offers-item"
        data-page-component-module="oroui/js/app/components/view-component"
        data-page-component-options="{{ {
            view: 'orosale/js/app/views/line-item-offer-view',
            normalizeQuantityField: false,
            '$': {
                product: '#' ~ productForm.product.vars.id,
                priceValue: '#' ~ form.price.value.vars.id,
                priceType: '#' ~ form.priceType.vars.id,
                productUnit: '#' ~ form.productUnit.vars.id,
                quantity: '#' ~ form.quantity.vars.id,
                currency: '#' ~ form.price.currency.vars.id
            },
            isNew: form.vars.value is empty,
            modelAttr: modelAttr
        }|json_encode }}"
        data-layout="separate">
        {{ form_widget(form, { 'prototype' : prototype}) }}
        <td class="quote-lineitem-offers-remove">
            <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>
        </td>
    </tr>
{% endmacro %}

{% block oro_sale_quote_product_offer_widget %}
    <td class="quote-lineitem-offers-quantity-cell">
        <div class="quote-lineitem-offers-group fields-row">
            <div class="quote-lineitem-offers-group-item quote-lineitem-offers-quantity">
                {{ form_widget(form.quantity) }}
                {{ form_errors(form.quantity) }}
            </div>
            <div class="quote-lineitem-offers-group-item quote-lineitem-offers-unit">
                {{ form_widget(form.productUnit, {attr: form.productUnit.vars.attr|merge({class: 'quote-lineitem-offer-unit-select'})}) }}
                {{ form_errors(form.productUnit) }}
            </div>
            <div class="quote-lineitem-offers-group-item quote-lineitem-offers-more">
                <div class="quote-lineitem-offers-more-fields">
                    {% set attrs = {} %}
                    {% if prototype|default(false) and form.allowIncrements.vars.attr.default is defined %}
                        {% set attrs = attrs|merge({'checked' : 'checked'}) %}
                    {% endif %}
                    {{ form_widget(form.allowIncrements, attrs) }}
                    {{ form_label(form.allowIncrements) }}
                    {{ form_errors(form.allowIncrements) }}
                </div>
                {{ form_widget(form.priceType) }}
                {{ form_errors(form.priceType) }}
            </div>
        </div>
    </td>

    <td class="quote-lineitem-offers-price line-item-price"
        data-page-component-module="oroui/js/app/components/view-component"
        data-page-component-options="{{ {
            view: 'oropricing/js/app/views/line-item-product-prices-view',
            editable: form.vars.allow_prices_override
        }|json_encode }}">
        <div class="fields-row">
            {{ form_widget(form.price) }}
            {{ form_errors(form.price) }}
        </div>
    </td>
{% endblock %}

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