{% extends "@ibexadesign/ui/layout.html.twig" %}

{% trans_default_domain 'ibexa_role' %}

{% block body_class %}ibexa-role-view{% endblock %}

{% block breadcrumbs %}
    {% include '@ibexadesign/ui/breadcrumbs.html.twig' with { items: [
        { value: 'breadcrumb.admin'|trans(domain='messages')|desc('Admin') },
        { url: path('ibexa.role.list'), value: 'role.breadcrumb.list'|trans|desc('Roles') },
        { value: 'role.breadcrumb.view.identifier'|trans({'%identifier%': role.identifier })|desc('Role "%identifier%"') }
    ]} %}
{% endblock %}

{% block header %}
    {% include '@ibexadesign/ui/page_title.html.twig' with {
        title: 'role.view.view.title'|trans({'%identifier%': role.identifier})|desc('Role "%identifier%"'),
    } %}
{% endblock %}

{% block content %}

    <div class="panel panel-primary">
        <div class="panel-body">
            {% embed '@ibexadesign/ui/component/tab/tabs.html.twig' with {
                tabs: [
                    { id: 'policies', label: 'policy.view.list.title'|trans|desc('Policies'), active: true },
                    { id: 'users-and-groups', label: 'role_assignment.view.list.title'|trans|desc('Assignments') },
                ]
            } %}
                {% block tab_content %}
                    {% embed '@ibexadesign/ui/component/tab/tab_pane.html.twig' with { id: 'policies', active: true } %}
                        {% block content %}
                            {{ render(controller('Ibexa\\Bundle\\AdminUi\\Controller\\PolicyController::listAction', {
                                roleId: role.id,
                                policyPage: policy_page,
                                routeName: route_name
                            })) }}
                        {% endblock %}
                    {% endembed %}
                    {% embed '@ibexadesign/ui/component/tab/tab_pane.html.twig' with { id: 'users-and-groups', active: false } %}
                        {% block content %}
                            {{ render(controller('Ibexa\\Bundle\\AdminUi\\Controller\\RoleAssignmentController::listAction', {
                                roleId: role.id,
                                assignmentPage: assignment_page,
                                routeName: route_name
                            })) }}
                        {% endblock %}
                    {% endembed %}
                {% endblock %}
            {% endembed %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('ibexa-admin-ui-role-view-js', null, 'ibexa') }}
    {{ encore_entry_script_tags('ibexa-admin-ui-tabs-js', null, 'ibexa') }}
{% endblock %}