{% extends '@EasyAdmin/default/layout.html.twig' %}

{% set _content_title = 'Teilnhemer - ' ~ event.title %}

{% block page_title -%}
    {{ _content_title }}
{%- endblock %}

{% block content_header %}
    <h1 class="title">{{ _content_title }}</h1>
{% endblock %}

{% block main %}
    <table class="table datagrid">
        <thead>
        <tr>
            <th><span>{{ 'form.label.preName'|trans }}</span></th>
            <th><span>{{ 'form.label.lastName'|trans }}</span></th>
            <th><span>{{ 'form.label.email'|trans }}</span></th>
            <th><span>{{ 'form.label.companyName'|trans }}</span></th>
            <th><span>{{ 'form.label.zipCode'|trans }}</span></th>
            <th><span>{{ 'form.label.city'|trans }}</span></th>
            <th><span>{{ 'form.label.phone'|trans }}</span></th>
            {% if event.category is same as('Dachforum') %}
                <th>
                    <span>{{ 'form.label.buffet'|trans }}</span>
                </th>
            {% endif %}
            <th width="10px"></th>
        </tr>
        </thead>
        <tbody>
        {% if attendees is not empty %}
            {% for attendee in attendees %}
                <tr>
                    <td>
                        {{ attendee.preName }}
                    </td>
                    <td>
                        {{ attendee.lastName }}
                    </td>
                    <td>
                        {{ attendee.email }}
                    </td>
                    <td>
                        {{ attendee.companyName }}
                    </td>
                    <td>
                        {{ attendee.zipCode }}
                    </td>
                    <td>
                        {{ attendee.city }}
                    </td>
                    <td>
                        {{ attendee.phone }}
                    </td>
                    {% if event.category is same as('Dachforum') %}
                        <td>
                            {{ attendee.buffet }}
                        </td>
                    {% endif %}
                    <td>
                        <div class="actions-dropdown">
                            <button type="button" class="btn btn-secondary btn-sm dropdown-toggle">
                                <i class="fa fa-fw fa-ellipsis-h"></i>
                            </button>

                            <div class="dropdown-menu dropdown-menu-right">

                                <button class="btn btn-link dropdown-item text-danger action-delete {{ attendees is empty ? 'disabled':'' }}" data-toggle="modal" data-target="#attendeeDeleteModal{{ attendee.id }}">
                                    <i class="fa fa-fw fa-minus-circle"></i> {{ 'action.delete'|trans }}
                                </button>

                            </div>
                        </div>
                    </td>
                </tr>

                <div class="modal fade" id="attendeeDeleteModal{{ attendee.id }}" tabindex="-1" role="dialog" aria-labelledby="attendeeDeleteModal{{ attendee.id }}Label" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-body">
                                <h4>Teilnehmer wirklich löschen?</h4>
                                <p>Aktion kann nicht rückgängig gemacht werden.</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ 'action.cancel'|trans }}</button>
                                <form action="{{ url('event_attendee_delete') }}" method="post" class="m-0 p-0 bg-transparent">
                                    <input class="d-none" name="attendee" value="{{ attendee.id }}" >
                                    <button class="btn btn-danger" type="submit">
                                        <i class="fa fa-fw fa-minus-circle"></i> {{ 'action.delete'|trans }}
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            {% endfor %}
        {% else %}
            <tr>
                <td colspan="{{ event.category is same as('Dachforum')? '6': '5' }}" class="no-entries text-center">
                    {{ 'form.message.notFound'|trans }}
                </td>
            </tr>
        {% endif %}
        </tbody>
    </table>
{% endblock %}

{% block content_footer %}
    <div class="form-actions">
        <a href="{{ url('event_attendee_list_view_export') }}?id={{ event.id }}"
           class="btn btn-primary {{ attendees is empty ? 'disabled':'' }} " target="_blank">
            {{ 'form.label.export'|trans }}
        </a>
    </div>
{% endblock %}