{% extends '@OroUI/actions/view.html.twig' %}
{% import '@OroUI/macros.html.twig' as UI %}
{% import '@OroCalendar/macros.html.twig' as CalendarUI %}
{% import '@OroCalendar/invitations.html.twig' as invitations %}
{% 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) }}) %}

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

    {% if entity.parent is empty and is_granted('EDIT', entity) %}
        {# Button for add context on the activity list item view page #}
        {{ AC.addContextButton(entity) }}
        {{ UI.editButton({
            'path' : path('oro_calendar_event_update', { id: entity.id }),
            'entity_label': 'oro.calendar.calendarevent.entity_label'|trans
        })  }}
    {% endif %}
    {% if is_granted('DELETE', entity) %}
        {{ UI.deleteButton({
            'dataUrl':      path('oro_calendar_event_delete', {'id': entity.id, 'notifyAttendees': 'all'}),
            'dataRedirect': path('oro_calendar_event_index'),
            '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_calendar_event_index'),
        'indexLabel':  'oro.calendar.calendarevent.entity_plural_label'|trans,
        'entityTitle': entity.title|default('N/A'|trans),
    } %}
    {{ parent() }}
{% endblock pageHeader %}

{% block breadcrumbs %}
    {{ parent() }}
    <div class="pull-left">
        {% set statusCode = entity.invitationStatus %}
        {% set invitationClass = invitations.get_invitatition_badge_class(statusCode) %}
        {% if invitationClass %}
            <div class="invitation-status badge badge-{{ invitationClass }} status-{{ invitationClass }}">
                <i class="icon-status-{{ invitationClass }} fa-circle"></i>
                {{ invitations.calendar_event_invitation_status(statusCode) }}
            </div>
        {% endif %}
    </div>
{% endblock breadcrumbs %}

{% 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) }}
                {{ UI.renderHtmlProperty('oro.calendar.calendarevent.organizer.label'|trans, CalendarUI.renderOrganizer(entity)) }}
                {% set invitationEvent = entity.parent ?: entity %}
                {% if invitationEvent and invitationEvent.attendees is not empty %}
                    {{ UI.renderHtmlProperty('oro.calendar.calendarevent.attendees.label'|trans, invitations.calendar_event_invitation(invitationEvent)) }}
                {% endif %}
                {% if entity.recurrence %}
                    {{ UI.renderProperty('oro.calendar.calendarevent.recurrence.label'|trans, get_recurrence_text_value(entity.recurrence)) }}
                {% endif %}
                {% if entity.recurringEvent %}
                    {{ UI.renderProperty('oro.calendar.calendarevent.recurrence.exception.label'|trans, get_recurrence_text_value(entity.recurringEvent.recurrence ? : entity.parent.recurringEvent.recurrence)) }}
                {% endif %}
                {% if canChangeInvitationStatus is defined and canChangeInvitationStatus %}
                    {% include '@OroCalendar/CalendarEvent/invitationControl.html.twig' with {'entity': entity, 'triggerEventName': ''} %}
                {% endif %}
            </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 %}