{% extends '@OroUI/actions/view.html.twig' %}
{% import '@OroDataGrid/macros.html.twig' as dataGrid %}
{% import '@OroUI/macros.html.twig' as UI %}
{% import '@OroEntityConfig/macros.html.twig' as entityConfig %}

{% oro_title_set({params : {"%label%": entity.label }}) %}

{% set gridName = 'customer-customer-users-grid-view' %}

{% block pageHeader %}
    {% set breadcrumbs = {
        'entity': entity,
        'indexPath': path('oro_customer_customer_user_role_index'),
        'indexLabel': 'oro.customer.customeruserrole.entity_plural_label'|trans,
        'entityTitle': entity.label|default('N/A'|trans)
    } %}
    {{ parent() }}
{% endblock pageHeader %}

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

    {% set selfManagedProperty = '' %}
    {% if entity.public %}
        {% set selfManagedPropertyValue = '' %}
        {% if entity.selfManaged %}
            {% set selfManagedPropertyValue = 'oro.customer.customeruserrole.self_managed.value.true.label'|trans %}
        {% else %}
            {% set selfManagedPropertyValue = 'oro.customer.customeruserrole.self_managed.value.false.label'|trans %}
        {% endif %}
        {% set selfManagedProperty = UI.renderProperty('oro.customer.customeruserrole.self_managed.label'|trans, selfManagedPropertyValue) %}
    {% else %}
        {% set selfManagedProperty = UI.renderProperty('oro.customer.customeruserrole.self_managed.label'|trans, 'N/A'|trans) %}
    {% endif %}

    {% set dataBlocks = [
        {
            'title': 'oro.customer.sections.general'|trans,
            'subblocks': [
                {'data' : [
                    UI.renderProperty('oro.customer.customeruserrole.label.label'|trans, entity.label),
                    UI.renderProperty('oro.customer.customeruserrole.customer.label'|trans, entity.customer),
                    entityConfig.renderDynamicFields(entity),
                    selfManagedProperty
                ]}
            ]
        }
    ] %}

    {% set rolePermissionsGrid %}
        {% set entityTabPanelId = 'entity-tab-panel-'|uniqid %}
        {% set tabsOptions = tabsOptions|merge({
            controlTabPanel: entityTabPanelId
        }) %}

        <div {{ UI.renderPageComponentAttributes({
            module: 'orouser/js/components/role/entity-category-tabs-component',
            options: tabsOptions
        }) }}></div>
        <div id="{{ entityTabPanelId }}" class="tab-content" role="tabpanel">
                {{ dataGrid.renderGrid('customer-user-role-permission-grid', {role: entity}, { cssClass: 'inner-permissions-grid', themeOptions: {readonly: true} }) }}
                <div {{ UI.renderPageComponentAttributes({
                    module: 'orouser/js/components/role/capability-set-component',
                    options: capabilitySetOptions
                }) }}></div>
        </div>
    {% endset %}

    {% set dataBlocks = dataBlocks|merge([{
        'title': 'oro.customer.sections.customeruserrole.entity'|trans,
        'subblocks': [{
            'data': [
                rolePermissionsGrid
            ]
        }]
    }]) %}

    {% set dataBlocks = dataBlocks|merge([{
        'title' : 'oro.customer.customeruser.entity_plural_label'|trans,
        'subblocks': [{
            'title' : null,
            'useSpan': false,
            'data' : [
                dataGrid.renderGrid(gridName, {role: entity.id}, { cssClass: 'inner-grid' })
            ]
        }]
    }] ) %}

    {% set id = 'customer-customer-user-role-view' %}
    {% set data = {'dataBlocks': dataBlocks} %}

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

{% block stats %}
    {# Must be empty, because parent view uses this block to render dates, which are not implemented in this entity #}
{% endblock stats %}