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

{% block head-title %}{{ event }} - {{ block.super }}{% endblock head-title %}

{% 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:event-detail' event.pk %}">{% trans 'Details' %}</a>
        </li>
    </ul>
</div>

{% if not event.registration_required %}
<div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    {% trans 'Für diese Veranstaltung wurde keine Anmeldung gefordert.' %}
</div>
{% endif %}

<div class="panel panel-default">
    <div class="panel-heading">
        <div class="pull-right">
            {% render_event_status event %}
        </div>
        <h3 class="panel-title">{{ event }}</h3>
    </div>
    <div class="panel-body">
        <div class="panel-group" id="form-accordion-details" role="tablist" aria-multiselectable="true">
            <div class="panel panel-default">
                <div id="headingShortDetails" class="panel-heading" role="tab">
                    <h4 class="panel-title">
                        <div class="pull-right">
                            {% if not event.registration_required %}
                                <span class="label label-success">{% trans 'Anmeldung nicht erforderlich' %}</span>
                           {% elif is_canceled %}
                                <span class="label label-dav-mandarin">{% trans 'Veranstaltung abgesagt' %}</span>
                            {% elif is_realized or is_expired %}
                                <span class="label label-dav-lime">{% trans 'Veranstaltung beendet' %}</span>
                            {% elif event.registration_closed %}
                                <span class="label label-danger">{% trans 'Anmeldung geschlossen' %}</span>
                            {% elif event.is_deadline_expired %}
                                <span class="label label-warning">{% trans 'Anmeldeschluss abgelaufen' %}</span>
                            {% elif is_published_any %}
                                <span class="label label-success">{% trans 'Anmeldung geöffnet' %}</span>
                            {% else %}
                                <span class="label label-info">{% trans 'Veranstaltung noch nicht veröffentlicht' %}</span>
                            {% endif %}
                        </div>
                        <a role="button" href="#collapseShortDetails"
                           data-toggle="collapse" data-parent="#form-accordion-details"
                           aria-expanded="true" aria-controls="collapseShortDetails">
                            {% trans 'Details - Anmeldung' %}
                        </a>
                    </h4>
                </div>
                <div id="collapseShortDetails" class="panel-collapse collapse in"
                     role="tabpanel" aria-labelledby="headingShortDetails">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-8">
                                <strong>{% trans 'Leitung' %}:</strong>
                                {{ event.get_trainer_full_name }}
                                {% if event.trainer_email or event.trainer_phone %}
                                ({% if event.trainer_email %}<a href="mailto:{{ event.trainer_email }}">{{ event.trainer_email }}</a>{% endif %}{% if event.trainer_email and event.trainer_phone %}, {% endif %}{% if event.trainer_phone %}{{ event.trainer_phone }}{% endif %})
                                {% endif %}
                            </div>
                            <div class="col-sm-4">
                                <strong>{% trans 'Teilnehmergebühr' %}:</strong>
                                {{ event.charge|floatformat:'-2' }} €
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-8">
                                <strong>{% trans 'Anmeldeschluss' %}:</strong>
                                {% if event.deadline %}
                                {{ event.deadline|date:'l, d. F Y' }}
                                {% else %}
                                -
                                {% endif %}
                            </div>
                            <div class="col-sm-4">
                                <strong>{% trans 'Teilnehmerzahl' %}:</strong>
                                {{ event.min_participants }} -
                                {% if event.max_participants > 0 %}
                                {{ event.max_participants }}
                                {% else %}
                                &infin;
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div id="headingFullDetails" class="panel-heading" role="tab">
                    <h4 class="panel-title">
                        <a role="button" href="#collapseFullDetails"
                           data-toggle="collapse" data-parent="#form-accordion-details"
                           aria-expanded="true" aria-controls="collapseFullDetails">
                            {% trans 'Komplette Ausschreibung' %}
                        </a>
                    </h4>
                </div>
                <div id="collapseFullDetails" class="panel-collapse collapse"
                     role="tabpanel" aria-labelledby="headingFullDetails">
                    <div class="panel-body">
                        {{ event.render_as_html }}
                    </div>
                </div>
            </div>
        </div>

        <hr />

        <h4>{% trans 'Teilnehmer' %}</h4>
        <div class="panel-group" id="form-accordion-participants" role="tablist" aria-multiselectable="true">
            {% if registrations_support %}
            <div class="panel panel-info">
                <div id="headingRegistrations" class="panel-heading" role="tab">
                    <h5 class="panel-title">
                        <a role="button" href="#collapseRegistrations"
                           data-toggle="collapse"
                           aria-expanded="true" aria-controls="collapseRegistrations">
                            <span class="caret"></span>&nbsp;&nbsp;{% trans 'Anmeldungen' %}
                        </a>
                    </h5>
                </div>
                <div id="collapseRegistrations" class="panel-collapse collapse"
                     role="tabpanel" aria-labelledby="headingRegistrations">
                    <div class="panel-body">
                        {% for registration in registrations_pending %}
                        <form action="" method="post" class="form-inline">
                            {% csrf_token %}
                            <input type="hidden" name="registration" value="{{ registration.id }}">
                            {% if has_permission_update_participants %}
                            <button type="submit" name="action" value="accept_registration"
                                    class="btn btn-link no-padding" title="zur Teilnehmerliste hinzufügen">
                                <span class="text-success">{% bootstrap_icon 'plus-sign' %}</span>
                            </button>
                            &nbsp;
                            <button type="submit" name="action" value="reject_registration"
                                    class="btn btn-link no-padding" title="Anmeldung löschen">
                                <span class="text-danger">{% bootstrap_icon 'minus-sign' %}</span>
                            </button>
                            &nbsp;
                            {% endif %}
                            {{ registration.get_full_name }}
                            (<a href="mailto:{{ registration.email_address }}">{{ registration.email_address }}</a>,
                            {{ registration.phone_number }})
                            &nbsp;
                            <span title="Anmeldezeitpunkt">
                                {% bootstrap_icon 'time' %}
                                {{ registration.created_at|date:'d. F Y, G:i' }}
                            </span>
                            &nbsp;
                            <span title="{{ registration.get_info }}">
                                {% bootstrap_icon 'info-sign' %}
                            </span>
                            {% if registration.apply_reduced_fee %}
                            &nbsp;
                            <span class="text-info">
                                <strong>%</strong>{% bootstrap_icon 'piggy-bank' %} (reduzierte Gebühr)
                            </span>
                            {% endif %}
                        </form>
                        {% empty %}
                        {% trans 'Keine Anmeldungen vorhanden' %}
                        {% endfor %}
                    </div>
                </div>
            </div>
            {% endif %}
            {% if participants %}
            {% for form in participant_formset %}
            {% with participant=form.instance %}
            {% with position=participant.position %}
            <div class="panel {% if event.max_participants and position > event.max_participants %}panel-warning{% else %}panel-default{% endif %}">
                <div id="headingParticipant_{{ participant.id }}" class="panel-heading" role="tab">
                    <div>
                        <strong><span class="panel-title">
                            <a role="button" href="#collapseParticipant_{{ participant.id }}"
                               data-toggle="collapse"
                               aria-expanded="true" aria-controls="collapseParticipant_{{ participant.id }}">
                                <span class="caret"></span>&nbsp;&nbsp;
                                {{ position }}. {{ participant.get_full_name }}
                            </a>
                        </span></strong>
                        &nbsp;
                        <small>
                            (<a href="mailto:{{ participant.email_address }}">{{ participant.email_address }}</a>, {{ participant.phone_number }})
                        </small>
                        &nbsp;
                        {% if participant.dav_member %}
                            {{ participant.dav_number|default:'Fehler! heinzel Bescheid geben!' }}
                        {% else %}
                            {% trans 'Nicht Mitglied' %}
                        {% endif %}
                        &nbsp;
                        <span class="text-info"
                              title="{{ participant.get_info }}
{% trans 'Zeitpunkt der automatischen Löschung' %}: {{ participant.purge_at|date:'d. F Y' }}">
                            {% bootstrap_icon 'info-sign' %}
                        </span>
                        <div class="pull-right">
                            <form action="" method="post" class="form-inline">
                                {% csrf_token %}
                                <input type="hidden" name="id" value="{{ participant.id }}">
                                {% if event.charge and has_permission_payment %}
                                <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 %}
                                        Reduzierte Teilnamegebühr
                                    </span>
                                </button>
                                &nbsp;
                                {% endif %}
                                {% if has_permission_update_participants %}
                                <button name="action" value="moveup_participant"
                                        title="{% trans 'Nach oben verschieben' %}"
                                        class="btn btn-link no-padding {% if forloop.first %}invisible{% endif %}">
                                    <span class="text-info">{% bootstrap_icon 'triangle-top' %}</span>
                                </button>
                                <button name="action" value="movedown_participant"
                                        title="{% trans 'Nach unten verschieben' %}"
                                        class="btn btn-link no-padding {% if forloop.last %}invisible{% endif %}">
                                    <span class="text-info">{% bootstrap_icon 'triangle-bottom' %}</span>
                                </button>
                                <button name="action" value="trash_participant"
                                        title="{% trans 'Eintrag in Papierkorb verschieben' %}"
                                        class="btn btn-link no-padding">
                                    <span class="text-danger">{% bootstrap_icon 'trash' %}</span>
                                </button>
                                {% endif %}
                                {% if event.charge and participant.paid and has_permission_payment %}
                                &nbsp;
                                <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>
                                {% elif event.charge and participant.paid %}
                                &nbsp;
                                <span class="text-success {% if not participant.apply_reduced_fee %}invisible{% endif %}"
                                      title="{% trans 'Reduzierte Teilnahmegebühr' %}"><strong>%</strong></span><span
                                    class="text-success"
                                    title="{% trans 'Geldeingang bestätigt' %}">{% bootstrap_icon 'piggy-bank' %}</span>
                                {% elif event.charge and has_permission_payment %}
                                &nbsp;
                                <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>
                                {% elif event.charge %}
                                &nbsp;
                                <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><span
                                    class="text-danger"
                                    title="{% trans 'Geldeingang unbestätigt' %}">{% bootstrap_icon 'piggy-bank' %}</span>
                                {% 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>
                        </div>
                    </div>
                </div>
                <div id="collapseParticipant_{{ participant.id }}"
                     class="panel-collapse collapse {% if form.errors %}in{% endif %}"
                     role="tabpanel" aria-labelledby="headingParticipant_{{ participant.id }}">
                    <div class="panel-body">
                        {% bootstrap_form_errors form %}
                        <form action="" method="post">
                            {% csrf_token %}
                            <input type="hidden" name="form_prefix" value="{{ form.prefix }}">
                            <input type="hidden" name="{{ form.prefix }}-id" value="{{ participant.id }}">
                            {% include './includes/participant_form.html' %}
                            {% if has_permission_update_participants %}
                            <button type="submit" name="action" value="update_participant" class="btn btn-success">
                                {% bootstrap_icon 'hdd' %} {% trans 'Speichern' %}
                            </button>
                            {% endif %}
                        </form>
                    </div>
                </div>
            </div>
            {% endwith %}
            {% endwith %}
            {% endfor %}
            {% else %}
            <div class="panel panel-info">
                <div class="panel-body">
                    <span class="text-info">{% trans 'Es wurden noch keine Teilnehmer hinzugefügt.' %}</span>
                </div>
            </div>
            {% endif %}
            <div class="panel panel-default">
                <div class="panel-body">
                    <strong title="Summe der bestätigten Geldeingänge (theoretisch!, da wir hier nur die Gebühren, aber nicht die tatsächlich überwiesenen Beträge kennen)">{% trans 'Gebuchte Teilnahmegebühren' %}:</strong> {{ earnings|floatformat:2 }} €
                </div>
            </div>
            {% if participant_emails %}
            <div class="panel panel-default">
                <div class="panel-body">
                    <strong>{% trans 'E-Mail-Adressen' %}</strong> <small>({% trans 'für Copy-Paste' %})</small><br />
                    <div class="well well-sm">{{ participant_emails }}</div>
                </div>
            </div>
            {% endif %}
        </div>

        <hr />

        <h4>{% trans 'Papierkorb' %}</h4>
        <div class="panel-group" id="form-accordion-trash" role="tablist" aria-multiselectable="true">
            {% if registrations_support  and registrations_answered %}
            <div class="panel panel-info">
                <div id="headingAnsweredRegistrations" class="panel-heading" role="tab">
                    <h5 class="panel-title">
                        <a role="button" href="#collapseAnsweredRegistrations"
                           data-toggle="collapse"
                           aria-expanded="true" aria-controls="collapseAnsweredRegistrations">
                            <span class="caret"></span>&nbsp;&nbsp;{% trans 'Bearbeitete Anmeldungen' %}
                        </a>
                    </h5>
                </div>
                <div id="collapseAnsweredRegistrations" class="panel-collapse collapse"
                     role="tabpanel" aria-labelledby="headingAnsweredRegistrations">
                    <div class="panel-body">
                        {% for registration in registrations_answered %}
                        <div>
                            <button disabled="disabled"
                                    class="btn btn-link no-padding" title="Anmeldung wurde bereits bearbeitet">
                                <span class="{% if registration.status.accepted == True %}text-success{% else %}text-muted{% endif %}">{% bootstrap_icon 'plus-sign' %}</span>
                            </button>
                            &nbsp;
                            <button disabled="disabled"
                                    class="btn btn-link no-padding" title="Anmeldung wurde bereits bearbeitet">
                                <span class="{% if registration.status.accepted == False %}text-danger{% else %}text-muted{% endif %}">{% bootstrap_icon 'minus-sign' %}</span>
                            </button>
                            &nbsp;
                            <span class="text-muted">
                                {{ registration.get_full_name }}
                                (<a href="mailto:{{ registration.email_address }}">{{ registration.email_address }}</a>,
                                {{ registration.phone_number }})
                                &nbsp;
                                <span title="Anmeldezeitpunkt">
                                    {% bootstrap_icon 'time' %}
                                    {{ registration.created_at|date:'d. F Y, G:i' }}
                                </span>
                                &nbsp;
                                <span title="{{ registration.get_info }}">
                                    {% bootstrap_icon 'info-sign' %}
                                </span>
                            </span>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            {% endif %}
            {% if participants_trash %}
            <div class="panel panel-info">
                <div id="headingTrashedParticipants" class="panel-heading" role="tab">
                    <h5 class="panel-title">
                        <a role="button" href="#collapseTrashedParticipants"
                           data-toggle="collapse"
                           aria-expanded="true" aria-controls="collapseTrashedParticipants">
                            <span class="caret"></span>&nbsp;&nbsp;{% trans 'Gelöschte Teilnehmer' %}
                        </a>
                    </h5>
                </div>
                <div id="collapseTrashedParticipants" class="panel-collapse collapse"
                     role="tabpanel" aria-labelledby="headingTrashedParticipants">
                    <div class="panel-body">
                        {% for participant in participants_trash %}
                        <div>
                            <span class="text-muted">
                                {{ participant.get_full_name }}
                                (<a href="mailto:{{ participant.email_address }}">{{ participant.email_address }}</a>,
                                {{ participant.phone_number }})
                                &nbsp;
                                {% if participant.dav_member %}
                                    {{ participant.dav_number|default:'Fehler! heinzel Bescheid geben!' }}
                                {% else %}
                                    {% trans 'Nicht Mitglied' %}
                                {% endif %}
                                &nbsp;
                                <span title="{{ participant.get_info }}
{% trans 'Zeitpunkt der automatischen Löschung' %}: {{ participant.purge_at|date:'d. F Y' }}">
                                    {% bootstrap_icon 'info-sign' %}
                                </span>
                                {% if event.charge and participant.paid %}
                                &nbsp;
                                <span class="text-success {% if not participant.apply_reduced_fee %}invisible{% endif %}"
                                      title="{% trans 'Reduzierte Teilnahmegebühr' %}"><strong>%</strong></span><span
                                    class="text-success"
                                    title="{% trans 'Geldeingang bestätigt' %}">{% bootstrap_icon 'piggy-bank' %}</span>
                                {% elif event.charge %}
                                &nbsp;
                                <span class="text-danger {% if not participant.apply_reduced_fee %}invisible{% endif %}"
                                      title="{% trans 'Reduzierte Teilnahmegebühr' %}"><strong>%</strong></span><span
                                    class="text-danger"
                                    title="{% trans 'Geldeingang unbestätigt' %}">{% bootstrap_icon 'piggy-bank' %}</span>
                                {% endif %}
                            </span>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            {% endif %}
            {% if not registrations_answered and not participants_trash %}
            <span class="text-muted small">{% trans 'Der Papierkorb ist leer.' %}</span>
            {% endif %}
        </div>
    </div>
</div>
{% endblock page-container-fluid %}