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

{% oro_title_set({params : {"%entity.subject%": entity.subject|default('N/A') }}) %}

{% block navButtons %}
    {% if resource_granted('orocrm_case_comment_create') and resource_granted('orocrm_case_comment_view') %}
        {{ UI.clientButton({
            'id': 'add-case-comment-button',
            'aCss': 'no-hash',
            'iCss': 'icon-comment-alt hide-text',
            'label' : 'orocrm.case.casecomment.action.add'|trans
        }) }}
        <script type="text/javascript">
            require(['jquery', 'oroui/js/mediator'],
            function($, mediator){
                $('#add-case-comment-button').on('click', function(e) {
                    e.preventDefault();
                    mediator.trigger('comment:add');
                });
            });
        </script>
    {% endif %}
    {% if resource_granted('EDIT', entity) %}
        {{ UI.editButton({
            'path' : path('orocrm_case_update', { id: entity.id }),
            'entity_label': 'orocrm.case.caseentity.entity_label'|trans
        }) }}
    {% endif %}
    {% if resource_granted('DELETE', entity) %}
        {{ UI.deleteButton({
            'dataUrl': path('orocrm_case_api_delete_case', {'id': entity.id}),
            'dataRedirect': path('orocrm_case_index'),
            'aCss': 'no-hash remove-button',
            'id': 'btn-remove-user',
            'dataId': entity.id,
            'entity_label': 'orocrm.case.caseentity.entity_label'|trans
        }) }}
    {% endif %}
{% endblock navButtons %}

{% block pageHeader %}
    {% set breadcrumbs = {
        'entity': entity,
        'indexPath': path('orocrm_case_index'),
        'indexLabel': 'orocrm.case.caseentity.entity_plural_label'|trans,
        'entityTitle': entity.subject
    } %}
    {{ parent() }}
{% endblock pageHeader %}

{% block content_data %}
    {%- set caseInformation -%}
        <div class="row-fluid form-horizontal">
            <div class="responsive-block">
                {{ UI.renderProperty('orocrm.case.caseentity.subject.label'|trans, entity.subject) }}
                {{ UI.renderHtmlProperty('orocrm.case.caseentity.description.label'|trans, entity.description|escape|nl2br) }}
                {{ UI.renderHtmlProperty('orocrm.case.caseentity.resolution.label'|trans, entity.resolution|escape|nl2br) }}
                {{ UI.renderProperty('orocrm.case.caseentity.source.label'|trans, entity.source) }}
                {{ UI.renderProperty('orocrm.case.caseentity.status.label'|trans, entity.status) }}
                {{ UI.renderProperty('orocrm.case.caseentity.priority.label'|trans, entity.priority) }}
                {{ UI.renderProperty('orocrm.case.caseentity.reported_at.label'|trans, entity.reportedAt|oro_format_datetime) }}
                {% if entity.closedAt is not empty %}
                    {{ UI.renderProperty('orocrm.case.caseentity.closed_at.label'|trans, entity.closedAt|oro_format_datetime) }}
                {% endif %}

                {%- set owner -%}
                    {%- if entity.owner -%}
                        {% if resource_granted('oro_user_user_view') %}
                            <a href="{{ path('oro_user_view', {'id': entity.owner.id}) }}">
                                {{ entity.owner|oro_format_name|escape }}
                            </a>
                        {% else %}
                            {{ entity.owner|oro_format_name|escape }}
                        {% endif %}
                    {%- endif -%}
                {%- endset -%}
                {{ UI.renderHtmlProperty('orocrm.case.caseentity.owner.label'|trans, owner) }}

                {%- set assignedTo -%}
                    {%- if entity.assignedTo -%}
                        {% if resource_granted('oro_user_user_view') %}
                            <a href="{{ path('oro_user_view', {'id': entity.assignedTo.id}) }}">
                                {{ entity.assignedTo|oro_format_name|escape }}
                            </a>
                        {% else %}
                            {{ entity.assignedTo|oro_format_name|escape }}
                        {% endif %}
                    {%- endif -%}
                {%- endset -%}
                {{ UI.renderHtmlProperty('orocrm.case.caseentity.assigned_to.label'|trans, assignedTo) }}

                {%- set relatedContact -%}
                    {%- if entity.relatedContact -%}
                        {% if resource_granted('orocrm_contact_view') %}
                            <a href="{{ path('orocrm_contact_view', {'id': entity.relatedContact.id}) }}">
                                {{ entity.relatedContact|oro_format_name|escape }}
                            </a>
                        {% else %}
                            {{ entity.relatedContact|oro_format_name|escape }}
                        {% endif %}
                    {%- endif -%}
                {%- endset -%}
                {{ UI.renderHtmlProperty('orocrm.case.caseentity.related_contact.label'|trans, relatedContact) }}

                {%- set relatedAccount -%}
                    {%- if entity.relatedAccount -%}
                        {% if resource_granted('orocrm_account_view') %}
                            <a href="{{ path('orocrm_account_view', {'id': entity.relatedAccount.id}) }}">
                                {{ entity.relatedAccount.name }}
                            </a>
                        {% else %}
                            {{ entity.relatedAccount.name }}
                        {% endif %}
                    {%- endif -%}
                {%- endset -%}
                {{ UI.renderHtmlProperty('orocrm.case.caseentity.related_account.label'|trans, relatedAccount) }}

                {% if resource_granted('oro_tag_view_tag_cloud') %}
                    {{ UI.renderHtmlProperty('oro.tag.entity_plural_label'|trans, tag.renderView(entity)) }}
                {% endif %}
            </div>
            <div class="responsive-block">
                {{ entityConfig.renderDynamicFields(entity) }}
            </div>
        </div>
    {%- endset -%}

    {% set dataBlocks = [
        {
            'title': 'orocrm.case.block.general'|trans,
            'class': 'active',
            'subblocks': [
                {'data' : [caseInformation]}
            ]
        }
    ] %}

    {% if resource_granted('orocrm_case_comment_view') %}
        {% set caseComments %}
            {{ oro_widget_render({
                'widgetType': 'block',
                'url': path('orocrm_case_widget_comments', { id: entity.id }),
                'cssClass': 'list-widget comments-widget',
                'title': '',
            }) }}
        {% endset %}

        {% set dataBlocks = dataBlocks|merge([
            {
                'title': 'orocrm.case.block.comments'|trans,
                'subblocks': [
                    {'data' : [caseComments]}
                ]
            }
        ]) %}
    {% endif %}

    {% set id = 'caseView' %}
    {% set data = { 'dataBlocks': dataBlocks } %}

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