{% extends "@ChillPerson/AccompanyingCourse/layout.html.twig"  %}

{% set activeRouteKey = 'chill_calendar_calendar_list' %}

{% block title %}{{ 'Calendar list' |trans }}{% endblock title %}

{% set user_id = null %}
{% set accompanying_course_id = accompanyingCourse.id %}

{% block js %}
    {{ parent() }}
    {{ encore_entry_script_tags('mod_answer') }}
{% endblock %}

{% block css %}
    {{ parent() }}
    {{ encore_entry_link_tags('mod_answer') }}
{% endblock %}

{% block content %}

<h1>{{ 'Calendar list' |trans }}</h1>
    {{ filterOrder|chill_render_filter_order_helper }}

    {% 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-accompanyingCourse">

        {% for calendar in calendarItems %}

            <div class="item-bloc">
                <div class="item-row main">
                    <div class="item-col">
                        <div class="wrap-header">
                            <div class="wl-row">
                                <div class="wl-col title">
                                    {% if calendar.endDate.diff(calendar.startDate).days >= 1 %}
                                        <p class="date-label">{{ calendar.startDate|format_datetime('short', 'short') }} - {{ calendar.endDate|format_datetime('short', 'short') }}</p>
                                    {% else %}
                                        <p class="date-label">{{ calendar.startDate|format_datetime('short', 'short') }} - {{ calendar.endDate|format_datetime('none', 'short') }}</p>
                                    {% endif %}

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

                                </div>
                            </div>
                        </div>

                        <div class="item-col">
                            <ul class="list-content">
                                {% if calendar.mainUser is not empty %}
                                    <span class="badge-user">{{ calendar.mainUser|chill_entity_render_box }}</span>
                                {% endif %}
                            </ul>
                        </div>

                    </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 separator">
                    <div class="item-col">
                        {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {
                            'context': 'calendar_accompanyingCourse',
                            'render': 'wrap-list',
                            '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 %}

                {% if calendar.location is not empty %}
                    <div class="item-row separator">
                        <div>
                            {% if calendar.location.address is not same as(null) and calendar.location.name is not empty %}<i class="fa fa-map-marker"></i>{% endif %}
                            {% if calendar.location.name is not empty %}{{ calendar.location.name }}{% endif %}
                            {% if calendar.location.address is not same as(null) %}{{ calendar.location.address|chill_entity_render_box({'multiline': false, 'with_picto': (calendar.location.name is empty)}) }}{% else %}<i class="fa fa-map-marker"></i>{% endif %}
                            {% if calendar.location.phonenumber1 is not empty %}<i class="fa fa-phone"></i> {{ calendar.location.phonenumber1|chill_format_phonenumber }}{% endif %}
                            {% if calendar.location.phonenumber2 is not empty %}<i class="fa fa-phone"></i> {{ calendar.location.phonenumber2|chill_format_phonenumber }}{% endif %}
                        </div>
                    </div>
                {% endif %}

                <div class="item-row separator">
                    <ul class="record_actions">
                        {% if (calendar.isInvited(app.user)) %}
                            {% set invite = calendar.inviteForUser(app.user) %}
                            <li>
                                <div invite-answer data-status="{{ invite.status|e('html_attr') }}" data-calendar-id="{{ calendar.id|e('html_attr') }}"></div>
                            </li>
                        {% endif %}
                        <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>
        {% endfor %}

        {% if calendarItems|length < paginator.getTotalItems %}
            {{ chill_pagination(paginator) }}
        {% endif %}

    </div>
{% endif %}


<ul class="record_actions sticky-form-buttons">
    {% if accompanyingCourse.user is not same as(null) %}
        <li>
            <a href="{{ path('chill_calendar_calendar_new', {'user_id': user_id, 'accompanying_period_id': accompanying_course_id, 'mainUser': accompanyingCourse.user.id }) }}" class="btn btn-create">
                {{ 'chill_calendar.Create for referrer'|trans }}
            </a>
        </li>
    {% endif %}
    <li>
        <a href="{{ path('chill_calendar_calendar_new', {'user_id': user_id, 'accompanying_period_id': accompanying_course_id}) }}" class="btn btn-create">
            {{ 'Create'|trans }}
        </a>
    </li>
</ul>

{% endblock %}