{% extends 'dav_event_office/base.html' %}
{% load bootstrap3 %}
{% load i18n %}
{% load dav_events %}

{% block page-container-fluid %}
<div class="action-tabs top-most">
    <ul class="nav nav-tabs" role="tablist">
        <li>
            <a href="{% url 'dav_event_office:event-list' %}">{% trans 'Veranstaltungsliste' %}</a>
        </li>
        <li class="active">
            <a href="{% url 'dav_event_office:participant-list' %}">{% trans 'Teilnehmerliste' %}</a>
        </li>
    </ul>
</div>

<div>
    <table id="objects_table" class="table table-striped">
        <thead>
            <tr>
                <th>{% trans 'Veranstaltung' %}</th>
                <th>{% trans 'Datum' %}</th>
                <th>{% trans 'Nachname' %}</th>
                <th>{% trans 'Vorname' %}</th>
                <th>{% trans 'Mitgliedsnummer' %}</th>
                <th>{% trans 'Teilnahmegebühr' %}</th>
            </tr>
            <tr>
                <th><input type="text" placeholder="{% trans 'Filter' %}" /></th>
                <th><input type="text" placeholder="{% trans 'Filter' %}" /></th>
                <th><input type="text" placeholder="{% trans 'Filter' %}" /></th>
                <th><input type="text" placeholder="{% trans 'Filter' %}" /></th>
                <th><input type="text" placeholder="{% trans 'Filter' %}" /></th>
                <th><input type="text" placeholder="{% trans 'Filter' %} ({% trans 'Grün' %}/{% trans 'Rot' %}/{% trans 'Grau' %}/%)" /></th>
            </tr>
        </thead>
        <tbody>
            {% for participant in participant_list %}
            {% with event=participant.event %}
            <tr>
                {% with number=event.get_number %}
                <td data-order="{{ number|slice:':1' }}{{ number|slice:'-2:' }}{{ number|slice:'1:-2'|cut:'/' }}"
                    data-search="{{ number }} ({{ event.get_sport_display }})">
                    <a href="{% url 'dav_event_office:event-detail' event.pk %}">{{ number }}</a>
                </td>
                {% endwith %}
                <td data-order="{{ event.first_day|date:'U' }}">
                    {{ event.get_numeric_date }}
                </td>
                <td>
                    {{ participant.family_names }}
                </td>
                <td>
                    {{ participant.personal_names }}
                </td>
                <td>
                    {% if participant.dav_member %}
                        {{ participant.dav_number|default:'Fehler! heinzel Bescheid geben!' }}
                    {% else %}
                        {% trans 'Nicht Mitglied' %}
                    {% endif %}
                </td>
                <td data-order="{{ participant.paid }} {{ event.charge|floatformat:'-2' }}"
                    data-search="{% if not event.charge %}{% trans 'Grau' %}{% elif participant.paid %}{% trans 'Grün' %}{% else %}{% trans 'Rot' %}{% endif %} {% if participant.apply_reduced_fee %}%{% endif %} {{ event.charge|floatformat:'-2' }}">
                    <div class="pull-right">
                        <a title="{{ participant.email_address}}" href="mailto:{{ participant.email_address}}">{% bootstrap_icon 'envelope' %}</a>
                        <span class="text-info" title="{{ participant.get_info }}
{% trans 'Löschfrist' %}: {{ participant.purge_at|date:'d. F Y' }}">{% bootstrap_icon 'info-sign' %}</span>
                    </div>
                    <form action="" method="post" class="form-inline">
                        {% csrf_token %}
                        <input type="hidden" name="id" value="{{ participant.id }}">
                        {% if event.charge %}
                        <button name="action" value="toggle_reduced_fee"
                                title="{% trans 'Hier klicken, um zwischen voller und reduzierter Teilnahmegebühr umzuschalten' %}"
                                class="btn btn-link no-padding">
                            <span class="text-primary">
                                {% if participant.apply_reduced_fee %}{% bootstrap_icon 'check' %}{% else %}{% bootstrap_icon 'unchecked' %}{% endif %}
                            </span>
                        </button>
                        &nbsp;
                        {% endif %}
                        {% if event.charge and participant.paid %}
                        <span class="text-success {% if not participant.apply_reduced_fee %}invisible{% endif %}"
                              title="{% trans 'Reduzierte Teilnahmegebühr' %}"><strong>%</strong></span><button
                            name="action" value="revoke_payment"
                            title="{% trans 'Geldeingang wurde bestätigt' %} - {% trans 'Bestätigung des Geldeingangs zurückziehen' %}"
                            class="btn btn-link no-padding"><span class="text-success">{% bootstrap_icon 'piggy-bank' %}</span></button>
                        &nbsp;
                        ({{ event.charge|floatformat:'-2' }}{% if participant.apply_reduced_fee %} / 2{% endif %} €)
                        {% elif event.charge %}
                        <span class="text-danger {% if not participant.apply_reduced_fee and participant.created_at|date:'U' > '1608662327' %}invisible{% endif %}"
                              title="{% trans 'Reduzierte Teilnahmegebühr' %}"><strong>{% if participant.apply_reduced_fee %}%{% else %}? {% endif %}</strong></span><button
                            name="action" value="confirm_payment"
                            title="{% trans 'Geldeingang bestätigen' %}"
                            class="btn btn-link no-padding"><span class="text-danger">{% bootstrap_icon 'piggy-bank' %}</span></button>
                        &nbsp;
                        ({{ event.charge|floatformat:'-2' }}{% if participant.apply_reduced_fee %} / 2{% endif %} €)
                        {% else %}
                        <span class="hidden {% if not participant.apply_reduced_fee %}invisible{% endif %}"
                              title="{% trans 'Reduzierte Teilnahmegebühr' %}"><strong>%</strong></span><span
                            class="hidden"
                            title="{% trans 'Keine Teilnehmergebühr gefordert' %}">{% bootstrap_icon 'piggy-bank' %}</span>
                        {% endif %}
                    </form>
                </td>
            </tr>
            {% endwith %}
            {% endfor %}
        </tbody>
    </table>
    <script type="text/javascript">
        $(document).ready( function () {
            var table = $("#objects_table").DataTable( {
                order: [[2, "asc"], [3, "asc"], [0, "asc"]],
                orderCellsTop: true,
                paging: false,
                language: {
                    search: "{% trans 'Filter' %}:",
                    info: "{% trans 'Zeige _TOTAL_ Einträge' %}",
                    infoFiltered: "{% trans 'aus insgesamt _MAX_ Einträgen' %}",
                    infoEmpty: "{% trans 'Zeige 0 Einträge' %}",
                    infoPostFix: ".",
                    emptyTable: "{% trans 'Keine Daten vorhanden.' %}",
                    zeroRecords: "{% trans 'Keine passenden Einträge.' %}",

                }
            } );
            $("#objects_table thead input").on( "keyup change", function() {
                table
                    .column( $(this).parent().index() )
                    .search( this.value )
                    .draw();
            } );
            $("#objects_table_filter").hide();
        } );
    </script>
</div>
{% endblock page-container-fluid %}