{% extends 'OroUIBundle:actions:view.html.twig' %}
{% import 'OroUIBundle::macros.html.twig' as UI %}

{% set entityId = entity.id %}

{% oro_title_set({params : {
    "%title%": entity.defaultTitle.string|default('N/A'|trans)
} }) %}

{% block navButtons %}
    {% if entityId %}
        {% if resource_granted('oro_menu_item_create') %}
            {{ UI.button({
                'path' : path('oro_menu_item_create', { 'id': entityId }),
                'iCss': 'icon-folder-close',
                'aCss': 'btn-primary',
                'label': 'oro.ui.create_entity'|trans({'%entityName%': 'oro.menu.menuitem.entity_label'|trans}),
                'title': 'oro.ui.create_entity'|trans({'%entityName%': 'oro.menu.menuitem.entity_label'|trans})
            }) }}
        {% endif %}
    {% endif %}

    {{ parent() }}
{% endblock navButtons %}

{% block pageHeader %}
    {% set breadcrumbs = {
    'entity':      entity,
    'indexPath':   path('oro_menu_item_roots'),
    'indexLabel': 'oro.menu.menuitem.roots_plural_label'|trans,
    'entityTitle': entity.defaultTitle|default('N/A'|trans)
    } %}
    {{ parent() }}
{% endblock pageHeader %}
{% block stats %}{% endblock %}

{% block content_data %}
    <div class="left-panel-container">
        <div class="placeholder">
            <div class="scrollable-container">
                <div class="left-panel scrollable-container">
                    <div class="menu-item">
                        {% set treeOptions = {
                            'data' : oro_menu_item_list(entity),
                            'updateAllowed' : resource_granted('oro_menu_item_update'),
                            'onSelectRoute' : 'oro_menu_item_update',
                            'onRootSelectRoute': 'oro_menu_item_view',
                            'onMoveRoute' : 'oro_menu_item_move'
                        } %}
                        <div
                                data-page-component-module="oroui/js/app/components/basic-tree-manage-component"
                                data-page-component-options="{{ treeOptions|json_encode }}"
                        ></div>
                    </div>
                </div>
                <div class="content">
                    {% if resource_granted('oro_menu_item_update') %}
                        <div class="text-center">
                            {{ 'oro.menu.template.menuitem.select_existing_or_create_new'|trans }}
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock content_data %}