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

{% oro_title_set({ params: { '%name%': entity.name, '%id%': entity.id } }) %}

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

    {{ parent() }}

    <span class="page-title__status">
        {% include '@OroMessageQueue/Job/Datagrid/status.html.twig' with {'record': {'rootEntity': entity}} %}

        {% if entity.unique %}
            {{ UI.badge('oro.message_queue_job.header.unique'|trans, 'info') }}
        {% endif %}

        {% if entity.interrupted %}
            {{ UI.badge('oro.message_queue_job.header.interrupted'|trans, 'info') }}
        {% endif %}
    </span>
{% endblock breadcrumbs %}

{% block stats %}
    <li>{{ 'oro.message_queue_job.header.startedAt'|trans }}: {{ entity.startedAt is defined and entity.startedAt ? entity.startedAt|oro_format_datetime : 'N/A' }}</li>
    <li>{{ 'oro.message_queue_job.header.stoppedAt'|trans }}: {{ entity.stoppedAt is defined and entity.stoppedAt ? entity.stoppedAt|oro_format_datetime : 'N/A' }}</li>
{% endblock stats %}

{% block pageHeader %}
    {% set breadcrumbs = {
        entity: entity,
        indexPath: path('oro_message_queue_root_jobs'),
        indexLabel:  'oro.message_queue_job.header.root_jobs'|trans,
        entityTitle: 'oro.message_queue_job.header.name'|trans({'%name%': entity.name})
    } %}
    {{ parent() }}
{% endblock pageHeader %}

{% block content_data %}
    {% import '@OroDataGrid/macros.html.twig' as dataGrid %}

    {% set gridName  = 'oro_message_queue_child_jobs' %}
    {% set params  = {'root_job_id': entity.id} %}
    {% set renderParams = {
            'enableFullScreenLayout': true,
            'enableViews': true,
            'showViewsInNavbar': true,
    } %}

    {{ dataGrid.renderGrid(gridName, params, renderParams) }}
{% endblock content_data %}