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

{% set activeRouteKey = 'chill_person_accompanying_period_list' %}

{% block title %}{{ 'Person accompanying period - %name%'|trans({ '%name%' : person.__toString}) }}{% endblock title %}

{% block personcontent %}
<table class="rounded">
    <thead>
        <tr>
            <th class="chill-red">{{ 'accompanying_period.dates'|trans }}</th>
            {% if chill_accompanying_periods.fields.user == 'visible'  %}
                <th class="chill-blue">{{ 'Accompanying user'|trans }}</th>
            {% endif %}
            <th class="chill-orange">{{ 'Remark'|trans }}</th>
            <th>&nbsp;</th>
        </tr>
        
    </thead>
    <tbody>
        {% for accompanying_period in accompanying_periods %}
        <tr>
            <td>
                {% if accompanying_period.closingDate == null %}
                    {{ 'accompanying_period.dates_from_%opening_date%'|trans({ '%opening_date%': accompanying_period.openingDate|format_date('long') } ) }}
                {% else %}
                    {{ 'accompanying_period.dates_from_%opening_date%_to_%closing_date%'|trans({ 
                        '%opening_date%': accompanying_period.openingDate|format_date('long'),
                        '%closing_date%': accompanying_period.closingDate|format_date('long')}
                    ) }}

                {% if accompanying_period.isOpen == false %}
                    <dl class="chill_view_data">
                        <dt>{{ 'Closing motive'|trans }}&nbsp;:</dt>
                        <dd>{{ accompanying_period.closingMotive|chill_entity_render_box }}</dd>
                    </dl>
                {% endif %}

                {% endif %}
            </td>
            {% if chill_accompanying_periods.fields.user == 'visible'  %}
            <td>
                {% if accompanying_period.user %}
                {{ accompanying_period.user.username }}
                {% else %}
                    <span class="chill-no-data-statement">{{ 'No accompanying user'|trans }}</span>
                {% endif %}
            </td>
            {% endif %}
            <td>

                {{ accompanying_period.remark|chill_print_or_message('No remark', 'blockquote') }}
            </td>
            <td>
                <ul class="record_actions">
                    <li>
                        <a  href="{{ path('chill_person_accompanying_period_update', {'person_id' : person.id, 'period_id' : accompanying_period.id } ) }}" class="sc-button bt-update no-content"></a>
                    </li>
                    {% if accompanying_period.isOpen == true %}
                    <li>
                        <a href="{{ path('chill_person_accompanying_period_close', {'person_id' : person.id}) }}" class="sc-button bt-update has-hidden change-icon">
                            <i class="fa fa-lock" aria-hidden="true"></i><span class="show-on-hover">{{'Close accompanying period'|trans }}</span>
                        </a>
                    </li>
                    {% endif %}
                    {% if accompanying_period.canBeReOpened == true %}
                    <li>
                        <a href="{{ path('chill_person_accompanying_period_re_open', {'person_id' : person.id, 'period_id' : accompanying_period.id } ) }}" class="sc-button bt-create change-icon has-hidden">
                            <i class="fa fa-unlock" aria-hidden="true"></i><span class="show-on-hover">{{'Re-open accompanying period'|trans }}</span>
                        </a>
                    </li>
                    {% endif %}
                </ul>
            
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<div class="form_control">
    <ul class="record_actions">
        <li class="cancel">
            <a href="{{ path ('chill_person_view', {'person_id' : person.id } ) }}" class="sc-button bt-cancel">
                {{ 'Person details'|trans }}
            </a>
        </li>
        <li>
            <a href="{{ path ('chill_person_accompanying_period_create', {'person_id' : person.id } ) }}" class="sc-button bt-create has-hidden">
                <span class="show-on-hover">{{ 'Add an accompanying period in the past'|trans }}</span>
            </a>
        </li>
        {% if person.isOpen == false %}
        <li>
            <a href="{{ path('chill_person_accompanying_period_open', {'person_id' : person.id} ) }}" class="sc-button bt-create change-icon has-hidden">
                <i class="fa fa-unlock" aria-hidden="true"></i>
                <span class="show-on-hover">{{'Begin a new accompanying period'|trans }}</span>
            </a>
        </li>
        {% endif %}
    </ul>   
</div>

{% endblock personcontent %}