{% set user_id = null %}
{% if user %}
    {% set user_id = user.id %}
{% endif %}

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

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

{% if calendarItems|length == 0 %}
    <p class="chill-no-data-statement">
        {{ "There is no calendar items."|trans }}
        <a href="{{ path('chill_calendar_calendar_new', {'user_id': user_id, 'accompanying_period_id': accompanying_course_id}) }}" class="btn btn-create button-small"></a>
    </p>
{% else %}

<div class="flex-table list-records context-{{ context }}">

    {% for calendar in calendarItems %}

        <div class="item-bloc">
            <div class="item-row main">
                <div class="item-col">
                                        
                    {% if calendar.startDate %}
                        <h3>{{ calendar.startDate|format_datetime('long') }} </h3>
                    {% endif %}
                   
                    {% if calendar.endDate %}
                        <h3>{{ calendar.endDate|format_datetime('long') }}</h3>
                    {% endif %}
                    

                    <div class="duration">
                        <p>
                            <i class="fa fa-fw fa-hourglass-end"></i>
                            {{ calendar.endDate.diff(calendar.startDate)|date("%H:%M")}}
                        </p>
                    </div>

                    {% if context == 'user' and calendar.accompanyingPeriod is not empty %}
                      <div class="accompanyingPeriodLink" style="margin-top: 1rem">
                        <a 
                           href="{{ chill_path_add_return_path(
                            "chill_user_accompanying_course_index",
                            { 'accompanying_period_id': calendar.accompanyingPeriod.id }
                            ) }}"
                           >
                          <i class="fa fa-random"></i>
                          {{ calendar.accompanyingPeriod.id }}
                        </a>
                      </div>
                    {% endif %}
                    
                </div>
                <div class="item-col">
                    <ul class="list-content">
                        {% if calendar.user %}
                        <li>
                            <b>{{ 'by'|trans }}{{ calendar.user.usernameCanonical }}</b>
                        </li>
                        {% endif %}
                        
                        {% if calendar.mainUser is not empty %}
                        <li>
                            <b>{{ 'main user concerned'|trans }}{{ calendar.mainUser.usernameCanonical }}</b>
                        </li>
                        {% endif %}

                 
                        <li>
                            {%- if calendar.comment.isEmpty -%}
                                <span class="chill-no-data-statement">{{ 'No comments'|trans }}</span>
                            {%- else -%}
                                {{ calendar.comment|chill_entity_render_box }}
                            {%- endif -%}
                        </li>
                        
                        
                    </ul>
                    <ul class="record_actions">
                        <li>
                            <a href="{{ path('chill_calendar_calendar_show', { 'id': calendar.id, 'user_id': user_id, 'accompanying_period_id': accompanying_course_id }) }}" class="btn btn-show "></a>
                        </li>
                        {# TOOD
                        {% if is_granted('CHILL_ACTIVITY_UPDATE', calendar) %}
                        #}
                        <li>
                            <a href="{{ path('chill_calendar_calendar_edit', { 'id': calendar.id, 'user_id': user_id, 'accompanying_period_id': accompanying_course_id }) }}" class="btn btn-update "></a>
                        </li>
                        {# TOOD
                        {% endif %}
                        {% if is_granted('CHILL_ACTIVITY_DELETE', calendar) %}
                        #}
                        <li>
                            <a href="{{ path('chill_calendar_calendar_delete', { 'id': calendar.id, 'user_id' : user_id, 'accompanying_period_id': accompanying_course_id } ) }}" class="btn btn-delete "></a>
                        </li>
                        {#
                        {% endif %}
                        #}
                    </ul>
                </div>
            </div>
            
            {%  
                if calendar.comment.comment is not empty
                or calendar.users|length > 0
                or calendar.thirdParties|length > 0
                or calendar.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': calendar } %}
                </div>
                
                {% if calendar.comment.comment is not empty %}
                <div class="item-col comment">
                    {{ calendar.comment|chill_entity_render_box( { 'limit_lines': 3, 'metadata': false } ) }}
                </div>
                {% endif %}
            </div>
            {% endif %}
            
        </div>
    {% endfor %}
</div>
{% endif %}

{% if context != 'user' %}
{# TODO set this condition in configuration #}
  <ul class="record_actions">
      <li>
          <a href="{{ path('chill_calendar_calendar_new', {'user_id': user_id, 'accompanying_period_id': accompanying_course_id}) }}" class="btn btn-create">
              {{ 'Add a new calendar' | trans }}
          </a>
      </li>
  </ul>
{% endif %}