{% set person_id = null %}
{% if person %}
    {% set person_id = person.id %}
{% endif %}

{% set accompanying_course_id = null %}
{% if accompanyingCourse %}
    {% set accompanying_course_id = accompanyingCourse.id %}
{% endif %}

<h2>{{ 'Activity list' |trans }}</h2>

{% if activities|length == 0 %}
    <p class="chill-no-data-statement">
        {{ "There isn't any activities."|trans }}
        <a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'accompanying_period_id': accompanying_course_id}) }}" class="sc-button bt-create button-small"></a>
    </p>
{% else %}

<div class="flex-table list-records {{ context }}">
    <!--
    <thead>
        <tr>
            <th class="chill-red">{{'Date' | trans }}</th>
            <th class="chill-green">{{'Duration Time' | trans }}</th>
            <th class="chill-orange">{{'Reasons' | trans}}</th>
            <th>{{'Type' | trans}}</th>
            <th>&nbsp;</th>
        </tr>
    </thead>
-->
    {% for activity in activities %}
        {% set t = activity.type %}
        <div class="item-bloc">
            <div class="item-row main">
                <div class="item-col">
                                        
                    {% if activity.date %}
                        <h3>{{ activity.date|format_date('long') }}</h3>
                    {% endif %}
                   
                    <div class="duration">
                      {% if t.durationTimeVisible > 0 %}
                        <p>
                            <i class="fa fa-fw fa-hourglass-end"></i>
                            {{ activity.durationTime|date('H:i') }}
                        </p>
                      {% endif %}
                        
                        {% if activity.travelTime and t.travelTimeVisible %}
                        <p>
                            <i class="fa fa-fw fa-car"></i>
                            {{ activity.travelTime|date('H:i') }}
                        </p>
                        {% endif %}
                    </div>
                    
                </div>
                <div class="item-col">
                    <ul class="list-content">
                        {% if activity.user and t.userVisible %}
                        <li>
                            <b>{{ 'by'|trans }}{{ activity.user.usernameCanonical }}</b>
                        </li>
                        {% endif %}
                        
                        <li>
                            <b>{{ activity.type.name | localize_translatable_string }}</b>
                            
                            {% if activity.attendee is not null and t.attendeeVisible %}
                                {% if activity.attendee %}
                                    {{ '→ ' ~ 'present'|trans|capitalize }} 
                                {% else %} 
                                    {{ '→ ' ~ 'not present'|trans|capitalize }}
                                {% endif %}
                            {% endif %}
                        </li>
                        
                        <li>
                            <b>{{ 'location'|trans ~ ': ' }}</b>
                            Domicile de l'usager
                            {#
                                {% if activity.location %}{{ activity.location }}{% endif %}
                            #}
                        </li>
                        
                        {%- if t.reasonsVisible -%}
                        <li>
                            {%- if activity.reasons is empty -%}
                                <span class="chill-no-data-statement">{{ 'No reason associated'|trans }}</span>
                            {%- else -%}
                                {% for r in activity.reasons %}
                                    {{ r|chill_entity_render_box }}
                                {% endfor %}
                            {%- endif -%}
                        </li>
                        {% endif %}

                        {%- if t.socialIssuesVisible %}
                            <li class="social-issues">
                                {%- if activity.socialIssues is empty -%}
                                    <span class="chill-no-data-statement">{{ 'No social issues associated'|trans }}</span>
                                {%- else -%}
                                    {% for r in activity.socialIssues %}
                                      {{ r|chill_entity_render_box }}
                                    {% endfor %}
                                {%- endif -%}
                            </li>
                        {% endif %}
                        
                        {%- if t.socialActionsVisible -%}
                            <li class="social-actions">
                                {%- if activity.socialActions is empty -%}
                                    <span class="chill-no-data-statement">{{ 'No social actions associated'|trans }}</span>
                                {%- else -%}
                                    {% for r in activity.socialActions %}
                                        <span class="badge badge-primary">{{ r.title|localize_translatable_string }}</span>
                                    {% endfor %}
                                {%- endif -%}
                            </li>
                        {% endif %}

                        
                    </ul>
                    <ul class="record_actions">
                        <li>
                            <a href="{{ path('chill_activity_activity_show', { 'id': activity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}" class="sc-button bt-show "></a>
                        </li>
                        {# TOOD
                        {% if is_granted('CHILL_ACTIVITY_UPDATE', activity) %}
                        #}
                        <li>
                            <a href="{{ path('chill_activity_activity_edit', { 'id': activity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}" class="sc-button bt-update "></a>
                        </li>
                        {# TOOD
                        {% endif %}
                        {% if is_granted('CHILL_ACTIVITY_DELETE', activity) %}
                        #}
                        <li>
                            <a href="{{ path('chill_activity_activity_delete', { 'id': activity.id, 'person_id' : person_id, 'accompanying_period_id': accompanying_course_id } ) }}" class="sc-button bt-delete "></a>
                        </li>
                        {#
                        {% endif %}
                        #}
                    </ul>
                </div>
            </div>
            
            {%  
                if activity.comment.comment is not empty 
                or activity.persons|length > 0
                or activity.thirdParties|length > 0
                or activity.users|length > 0 
            %}
            <div class="item-row details">
                <div class="item-col">
                    {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'with_display': 'row', 'entity': activity } %}
                </div>
                
                {% if activity.comment.comment is not empty %}
                <div class="item-col comment">
                    {{ activity.comment|chill_entity_render_box( { 'limit_lines': 3, 'metadata': false } ) }}
                </div>
                {% endif %}
            </div>
            {% endif %}
            
        </div>
    {% endfor %}
</div>
{% endif %}

<ul class="record_actions">
    <li>
        <a href="{{ path('chill_activity_activity_new', {'person_id': person_id, 'accompanying_period_id': accompanying_course_id}) }}" class="sc-button bt-create">
            {{ 'Add a new activity' | trans }}
        </a>
    </li>
</ul>