chill-bundles/src/Bundle/ChillActivityBundle/Resources/views/Activity/activity-badge-title.html.twig

<h2 class="badge-title">
    <span class="title_label">

        {% if activity.date %}
            <h3>{{ activity.date|format_date('short') }}</h3>
        {% endif %}

        <div class="duration">
            {% if activity.durationTime and t.durationTimeVisible %}
                <p>
                    <abbr class="fa fa-fw fa-hourglass-end" title="{{ 'Duration Time'|trans }}"></abbr>
                    {{ activity.durationTime|date('H:i') }}
                </p>
            {% endif %}

            {% if activity.travelTime and t.travelTimeVisible %}
                <p>
                    <abbr class="fa fa-fw fa-car" title="{{ 'Travel time'|trans }}"></abbr>
                    {{ activity.travelTime|date('H:i') }}
                </p>
            {% endif %}
        </div>

    </span>
    <span class="title_action">

        {{ activity.type.name | localize_translatable_string }}

        {% if activity.emergency %}
            <span class="badge bg-danger rounded-pill fs-6">{{ 'Emergency'|trans|upper }}</span>
        {% endif %}

        <ul class="small_in_title mt-3">

            {% if activity.sentReceived is not empty and t.sentReceivedVisible %}
                <li>
                    <span class="item-key">{{ 'Sent received'|trans ~ ' : ' }}</span>
                    <b>{{ activity.sentReceived|capitalize|trans }}</b>
                </li>
            {% endif %}

            {% if activity.location and t.locationVisible %}
                <li>
                    <span class="item-key">{{ 'location'|trans ~ ': ' }}</span>
                    <b>
                        <span>{{ activity.location.locationType.title|localize_translatable_string }}</span>
                        {{ activity.location.name }}
                    </b>
                </li>
            {% endif %}

            {% if activity.user and t.userVisible %}
                <li>
                    <span class="item-key">{{ 'Referrer'|trans ~ ': ' }}</span>
                    <b>{{ activity.user.usernameCanonical }}</b>
                </li>
            {% endif %}

            <li class="associated-persons">
                <span class="item-key">{{ 'Participants'|trans ~ ' : ' }}</span>
                {% for p in activity.personsAssociated %}
                    <span class="badge-person">{{ p|chill_entity_render_box }}</span>
                {% endfor %}
            </li>
        </ul>

        <ul class="list-content my-3">
            {%- if t.reasonsVisible -%}
                {%- if activity.reasons is not empty -%}
                    <li class="reasons">
                        {% for r in activity.reasons %}
                            {{ r|chill_entity_render_box }}
                        {% endfor %}
                    </li>
                {%- endif -%}
            {% endif %}
            {%- if t.socialIssuesVisible %}
                {%- if activity.socialIssues is not empty -%}
                    <li class="social-issues">
                        {% for r in activity.socialIssues %}
                            {{ r|chill_entity_render_box }}
                        {% endfor %}
                    </li>
                {%- endif -%}
            {% endif %}
            {%- if t.socialActionsVisible -%}
                {%- if activity.socialActions is not empty -%}
                    <li class="social-actions">
                        {% for r in activity.socialActions %}
                            {{ r|chill_entity_render_box }}
                        {% endfor %}
                    </li>
                {%- endif -%}
            {% endif %}
        </ul>
    </span>
</h2>

{% if context == 'person' and activity.accompanyingPeriod is not empty %}
    <div class="mt-3">
        <a class="btn btn-sm btn-outline-primary"
           title="{{ 'Period number %number%'|trans({'%number%': activity.accompanyingPeriod.id}) }}"
           href="{{ chill_path_add_return_path(
               "chill_person_accompanying_course_index",
               { 'accompanying_period_id': activity.accompanyingPeriod.id }
           ) }}"><i class="fa fa-random"></i>
        </a>
    </div>
{% endif %}