{% extends '@OroUI/actions/update.html.twig' %}
{% form_theme form with ['@OroForm/Form/fields.html.twig'] %}
{% import '@OroOrder/Order/macros.html.twig' as SM %}

{% oro_title_set({params : {'%entityName%' : 'oro.sale.quote.entity_label'|trans, '%id%': entity.qid} }) %}

{% if saveFormAction is defined %}
    {% set formAction = path(saveFormAction.route, saveFormAction.parameters) %}
{% else %}
    {% set formAction = formAction|default(entity.id ? path('oro_sale_quote_update', { 'id': entity.id }) : path('oro_sale_quote_create')) %}
{% endif %}

{% block pageHeader %}
    {% if entity.id %}
        {% set breadcrumbs = {
            'entity':      entity,
            'indexPath':   path('oro_sale_quote_index'),
            'indexLabel': 'oro.sale.quote.entity_plural_label'|trans,
            'entityTitle': entity.qid|default('N/A'|trans)
        } %}
        {{ parent() }}
    {% else %}
        {% set title = 'oro.ui.create_entity'|trans({'%entityName%': 'oro.sale.quote.entity_label'|trans}) %}
        {% include '@OroUI/page_title_block.html.twig' with { title: title } %}
    {% endif %}
{% endblock pageHeader %}

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

    {{ parent() }}

    {{ UI.cancelButton(path('oro_sale_quote_index')) }}
    {% set html = UI.saveAndCloseButton({
        'route' : 'oro_sale_quote_view',
        'params' : {'id': '$id' }
    }) %}
    {% if entity.id or is_granted('oro_sale_quote_create') %}
        {% set html = html ~ UI.saveAndStayButton({
            'route' : 'oro_sale_quote_update',
            'params' : {'id' : '$id'}
        }) %}
    {% endif %}
    {% if returnAction is defined and is_granted(returnAction.aclRole) %}
        {% set html = html ~ UI.saveAndReturnButton({
            'route': returnAction.route,
            'params': returnAction.parameters
        }) %}
    {% endif %}
    {{ UI.dropdownSaveButton({'html': html}) }}
{% endblock navButtons %}

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

    {% set id = 'quote-edit' %}

    {% set quoteEntryPointEvents = {
        before: 'entry-point:quote:load:before',
        load: 'entry-point:quote:load',
        after: 'entry-point:quote:load:after',
        trigger: 'entry-point:quote:trigger',
        init: 'entry-point:quote:init',
        listenersOff: 'entry-point:listeners:off',
        listenersOn: 'entry-point:listeners:on',
    } %}

    <div {{ UI.renderPageComponentAttributes({
        module: 'oroorder/js/app/components/entry-point-component',
        options: {
            _sourceElement: '#' ~ form.vars.id,
            route: 'oro_quote_entry_point',
            routeParams: {id: entity.id|default(0)},
            events: quoteEntryPointEvents
        }
    }) }}></div>

    {% set ownerSelectors %}
        <div data-page-component-module="orosale/js/app/components/related-data-component"
            data-page-component-options="{{ {formName: form.vars.name}|json_encode }}">
            <div data-page-component-module="orocustomer/js/app/components/customer-selection-component">
                {{ form_row(form.customer) }}
                {{ form_row(form.customerUser) }}
            </div>
        </div>
    {% endset %}

    {% set lineItems %}
        <div class="quote-lineitems"
            data-page-component-module="oroui/js/app/components/view-component"
            data-page-component-options="{{ {
                view: 'orosale/js/app/views/line-items-view',
                tierPrices: tierPrices|default({}),
                tierPricesRoute: 'oro_pricing_price_by_customer',
                customer: entity.customer is null ? null : entity.customer.id,
                currency: entity.currency
            }|json_encode }}"
            data-layout="separate">
            {{ form_widget(form.quoteProducts) }}
            {{ form_errors(form.quoteProducts) }}
        </div>

        {% set entityDataOptions = {entityData: quoteData, events: quoteEntryPointEvents} %}
        <div
                data-page-component-module="oroorder/js/app/components/data-load-component"
                data-page-component-options="{{ entityDataOptions|json_encode }}"></div>
    {% endset %}

    {% set generalFields %}
        <div
            data-page-component-module="oroui/js/app/components/view-component"
            data-page-component-options="{{ {
                'view': 'orofrontend/js/app/views/form-view',
                selectors: {
                    customer: 'input[name$="[customer]"]'
                }
            }|json_encode }}"
            class="control-group-container"
        >
            {{ form_row(form.owner) }}
            {{ ownerSelectors }}
            {{ form_row(form.validUntil) }}
            {{ form_row(form.poNumber) }}
            {{ form_row(form.shipUntil) }}
            {{ form_row(form.assignedUsers) }}
            {{ form_row(form.assignedCustomerUsers) }}
        </div>
    {% endset %}
    {% set dataBlocks = [
        {
            'title': 'oro.sale.quote.sections.general'|trans,
            'subblocks': [{
                'title': '',
                'data-page-component-module': 'sadfas',
                'data': [generalFields]
            }]
        },
        {
            'title': 'oro.sale.quote.sections.quote_products'|trans,
            'subblocks': [{
                'title': '',
                'data': [
                    lineItems
                ]
            }]
        }
    ]
    %}

    {% if isShippingAddressGranted %}
        {% set shippingAddress %}
            <div
                data-layout="separate"
                data-page-component-module="oroui/js/app/components/view-component"
                data-page-component-options="{{ {
                    view: 'orosale/js/app/views/address-view',
                    type: 'shipping',
                    selectors: {
                        address: '#' ~ form.shippingAddress.customerAddress.vars.id,
                        subtotalsFields: [
                        '#' ~ form.shippingAddress.country.vars.id,
                        '#' ~ form.shippingAddress.street.vars.id,
                        '#' ~ form.shippingAddress.street2.vars.id,
                        '#' ~ form.shippingAddress.city.vars.id,
                        '#' ~ form.shippingAddress.region.vars.id,
                        '#' ~ form.shippingAddress.postalCode.vars.id
                        ]
                    }
                }|json_encode }}">
                {{ form_widget(form.shippingAddress) }}
            </div>
        {% endset %}
        {% set dataBlocks = dataBlocks|merge([{
            'title': 'oro.order.shipping_address.label'|trans,
            'subblocks': [{
                'data': [shippingAddress]
            }]
        }]) %}
    {% endif %}

    {% set shippingInformation %}
        <div class="possible-shipping-methods-info">
            {% set possibleShippingMethodsView = 'orosale/js/app/views/quote-possible-shipping-methods-view' %}
            {{ UI.renderControlGroup('oro.sale.quote.shipping_method.label'|trans,
                '<div class="possible_shipping_methods_container">' ~
                SM.renderPossibleShippingMethods(form, entity, quoteEntryPointEvents, possibleShippingMethodsView) ~ '</div>',
                {
                    rootClass: null
                }
            ) }}

            {% set options = {
                view: 'oroorder/js/app/views/shipping-cost-view'
            } %}

            <div
                data-layout="separate"
                data-page-component-module="oroui/js/app/components/view-component"
                data-page-component-options="{{ options|json_encode }}"
                class="control-group">
                {{ form_row(form.overriddenShippingCostAmount) }}
            </div>

            {{ form_row(form.shippingMethodLocked) }}
            {{ form_row(form.allowUnlistedShippingMethod) }}
        </div>
    {% endset %}

    {% set dataBlocks = dataBlocks|merge([{
        'title': 'oro.sale.quote.sections.shipping_information'|trans,
        'subblocks': [{
            'title': '',
            'data': [shippingInformation]
        }]
    }]) %}

    {% set dataBlocks = dataBlocks|merge(oro_form_additional_data(form, 'oro.sale.quote.sections.additional'|trans)) %}

    {% set data = {
        'formErrors': form_errors(form),
        'dataBlocks': dataBlocks
    }%}

    {{ parent() }}
{% endblock content_data %}