{% macro renderAvailableVariablesWidget(entityName, entityChoiceFieldId) %}
    {% set system = 'oro-email-template-variables-system' %}
    {% set systemTab = system ~ '-tab' %}
    {% set entity = 'oro-email-template-variables-entity'%}
    {% set entityTab = entity ~ '-tab' %}
    <script type="text/template" id="oro-email-template-variables-template">
        <div class="emailtemplate-variables oro-tabs tabbable">
            <div class="oro-tabs__head">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item" >
                        <a id="{{ systemTab }}"
                           href="#{{system }}"
                           class="nav-link active"
                           data-target="#{{system }}"
                           data-toggle="tab"
                           role="tab"
                           aria-controls="{{system }}"
                           aria-selected="true"
                        >
                            {{ 'oro.email.emailtemplate.variables.system' | trans }}
                        </a>
                    </li>
                    <li class="nav-item">
                        <a id="{{ entityTab }}"
                           href="#{{ entity }}"
                           class="nav-link"
                           data-target="#{{ entity }}"
                           data-toggle="tab"
                           role="tab"
                           aria-controls="{{ entity }}"
                           aria-selected="false"
                        >
                            {{ 'oro.email.emailtemplate.variables.entity' | trans }}
                        </a>
                    </li>
                </ul>
            </div>
            <div class="oro-tabs__content">
                <div class="tab-content">
                    <div id="{{system }}"
                         class="variables tab-pane active"
                         role="tabpanel"
                         aria-labelledby="{{ systemTab }}"
                    >
                        <%= variables.system %>
                    </div>
                    <div id="{{ entity }}"
                         class="variables tab-pane"
                         role="tabpanel"
                         aria-labelledby="{{ entityTab }}"
                    >
                    </div>
                </div>
            </div>
        </div>
    </script>
    <script type="text/template" id="oro-email-template-variables-system-template">
        <ul class="nav">
            <% _.each(variables, function(variable, varName) { %>
            <li>
                <a href="#"
                   class="variable"
                   title="<%- _.__('oro.email.emailtemplate.variable_title', {'variable_label': variable.label}) %>">{% verbatim %}{{ <%- root %>.<%- varName %><% if(variable.filter){%>|<%- variable.filter %><% } %> }}{% endverbatim %}</a>
                <span>&ndash; <%- variable.label %></span>
            </li>
            <% }); %>
        </ul>
    </script>
    <script type="text/template" id="oro-email-template-variables-entity-variable-template">
        <li>
            <a href="#"
               class="variable"
               title="<%- _.__('oro.email.emailtemplate.variable_title', {'variable_label': variable.label}) %>"
            >{% verbatim %}{{ <%- varValue %> }}{% endverbatim %}</a>
            <span>&ndash;</span>
            <ul class="caption">
                <% for (var i = 1; i < breadcrumbs.length; i++) { %>
                <li>
                    <span><%- pathLabels[breadcrumbs[i]] %></span>
                    <span>/</span>
                </li>
                <% } %>
                <li><%- variable.label %></li>
            </ul>
        </li>
    </script>
    <script type="text/template" id="oro-email-template-variables-entity-template">
        <% var breadcrumbs = path.split('/'); breadcrumbs[0] = root; %>
        <ul class="breadcrumb">
            <% var breadcrumbPath = ''; %>
            <% for (var i = 0; i < breadcrumbs.length; i++) { %>
            <% breadcrumbPath += '/' + breadcrumbs[i]; %>
            <% breadcrumbItemLabel = (i === 0 ? entityLabel : pathLabels[breadcrumbs[i]]); %>
            <li<% if (i === breadcrumbs.length - 1) { %> class="active"<% } %>>
                <% if (i !== breadcrumbs.length - 1) { %>
                <a href="#"
                   class="reference"
                   data-path="<%- breadcrumbPath.substring(root.length + 1) %>"><%- breadcrumbItemLabel %></a>
                <span class="divider">/&nbsp;</span>
                <% } else { %>
                    <%- breadcrumbItemLabel %>
                <% } %>
            </li>
            <% } %>
        </ul>
        <% var varPrefix = path.split('/'); varPrefix[0] = root; varPrefix = varPrefix.join('.'); %>
        <% if (!_.isEmpty(fields) || !_.isEmpty(relations)) { %>
        <ul class="nav groups">
            <% if (!_.isEmpty(fields)) { %>
            <li>
                <div class="group-label"><%- _.__('oro.entity.field_choice.fields') %></div>
                <ul class="nav">
                <% var variableTemplate =  _.template($('#oro-email-template-variables-entity-variable-template').html()) %>
                <% _.each(fields, function(variable, varName) { %>
                    <%= variableTemplate({
                        varValue:    varPrefix + '.' + varName,
                        breadcrumbs: breadcrumbs,
                        pathLabels:  pathLabels,
                        variable:    variable
                    }) %>
                    {# shows variable with default formatter applied
                     # code commented because it was rejected on demo but can be used in future implementation of variable formatters UI
                     #
                    <% if (!_.isUndefined(variable.default_formatter)) { %>
                        <%= variableTemplate({
                            varValue:    varPrefix + '.' + varName + '|oro_format(\'' + variable.default_formatter + '\')',
                            breadcrumbs: breadcrumbs,
                            pathLabels:  pathLabels,
                            variable:    variable
                        }) %>
                    <% }; %>
                    #}

                    {# shows variable with all posible formatters applied (skiping default formatter)
                     # code commented because it was rejected on demo but can be used in future implementation of variable formatters UI
                     #
                    <% if (!_.isUndefined(variable.formatters)) { %>
                        <% _.each(variable.formatters, function(formatterName) { %>
                            <% if (!_.isUndefined(variable.default_formatter) && formatterName === variable.default_formatter) { %>
                                <% return; %>
                            <% }; %>
                            <%= variableTemplate({
                                varValue:    varPrefix + '.' + varName + '|oro_format(\'' + formatterName + '\')',
                                breadcrumbs: breadcrumbs,
                                pathLabels:  pathLabels,
                                variable:    variable
                            }) %>
                        <% }); %>
                    <% }; %>
                    #}
                <% }); %>
                </ul>
            </li>
            <% } %>
            <% if (!_.isEmpty(relations)) { %>
            <li>
                <div class="group-label"><%- _.__('oro.entity.field_choice.relations') %></div>
                <ul class="nav">
                    <% _.each(relations, function(variable, varName) { %>
                    <li>
                        <a href="#"
                           class="reference"
                           data-path="<%- path + '/' + varName %>"
                           title="<%- _.__('oro.email.emailtemplate.reference_title', {'variable_label': variable.label}) %>">{% verbatim %}{{ <%- varPrefix %>.<%- varName %> }}{% endverbatim %}</a>
                        <span>&ndash; <%- variable.label %></span>
                    </li>
                    <% }); %>
                </ul>
            </li>
            <% } %>
        </ul>
        <% } %>
    </script>

    {% set options = {
        name: 'email-template-variables',
        entityChoice: '#' ~ entityChoiceFieldId,
        view: {
            templateSelector:        '#oro-email-template-variables-template',
            sectionTemplateSelector: '#oro-email-template-variables-{sectionName}-template',
            sectionContentSelector:  '#oro-email-template-variables-{sectionName}',
            sectionTabSelector:      '#oro-email-template-variables-{sectionName}-tab',
        },
        model: {
            attributes: render(path('oro_api_get_emailtemplate_variables')),
            entityName: entityName,
            entityLabel: entityName ? oro_entity_config_value(entityName, 'label')|trans : '',
        }
    } %}
    <div data-page-component-module="oroemail/js/app/components/email-variable-component"
         data-page-component-options="{{ options|json_encode }}"
         data-page-component-name="email-template-variables"></div>
{% endmacro %}
{#
    Renders email address owner name as text
    Parameters:
        emailAddress - email address entity Oro\Bundle\EmailBundle\Entity\EmailAddress
#}
{% macro email_address_text(emailAddress) -%}
    {{ emailAddress.owner|oro_format_name|default('N/A') }}
{%- endmacro -%}

{#
    Renders email address owner name as link based on owner type
    Parameters:
        emailAddress - email address entity Oro\Bundle\EmailBundle\Entity\EmailAddress
        label - [optional] A text representation of email address
#}
{% macro email_address_link(emailAddress, label) -%}
    {% import _self as emailMacros %}

    {{ emailMacros.renderEmailAddressLink(
        label|oro_html_strip_tags|default(emailMacros.email_address_text(emailAddress)),
        oro_class_name(emailAddress.owner),
        emailAddress.owner.id) }}
{%- endmacro -%}

{#
    Renders email address owner name as link based on owner type
    Parameters:
        label - The text representation of email address
        ownerClass - The class name of email address owner
        ownerId - The id of email address owner
#}
{% macro renderEmailAddressLink(label, ownerClass, ownerId) -%}
    {% set route = oro_entity_route(ownerClass) %}
    {% if route is not null %}
        <a href="{{ path(route, {id: ownerId}) }}">{{ label|oro_html_strip_tags }}</a>
    {% else %}
        {{ label|oro_html_strip_tags }}
    {% endif %}
{%- endmacro -%}

{#
    Renders email address name as link based on owner type
    Parameters:
        emailAddress - email address entity Oro\Bundle\EmailBundle\Entity\EmailAddress
#}
{% macro email_address_recipient_link(emailAddress, emailAddressName, label) -%}
    {% set label = label|oro_html_strip_tags|default(emailAddressName|default('N/A')) %}
    {% set route = oro_entity_route(oro_class_name(emailAddress.owner)) %}
    {% if route is not null %}
        <a href="{{ path(route, {id: emailAddress.owner.id}) }}" dir="ltr">
            {{ label }}</a>
    {% else %}
        <bdo dir="ltr">{{ label }}</bdo>
    {% endif %}
{%- endmacro -%}

{#
    Render email address name, owner name or a link to owner view page can be rendered depends on given parameters
    Parameters:
        emailAddress - email address entity Oro\Bundle\EmailBundle\Entity\EmailAddress
        emailAddressName - a string contains an email address. It is used if the email address has no owner
        noLink - determines whether the rendering of a link to the owner view page is forbidden or not. Default value is false
        knownOnly - if true renders only emails which have an owner; otherwise, all emails. Default value is false
#}
{% macro email_address(emailAddress, emailAddressName, noLink, knownOnly) -%}
    {% import _self as emailMacros %}

    {% if emailAddress.owner is null -%}
        {% if not knownOnly|default(false) -%}
            {{ emailAddressName|oro_html_strip_tags }}
        {%- endif %}
    {%- else -%}
        {% if noLink|default(false) -%}
            {{ emailMacros.email_address_text(emailAddress) }}
        {%- else -%}
            {{ emailMacros.email_address_link(emailAddress)|raw }}
        {%- endif %}
    {%- endif %}
{%- endmacro %}

{#
    Render email address name a link to owner view page can be rendered depends on given parameters
    Parameters:
        emailAddress - email address entity Oro\Bundle\EmailBundle\Entity\EmailAddress
        emailAddressName - a string contains an email address. It is used if the email address has no owner
        noLink - determines whether the rendering of a link to the owner view page is forbidden or not. Default value is false
        knownOnly - if true renders only emails which have an owner; otherwise, all emails. Default value is false
#}
{% macro email_address_recipient(emailAddress, emailAddressName, noLink, knownOnly) -%}
    {% import _self as emailMacros %}

    {% if emailAddress.owner is null -%}
        {% if not knownOnly|default(false) -%}
            {{ emailAddressName }}
        {%- endif %}
    {%- else -%}
        {% if noLink|default(false) -%}
            {{ emailAddressName }}
        {%- else -%}
            {{ emailMacros.email_address_recipient_link(emailAddress, emailAddressName)|raw }}
        {%- endif %}
    {%- endif %}
{%- endmacro %}

{#
    Render email address with title
    Parameters:
        email - EmailInterface object or string
        title (optional) - email title
#}
{%- macro email_address_simple(email, title) -%}
    {% if email is not empty %}
        {% set emailAddress = null %}
        {# if email is an object implemented EmailInterface #}
        {% if email.email is defined %}
            {% if email.email is not empty %}
                {% set emailAddress = email.email %}
            {% endif %}
            {# if email is a string #}
        {% else %}
            {% set emailAddress = email %}
        {% endif %}

        {% if title is empty %}
            {% set title = emailAddress %}
        {% endif %}

        {% if emailAddress %}
            <a href="mailto:{{ emailAddress|e('html_attr') }}" aria-label="{{ 'oro.email.emailuser.email.aria_label'|trans({'%email%': title|oro_html_strip_tags }) }}" title="{{ title|e('html_attr') }}" class="email"><bdo dir="ltr">{{ title|oro_html_strip_tags }}</bdo></a>
        {% endif %}
    {% endif %}
{%- endmacro -%}

{#
    Render email address with related actions block
    Parameters:
        email - EmailInterface object or string
        entity - related entity record
#}
{%- macro renderEmailWithActions(email, entity) -%}
    {% import _self as emailMacros %}

    {% if email is not empty %}
        {%- set actions %}
            {%- placeholder email_actions with {email: email, entity: entity} -%}
        {% endset -%}
        {% set actions = actions|trim %}
        <span class="inline-actions-element{% if actions is empty %} inline-actions-element_no-actions{% endif %}">
            <span class="inline-actions-element_wrapper">{{ emailMacros.email_address_simple(email) }}</span>
            {% if actions is not empty -%}
                <span class="inline-actions-element_actions email-actions">{{ actions|raw }}</span>
            {%- endif %}
        </span>
    {% endif %}
{%- endmacro -%}

{#
    Render the given email recipients
    Parameters:
        recipients - an array of Oro\Bundle\EmailBundle\Entity\EmailRecipients
        noLink - determines whether the rendering of a link to the owner view page is forbidden or not. Default value is false
        knownOnly - if true renders only emails which have an owner; otherwise, all emails. Default value is false
#}
{% macro recipient_email_addresses(recipients, noLink, knownOnly) -%}
    {% import _self as emailMacros %}

    {% set addresses = {} -%}
    {% for recipient in recipients -%}
        {% set address = emailMacros.email_address_recipient(recipient.emailAddress, recipient.name, noLink, knownOnly) %}
        {%- if address|length > 0 -%}
            {% set addresses = addresses|merge([address]) %}
        {% else %}
            {% set addresses = addresses|merge([recipient.emailAddress.email]) %}
        {%- endif %}
    {%- endfor -%}

    {% for address in addresses -%}
        {{ address|oro_html_strip_tags }}
        {%- if not loop.last %}; {% endif %}
    {% else %}
        {{ 'N/A'|trans }}
    {%- endfor %}
{%- endmacro %}

{#
    Render the given email attachments
    Parameters:
        attachments - an array
        target - an object
        hasGrantReattach - has grants for create attachment entity
#}
{% macro attachments(attachments, target, hasGrantReattach) -%}
    {% set galleryUid = random() %}
    {%- for attachment in attachments -%}
        {% if attachment.embeddedContentId is null %}
            {% set canCopyToRecord = (hasGrantReattach and target is defined and oro_can_attache(attachment, target)) ? true : false %}
            {% set attachmentUrl = path('oro_email_attachment', {id: attachment.id}) %}
            {% set isImage = oro_type_is_image(attachment.contentType) %}
            {% set isPreviewAvailable = oro_is_preview_available(attachment.contentType) %}
            {% set icon = oro_attachment_icon(attachment) %}
            <li class="email-attachments-list-item">
                <div class="email-attachments-file">
                    {% if (isImage) %}
                        <a data-gallery="gallery-{{ galleryUid }}"
                           data-filename="{{ attachment.fileName }}"
                           class="no-hash"
                           href="{{ attachmentUrl }}">
                            <span class="thumbnail" style="background: url('{{ path('oro_resize_email_attachment', {id: attachment.id, width: 110, height: 80}) }}') 50% 50% no-repeat;"></span>
                        </a>
                    {% else %}
                        <div class="thumbnail">
                            <span class="fa {{ icon }} fa-offset-none" aria-hidden="true"></span>
                        </div>
                    {% endif %}
                </div>
                <div class="dropdown link-to-record">
                    {% set togglerId = 'dropdown-'|uniqid %}
                    <a class="no-hash dropdown-toggle dropdown-toggle--no-caret" id="{{ togglerId }}" href="#" role="button" data-toggle="dropdown">
                        <span class="fa {{ icon }}" aria-hidden="true"></span> {{ oro_format_filename(attachment.fileName, 11, 4, 5) }}
                    </a>
                    <ul class="dropdown-menu {{ canCopyToRecord ? '' : 'one'}}" role="menu" aria-labelledby="{{ togglerId }}">
                        {% if (isPreviewAvailable) %}
                            <a class="view-image no-hash" tabindex="-1" data-gallery="gallery-{{ galleryUid }}" href="{{ attachmentUrl }}">{{ 'oro.email.attachment.view'|trans }}</a>
                        {% endif %}
                        <a class="no-hash" tabindex="-1" href="{{ attachmentUrl }}">
                            {{ 'oro.email.attachment.save'|trans }}<span>({{ file_size(attachment.size) }})</span>
                        </a>
                        {% if (canCopyToRecord) %}
                            {% set options = {
                                'view': 'oroemail/js/app/views/email-attachment-link-view',
                                'url': path('oro_email_attachment_link', {
                                    id: attachment.id,
                                    targetActivityClass: oro_class_name(target),
                                    targetActivityId: target.id
                                })
                            } %}
                        <a tabindex="-1" data-page-component-module="oroui/js/app/components/view-component"
                            class="attachment"
                            data-page-component-options="{{ options|json_encode }}"
                            href="{{ options.url }}">
                            {{ 'oro.email.attachment.copy_to_record'|trans }}
                        </a>
                        {% endif %}
                    </ul>
                </div>
            </li>
        {% endif %}
    {%- endfor -%}
{%- endmacro %}

{#
    Render email body
    Parameters:
        emailBody - email body entity Oro\Bundle\EmailBundle\Entity\EmailBody
        cssClass - used to specify an additional CSS class for email body container HTML element
#}
{% macro body(emailBody, cssClass) -%}
    {% if emailBody.bodyIsText -%}
        <pre class="email-body{% if cssClass is defined %} {{ cssClass }}{% endif %}">{{ emailBody.bodyContent }}</pre>
    {%- else -%}
        <iframe sandbox="" class="email-body{% if cssClass is defined %} {{ cssClass }}{% endif %}" src="{{ path('oro_email_body', {id:emailBody.id}) }}"></iframe>
    {%- endif %}
{%- endmacro %}

{#
    Render email participant name or "me" if it is current user,
        owner name or a link to owner view page can be rendered depends on given parameters
    Parameters:
        emailAddress - email address entity Oro\Bundle\EmailBundle\Entity\EmailAddress
        emailAddressName - a string contains an email address. It is used if the email address has no owner
        noLink - determines whether the rendering of a link to the owner view page is forbidden or not. Default value is false
        knownOnly - if true renders only emails which have an owner; otherwise, all emails. Default value is false
#}
{% macro email_participant_name_or_me(emailAddress, emailAddressName, noLink, knownOnly) -%}
    {% import _self as emailMacros %}

    {% if emailAddress.owner is not null and
          oro_class_name(emailAddress.owner, true) == oro_class_name(app.user, true) and
          emailAddress.owner.id == app.user.id -%}
        {% if noLink|default(false) -%}
            {{ 'Me'|trans|lower }}
        {%- else -%}
            {{ emailMacros.email_address_link(emailAddress, 'Me'|trans|lower)|raw }}
        {%- endif %}
    {%- else -%}
        {%- set name = oro_get_email_address_name(emailAddressName)|default(oro_get_email_address(emailAddressName))|oro_html_strip_tags -%}
        {{ emailMacros.email_address(emailAddress, name, noLink, knownOnly) }}
    {%- endif %}
{%- endmacro %}

{#
    Render list of participants using email_participant_name_or_me macros
    Parameters:
        recipients - an array of Oro\Bundle\EmailBundle\Entity\EmailRecipients
        noLink - determines whether the rendering of a link to the owner view page is forbidden or not. Default value is false
        knownOnly - if true renders only emails which have an owner; otherwise, all emails. Default value is false
#}
{% macro email_participants_name(recipients, noLink, knownOnly) -%}
    {% import _self as emailMacros %}

    {% set recipientHtmlCollection = [] %}
    {% for recipient in recipients %}
        {% set recipientHtml -%}
            <span class="email-recipient">{{ emailMacros.email_participant_name_or_me(recipient.emailAddress, recipient.name, noLink, knownOnly) }}</span>
        {%- endset %}
        {% set recipientHtmlCollection = recipientHtmlCollection|merge([recipientHtml]) %}
    {% endfor %}
    {{ recipientHtmlCollection|join(', ')|raw }}
{%- endmacro %}

{#
    Render date in proper format
    Parameters:
        date - DateTime
#}
{% macro date_smart_format(date) -%}
    {% if date(date)|oro_format_date == date()|oro_format_date -%}
        {# same day -- show only time #}
        {{ date|oro_format_time({'timeZone': oro_timezone()}) }}
    {%- elseif date(date)|oro_format_date == date('-1days')|oro_format_date -%}
        {{ 'yesterday'|trans|capitalize }}
    {%- elseif date(date).format('Y') == date().format('Y') -%}
        {# same year -- month and daty #}
        {{ date|oro_format_day({'timeZone': oro_timezone()}) }}
    {%- else -%}
        {{ date|oro_format_date({'timeZone': oro_timezone()}) }}
    {%- endif %}
{%- endmacro %}

{#
    Render table with detailed information about all participants, send date and subject
    Parameters:
        email - email entity Oro\Bundle\EmailBundle\Entity\Email
#}
{% macro email_detailed_info_table(email) %}
    {% set recipientsTo = [] %}
    {% set recipientsCc = [] %}
    {% set recipientsBcc = [] %}
    {% for recipient in email.recipients %}
        {% set emailAddressName = oro_get_email_address_name(recipient.name)|oro_html_strip_tags %}
        {% set emailAddress = oro_get_email_address(recipient.name)|oro_html_strip_tags %}
        {% if emailAddressName == '' and emailAddress == '' %}
            {% set recipientName = '' %}
        {% else %}
            {% set recipientName = emailAddressName ~ ' <bdo dir="ltr">&lt;' ~ emailAddress ~ '&gt;</bdo>' %}
        {% endif %}
        {% if recipient.type == 'to' %}
            {% set recipientsTo = recipientsTo|merge([recipientName])%}
        {% elseif recipient.type == 'cc' %}
            {% set recipientsCc = recipientsCc|merge([recipientName])%}
        {% elseif recipient.type == 'bcc' %}
            {% set recipientsBcc = recipientsBcc|merge([recipientName])%}
        {% endif %}
    {% endfor %}
    {% set fromUserName = oro_get_email_address_name(email.fromName)|oro_html_strip_tags %}
    {% set fromEmailAddress = '<bdo dir="ltr">&lt;' ~ oro_get_email_address(email.fromName)|oro_html_strip_tags ~ '&gt;</bdo>' %}
    {% set data = [{
            label: 'From'|trans,
            value: fromUserName ? '<b>' ~ fromUserName ~ '</b> ' ~ fromEmailAddress : '<b>' ~ fromEmailAddress ~ '</b>' ,
            cssClass: 'autor'
        }, {
            label: 'To'|trans,
            value: recipientsTo|join(',<br/>')
        }, {
            label: 'Cc'|trans,
            value: recipientsCc|join(',<br/>')
        }, {
            label: 'Bcc'|trans,
            value: recipientsBcc|join(',<br/>')
        }, {
            label: 'Date'|trans,
            value: email.sentAt|oro_format_datetime|e
        }, {
            label: 'Subject'|trans,
            value: email.subject|oro_html_strip_tags
    }] %}
    <div class="email-detail-info">
        <table class="email-detail-info__table">
            {% for item in data %}
                {% if item.value is not empty %}
                    <tr class="email-detail-info__tr">
                        <td class="email-detail-info__td">
                            <div class="email-detail-info__label">{{ item.label|raw }}:</div>
                        </td>
                        <td class="email-detail-info__td">
                            <div  class="email-detail-info__value {{ item.cssClass is defined ? item.cssClass : '' }}">{{ item.value|raw }}</div>
                        </td>
                    </tr>
                {% endif %}
            {% endfor %}
        </table>
    </div>
{% endmacro %}

{#
    Removes sequence of '-' chars and cuts to fit the length
    Parameters:
        emailBody - email body entity Oro\Bundle\EmailBundle\Entity\EmailBody
#}
{% macro email_short_body(emailBody, length) %}
    {%- set length = length|default(150) -%}
    {{ emailBody.textBody|striptags|oro_preg_replace('/\-{2,}/', '--')[:length]|replace({'--': '&mdash;'})|raw }}
{% endmacro %}

{#
    Render title and buttons for Mailbox configuration
#}
{% macro renderMailboxConfigTitleAndButtons(pageTitle, buttons) %}
    <div class="container-fluid page-title">
        <div class="navigation navbar-extra navbar-extra-right">
            <div class="row">
                <div class="pull-left pull-left-extra">
                    <div class="page-title__path">
                        <div class="top-row">
                            <div class="page-title__entity-title-wrapper">
                                {% if pageTitle is iterable %}
                                    {% for title in pageTitle%}
                                        {% if not loop.last %}
                                            <div class="sub-title">
                                                {% if title is iterable and title.link is defined and title.label is defined %}
                                                    <a href="{{ title.link }}">{{ title.label }}</a>
                                                {% else %}
                                                    {{ title }}
                                                {% endif %}
                                            </div>
                                            <span class="separator">/</span>
                                        {% else %}
                                            <h1 class="page-title__entity-title">
                                                {% if title is iterable and title.link is defined and title.label is defined %}
                                                    <a href="{{ title.link }}">{{ title.label }}</a>
                                                {% else %}
                                                    {{ title }}
                                                {% endif %}
                                            </h1>
                                        {% endif %}
                                    {% endfor %}
                                {% else %}
                                    <h1 class="page-title__entity-title">
                                        {{ pageTitle }}
                                    </h1>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pull-right title-buttons-container">
                    {{ buttons|raw }}
                </div>
            </div>
        </div>
    </div>
{% endmacro %}