{% extends '@OroUI/actions/view.html.twig' %}
{% import '@OroUI/macros.html.twig' as UI %}
{% import '@OroEntityConfig/macros.html.twig' as entityConfig %}
{% import '@OroActivity/macros.html.twig' as AC %}

{% oro_title_set({params : {
    "%entity.title%": entity.title|default('N/A'|trans),
    "%parent.name%": entity.systemCalendar.name
}}) %}

{% block navButtons %}
    {% import '@OroActivity/macros.html.twig' as AC %}
    {% import '@OroUI/macros.html.twig' as UI %}

    {% if editable %}
        {# Button for add context on the activity list item view page #}
        {{ AC.addContextButton(entity) }}
        {{ UI.editButton({
            'path' : path('oro_system_calendar_event_update', { id: entity.id }),
            'entity_label': 'oro.calendar.calendarevent.entity_label'|trans
        })  }}
    {% endif %}
    {% if removable %}
        {{ UI.deleteButton({
            'dataUrl':      path('oro_calendar_event_delete', {'id': entity.id}),
            'dataRedirect': path('oro_system_calendar_view', {'id': entity.systemCalendar.id}),
            'aCss':         'no-hash remove-button',
            'dataId':       entity.id,
            'entity_label': 'oro.calendar.calendarevent.entity_label'|trans
        }) }}
    {% endif %}
{% endblock navButtons %}

{% block stats %}
    {% import '@OroActivity/macros.html.twig' as AC %}

    {# Display contexts targets in the activity view page #}
    <li class="context-data activity-context-activity-block">
        {{ AC.activity_contexts(entity) }}
    </li>
{% endblock %}

{% block pageHeader %}
    {% set breadcrumbs = {
        'entity':      entity,
        'indexPath':   path('oro_system_calendar_index'),
        'indexLabel':  'oro.calendar.systemcalendar.entity_plural_label'|trans,
        'entityTitle': entity.title|default('N/A'|trans),
        'additional': [{
            'indexPath':   path('oro_system_calendar_view', {'id': entity.systemCalendar.id}),
            'indexLabel':  entity.systemCalendar.name,
        }]
    } %}
    {{ parent() }}
{% endblock pageHeader %}

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

    {%- set calendarEventInformation -%}
        <div class="row-fluid form-horizontal">
            <div class="responsive-block">
                {{ UI.renderProperty('oro.calendar.calendarevent.title.label'|trans, entity.title) }}
                {{ UI.renderSwitchableHtmlProperty('oro.calendar.calendarevent.description.label'|trans, entity.description) }}
                {{ UI.renderProperty('oro.calendar.calendarevent.start.label'|trans, entity.start|oro_format_datetime) }}
                {{ UI.renderProperty('oro.calendar.calendarevent.end.label'|trans, entity.end|oro_format_datetime) }}
                {{ UI.renderProperty('oro.calendar.calendarevent.all_day.label'|trans, entity.allDay ? 'Yes'|trans : 'No'|trans) }}
            </div>
            <div class="responsive-block">
                {{ entityConfig.renderDynamicFields(entity) }}
            </div>
        </div>
    {%- endset -%}

    {% set dataBlocks = [
        {
            'title': 'General Information'|trans,
            'class': 'active',
            'subblocks': [
                {'data' : [calendarEventInformation]}
            ]
        }
    ] %}

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

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