{% extends '@ChillEvent/layout.html.twig' %}

{% block title 'Event : %label%'|trans({ '%label%' : event.name } ) %}

{% import 'ChillPersonBundle:Person:macro.html.twig' as person_macro %}

{% block event_content -%}
<div class="col-10">
    <h1>{{ 'Details of an event'|trans }}</h1>

    <table class="table table-bordered border-dark align-middle">
        <tbody>
            <tr>
                <th>{{ 'Name'|trans }}</th>
                <td>{{ event.name }}</td>
            </tr>
            <tr>
                <th>{{ 'Date'|trans }}</th>
                <td>{{ event.date|format_date('long') }}</td>
            </tr>
            <tr>
                <th>{{ 'Event type'|trans }}</th>
                <td>{{ event.type.name|localize_translatable_string }}</td>
            </tr>
            <tr>
                <th>{{ 'Circle'|trans }}</th>
                <td>{{ event.circle.name|localize_translatable_string }}</td>
            </tr>
            <tr>
                <th>{{ 'Moderator'|trans }}</th>
                <td>{{ event.moderator|trans|default('-') }}</td>
            </tr>

        </tbody>
    </table>

    <ul class="record_actions">

        {% set returnPath = app.request.get('return_path') %}
        {% set returnLabel = app.request.get('return_label') %}

        {% if returnPath and returnLabel %}
            <li class="cancel">
                <a href="{{ returnPath }}" class="btn btn-cancel">{{ returnLabel }}</a>
            </li>
            <li>
                <a href="{{ path('chill_event__event_edit', {
                    'event_id': event.id,
                    'return_path': app.request.getRequestUri,
                    'return_label': 'Back to details of the event'|trans
                    }) }}" class="btn btn-edit">{{ 'Edit'|trans }}
                </a>
            </li>
        {% else %}
            <li>
                <a href="{{ path('chill_event__event_edit', {'event_id': event.id }) }}" class="btn btn-edit">
                    {{ 'Edit'|trans }}
                </a>
            </li>
        {% endif %}
        <li>
            <a href="{{ path('chill_event__event_delete', {'event_id' : event.id } ) }}"
               class="btn btn-delete">{{ 'Delete event'|trans }}</a>
        </li>

    </ul>

    <h2>{{ 'Participations'|trans }}</h2>
    {% set count = event.participations|length %}
    <p>{% transchoice count %}%count% participations to this event{% endtranschoice %}</p>

    {% if count > 0 %}
        <table class="table table-bordered border-dark align-middle">
            <thead>
                <tr>
                    <th>{{ 'Person'|trans }}</th>
                    <th>{{ 'Role'|trans }}</th>
                    <th>{{ 'Status'|trans }}</th>
                    <th>{{ 'Last update'|trans }}</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody>
            {% for participation in event.participations %}
                <tr>
                    <td>{{ person_macro.render(participation.person) }}</td>
                    <td>{{ participation.role.name|localize_translatable_string }}</td>
                    <td>{{ participation.status.name|localize_translatable_string }}</td>
                    <td>{{ participation.lastUpdate|ago }} {# sf4 check: filter 'time_diff' is abandoned,
                         alternative: knplabs/knp-time-bundle provide filter 'ago' #}
                        <i class="fa fa-info-circle" title="{{ participation.lastUpdate|format_date("long")|escape('html_attr') }}"></i>
                    </td>
                    <td>
                        <ul class="record_actions">
                            {% if is_granted('CHILL_EVENT_PARTICIPATION_UPDATE', participation) %}
                            <li>
                                <a href="{{ path('chill_event_participation_edit', { 'participation_id' : participation.id } ) }}"
                                   class="btn btn-edit" title="{{ 'Edit'|trans }}"></a>
                            </li>
                            <li>
                                <a href="{{ path('chill_event_participation_delete', {'participation_id' : participation.id } ) }}"
                                    class="btn btn-delete" title="{{ 'Delete'|trans }}"></a>
                            </li>
                            {% endif %}
                        </ul>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>


    {% endif %}

    <ul class="record_actions">
        {% if count > 0 %}
            <li><a href="{{ path('chill_event_participation_edit_multiple', { 'event_id' : event.id } ) }}" class="btn btn-edit">{{ 'Edit all the participations'|trans }}</a></li>
        {% endif %}
    </ul>

    <div class="row" style="margin-bottom: 10em;">
        <div class="col-8">
            {{ form_start(form_add_participation_by_person) }}
            <div class="input-group">
                {{ form_widget(form_add_participation_by_person.person_id, { 'attr' : {
                    'class' : 'custom-select',
                    'style': 'min-width: 15em; max-width: 18em; display: inline-block;'
                }} ) }}
                <div class="input-group-append">
                    {{ form_widget(form_add_participation_by_person.submit, { 'attr' : { 'class' : 'btn btn-create' } } ) }}
                </div>
            </div>
            {{ form_rest(form_add_participation_by_person) }}
            {{ form_end(form_add_participation_by_person) }}
        </div>

        <div class="col-4">
            {{ form_start(form_export, {'attr': {'id': 'export_tableur'}}) }}
            <div class="input-group">
                {{ form_widget(form_export.format, { 'attr' : { 'class': 'custom-select' } }) }}
                <div class="input-group-append">
                    {{ form_widget(form_export.submit, { 'attr' : { 'class': 'btn btn-save' } }) }}
                </div>
                <a class="bt-"></a>
            </div>
            {{ form_rest(form_export) }}
            {{ form_end(form_export) }}
        </div>
    </div>

    <div class="post_show">
        {{ chill_delegated_block('block_footer_show', { 'event': event }) }}
    </div>
</div>
{% endblock %}