{% import 'OroUIBundle::macros.html.twig' as ui %}
{% import 'OroEntityConfigBundle::macros.html.twig' as entityConfig %}
{% import 'OroActivityBundle::macros.html.twig' as AC %}

<div class="widget-content form-horizontal box-content">
    <div class="responsive-block">
        {# Display contexts targets in the activity list item view #}
        {% if renderContexts is defined and renderContexts %}
            <div class="activity-context-activity-list">
                {{ AC.activity_contexts(entity) }}
            </div>
        {% endif %}
        {{ ui.renderProperty('oro.call.subject.label'|trans, entity.subject) }}
        {#{{ ui.renderProperty('oro.call.call_status.label'|trans, entity.callStatus ? entity.callStatus.label : null) }}#}
        {{ ui.renderSwitchableHtmlProperty('oro.call.notes.label'|trans, entity.notes) }}
        {{ ui.renderProperty('oro.call.call_date_time.label'|trans, entity.callDateTime|oro_format_datetime) }}
    </div>
    <div class="responsive-block">
        {{ ui.renderHtmlProperty('oro.call.phone_number.label'|trans, ui.renderPhoneWithActions(entity.phoneNumber, entity)) }}
        {{ ui.renderProperty('oro.call.direction.label'|trans, entity.direction ? entity.direction.label : null) }}
        {# Don't use time formatting here because it's a time interval #}
        {{ ui.renderProperty('oro.call.duration.label'|trans, entity.duration|oro_format_duration({default: true})) }}
    </div>
    <div class="responsive-block">
        {{ entityConfig.renderDynamicFields(entity) }}
    </div>
</div>