{% extends '@OroUI/actions/update.html.twig' %}
{% form_theme form with '@OroForm/Form/fields.html.twig' %}
{% set formAction = path('oro_entityextend_entity_unique_key', {id: entity_id}) %}

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

    {{ UI.cancelButton(path('oro_entityconfig_view', {id: entity_id})) }}
    {{ UI.saveAndCloseButton({
        'label': 'Save'|trans,
        'route': 'oro_entityconfig_view',
        'params': {'id': entity_id}
    }) }}
{% endblock navButtons %}

{% block pageHeader %}
    {% set breadcrumbs = {
        'entity':      'entity',
        'indexPath':   path('oro_entityconfig_index'),
        'indexLabel': 'oro.entity_extend.config_grid.entities'|trans,
        'entityTitle': 'oro.entity_extend.config_grid.unique_keys'|trans,
        'additional': [
            {
                'indexPath'  : path('oro_entityconfig_view', {id: entity_id}),
                'indexLabel' : entity_config.get('label')|default('N/A')|trans,
            },
        ]
    } %}

    {{ parent() }}
{% endblock pageHeader %}

{% block stats %}
    {{ parent() }}
{% endblock stats %}

{% macro unique_collection_prototype(widget) %}
    {% if 'prototype' in widget.vars|keys %}
        {% set form = widget.vars.prototype %}
        {% set name = widget.vars.prototype.vars.name %}
    {% else %}
        {% set form = widget %}
        {% set name = widget.vars.full_name %}
    {% endif %}
    <div data-content="{{ name }}" class="control-group-container">
        <div class="row-oro oro-multiselect-holder">
            <div class="float-holder">
                {{ form_errors(form) }}
                {{ form_row(form.name) }}
                {{ form_row(form.key) }}
            </div>
            <button class="removeRow btn btn-icon btn-square-light" type="button" data-related="{{ name }}">
                <span class="fa-close"></span>
            </button>
        </div>
    </div>
{% endmacro %}

{% block unique_collection_widget %}
    {% import _self as configEntityGridUnique %}

    {% apply spaceless %}
        <div class="row-oro">
            <div class="oro-item-collection collection-fields-list" id="entity_extend_unique_key_collection" data-prototype="{{ configEntityGridUnique.unique_collection_prototype(form.keys)|escape }}">
                {% for field in form.keys.children %}
                    {{ configEntityGridUnique.unique_collection_prototype(field) }}
                {% endfor %}
            </div>
            <div class="btn-container">
                <a class="btn add-list-item pull-left" href="#">{{ 'Add'|trans }}</a>
            </div>
        </div>
    {% endapply %}
{% endblock unique_collection_widget %}

{% block content_data %}
    {% set id = 'configentity-unique' %}
    {% set dataBlocks = [{
            'title': 'oro.entity_extend.unique_keys'|trans,
            'class': 'active',
            'subblocks': [
                {
                    'title': '',
                    'useSpan': false,
                    'data': [
                        block('unique_collection_widget')
                    ]
                }
            ]
        }]
    %}

    {% set data = {
        'formErrors': form_errors(form)? form_errors(form) : null,
        'dataBlocks': dataBlocks,
        'hiddenData': form_rest(form)
    }%}

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