{% extends "ChillPersonBundle::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">{{ 'Opening date'|trans }}</th>
            <th class="chill-green">{{ 'Closing date'|trans }}</th>
            {% if chill_accompanying_periods.fields.user == 'visible'  %}
                <th class="chill-green">{{ '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>{{ accompanying_period.openingDate|localizeddate('long', 'none', app.request.locale) }}</td>
            <td>{% spaceless %}
                {% if accompanying_period.isOpen %}
                    {{ 'Period opened'|trans }}
                {% else %}
                    {{ accompanying_period.closingDate|localizeddate('long', 'none', app.request.locale) }}
                {% endif %}
            {% endspaceless %}</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>
                {% if accompanying_period.remark is empty %}
                <p class="chill-no-data-statement">{{ 'No remark'|trans }}</p>
                {% else %}
                    <blockquote class="chill-user-quote">
                        {{ accompanying_period.remark|nl2br }}
                    </blockquote>
                {% endif %}
            </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">
                {{ 'Add an accompanying period in the past'|trans }}
            </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">
                <i class="fa fa-unlock" aria-hidden="true"></i>{{'Begin a new accompanying period'|trans }}
            </a>
        </li>
        {% endif %}
    </ul>   
</div>

{% endblock personcontent %}