{% extends '@OroUI/actions/view.html.twig' %}

{% oro_title_set({params : {"%title%": entity.name }}) %}

{% block pageHeader %}

    {% set breadcrumbs = {
        'entity': entity,
        'indexPath': path('oro_cms_content_template_index'),
        'indexLabel': 'oro.cms.contenttemplate.entity_plural_label'|trans,
        'entityTitle': entity.name
    } %}
    {{ parent() }}
{% endblock pageHeader %}

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

    {{ parent() }}
    <span class="page-title__status">
        {% if entity.enabled %}
            {{ UI.badge('oro.cms.contenttemplate.enabled.label'|trans, 'enabled') }}
        {% else %}
            {{ UI.badge('oro.cms.contenttemplate.disabled.label'|trans, 'disabled') }}
        {% endif %}
    </span>
{% endblock breadcrumbs %}

{% block content_data %}
    {% set pageInfo %}
        {{ oro_widget_render({
            'widgetType': 'block',
            'url': path('oro_cms_content_template_widget', {id: entity.id}),
            'alias': 'content-template-widget'
        }) }}
    {% endset %}

    {% set pageContent %}
        <div class="alert alert-info alert--compact" role="alert">
            <span class="fa-info alert-icon" aria-hidden="true"></span>
            {{ 'oro.cms.contenttemplate.information_message'|trans }}
        </div>

        <div class="row-fluid form-horizontal">
            <div class="cms-content">
                {% import '@OroUI/macros.html.twig' as UI %}
                {{ UI.renderWysiwygContentPreview(entity.content) }}
            </div>
        </div>
    {% endset %}

    {% set dataBlocks = [
        {
            'title': 'oro.cms.sections.general'|trans,
            'class': 'active',
            'subblocks': [{'data' : [pageInfo]}]
        },
        {
            'title': 'oro.cms.sections.content'|trans,
            'class': 'active',
            'subblocks': [{'data' : [pageContent]}]
        }
    ] %}

    {% set id = 'content-template-view' %}
    {% set data = {'dataBlocks': dataBlocks} %}
    {{ parent() }}
{% endblock content_data %}