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

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

{% block modals %}
<div id="modal-submit-dialog" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{% trans 'Veranstaltung einreichen?' %}</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">
                    <strong>{{ event }}</strong>
                </p>
                <p>
                    Die Veranstaltungsdaten werden an die Tourenreferenten und zuständigen Fachbereichsleiter
                    zur Freigabe weitergeleitet.<br />
                    Nach dem Einreichen können die Veranstaltungsdaten nicht mehr von dir geändert werden.
                </p>
            </div>
            <div class="modal-footer">
                <a class="btn btn-success" href="{% url 'dav_events:updatestatus' event.pk 'submitted' %}">
                    {% bootstrap_icon 'ok' %}&thinsp;
                    {% trans 'Ja, alles klar!' %}
                </a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">
                    {% bootstrap_icon 'remove' %}&thinsp;
                    {% trans 'Abbrechen' %}
                </button>
            </div>
        </div>
    </div>
</div>
<div id="modal-accept-dialog" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{% trans 'Veranstaltung freigeben?' %}</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">
                    <strong>{{ event }}</strong>
                </p>
                <p>
                    Die Veranstaltungsdaten werden an die Redaktion zur Veröffentlichung weitergeleitet.
                </p>
            </div>
            <div class="modal-footer">
                <a class="btn btn-success" href="{% url 'dav_events:updatestatus' event.pk 'accepted' %}">
                    {% bootstrap_icon 'ok' %}&thinsp;
                    {% trans 'Ja, passt schon!' %}
                </a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">
                    {% bootstrap_icon 'remove' %}&thinsp;
                    {% trans 'Abbrechen' %}
                </button>
            </div>
        </div>
    </div>
</div>
<div id="modal-confirmpublication-dialog" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{% trans 'Wo wird/wurde diese Veranstaltung veröffentlicht?' %}</h4>
            </div>
            <div class="modal-body">
                <p class="text-center">
                    <strong>{{ event }}</strong>
                </p>
                <p class="text-center">
                    <strong>{% trans 'Zeitpunkt der Veröffentlichung' %}:</strong>
                    {% if event.planned_publication_date %}
                    {{ event.planned_publication_date|date:'l, d. F Y' }}
                    {% else %}
                    {% trans 'Unverzüglich' %}
                    {% endif %}
                </p>
            </div>
            <div class="modal-footer">
                <a id="btn-confirmpublication-facebook" class="btn btn-info"
                   href="{% url 'dav_events:updatestatus' event.pk 'publishing_facebook' %}">
                    {% bootstrap_icon 'ok' %}&thinsp;
                    {% trans 'Facebook' %}
                </a>
                <a id="btn-confirmpublication-web" class="btn btn-primary"
                   href="{% url 'dav_events:updatestatus' event.pk 'publishing_web' %}">
                    {% bootstrap_icon 'ok' %}&thinsp;
                    {% trans 'Webseite' %}
                </a>
                <a id="btn-confirmpublication-all" class="btn btn-success"
                   href="{% url 'dav_events:updatestatus' event.pk 'publishing' %}">
                    {% bootstrap_icon 'ok' %}&thinsp;
                    {% trans 'Überall' %}
                </a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">
                    {% bootstrap_icon 'remove' %}&thinsp;
                    {% trans 'Nirgends' %}
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock modals %}

{% block page-container-fluid %}
<div class="action-tabs top-most">
    <div class="pull-right">
        {% if has_permission_submit %}
        <a id="btn-submit" class="btn btn-sm {% if not is_submitted %}btn-success{% else %}btn-default disabled{% endif %}"
           data-toggle="modal" data-target="#modal-submit-dialog">
            {% if is_submitted %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Einreichen' %}
        </a>
        {% endif %}
        {% if has_permission_accept %}
        <a id="btn-accept" class="btn btn-sm {% if is_submitted and not is_accepted %}btn-success{% else %}btn-default disabled{% endif %}"
           data-toggle="modal" data-target="#modal-accept-dialog">
            {% if is_accepted %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Freigeben' %}
        </a>
        {% endif %}
        {% if has_permission_publish %}
        <a id="btn-confirmpublication" class="btn btn-sm {% if is_accepted and not is_publishing and not is_published %}btn-success{% else %}btn-default disabled{% endif %}"
           data-toggle="modal" data-target="#modal-confirmpublication-dialog">
            {% if is_publishing_any %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Veröffentlichung bestätigen' %}
        </a>
        {% endif %}
        {% if has_permission_realize and is_started and not is_canceled %}
        <a id="btn-realize" class="btn btn-sm {% if not is_realized %}btn-lime{% else %}btn-default disabled{% endif %}"
           href="{% url 'dav_events:updatestatus' event.pk 'realized' %}">
            {% if is_realized %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Durchgeführt' %}
        </a>
        {% endif %}
        {% if has_permission_cancel and is_submitted and not is_realized %}
        <a id="btn-cancel" class="btn btn-sm {% if not is_canceled %}btn-mandarin{% else %}btn-default disabled{% endif %}"
           href="{% url 'dav_events:updatestatus' event.pk 'canceled' %}">
            {% if is_canceled %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Abgesagt' %}
        </a>
        {% endif %}
        {% if has_permission_clear %}
        <a id="btn-confirmclearance" class="btn btn-sm {% if not is_cleared %}btn-black{% else %}btn-default disabled{% endif %}"
           href="{% url 'dav_events:updatestatus' event.pk 'cleared' %}">
            {% if is_cleared %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Abgerechnet' %}
        </a>
        {% endif %}
        <a id="btn-clone" class="btn btn-sm btn-primary"
           href="{% url 'dav_events:create' %}?copy={{ event.pk }}"
           title="{% trans 'Diese Veranstaltung als Vorlage für eine neue Veranstaltung benutzen' %}">
            {% bootstrap_icon 'duplicate' %}&thinsp;
            {% trans 'Kopieren' %}
        </a>
    </div>
    <ul class="nav nav-tabs" role="tablist">
        <li>
            <a class="btn"
               href="{% url 'dav_events:list' %}">{% trans 'Veranstaltungsliste' %}</a>
        </li>
        <li class="active">
            <a class="btn"
               href="{% url 'dav_events:detail' event.pk %}">{% trans 'Details' %}</a>
        </li>
        <li class="{% if not has_permission_update %}disabled{% endif %}">
            <a class="btn {% if has_permission_update %}btn-warning{% else %}disabled{% endif %}"
               href="{% url 'dav_events:update' event.pk %}">{% trans 'Ändern' %}</a>
        </li>
        {% if event.registration_required %}
        <li>
            <a class="btn {% if is_published_any %}btn-success{% endif %}"
               href="{% url 'dav_events:registrations' event.pk %}">{% trans 'Anmeldungen' %}</a>
        </li>
        {% endif %}
    </ul>
</div>

<div class="row">
    <div class="col-sm-12">
        {{ event.render_as_html }}
        <div class="row">
            <div class="col-sm-7">
                <div class="panel-group" id="log-accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div id="headingStatusLog" class="panel-heading" role="tab">
                            <h5 class="panel-title">
                                <a role="button" href="#collapseStatusLog" data-toggle="collapse"
                                   data-parent="#log-accordion" aria-expanded="true"
                                   aria-controls="collapseStatusLog">
                                    Status-Flags
                                </a>
                            </h5>
                        </div>
                        <div id="collapseStatusLog" class="panel-collapse collapse in"
                             role="tabpanel" aria-labelledby="headingStatusLog">
                            <div class="panel-body">
                                {% for flag in event.flags.all %}
                                <div class="row">
                                    <div class="col-sm-4">
                                        <span class="text-{{ flag.status.bootstrap_context|default:'default' }}">{% bootstrap_icon 'check' %}</span>
                                        <strong>{{ flag.status.label }}:</strong>
                                    </div>
                                    <div class="col-sm-8">
                                        {{ flag.timestamp|date:'l, d. F Y, H:i' }} {% trans 'Uhr' %}<br />
                                        {% trans 'von' %} {{ flag.user.get_full_name|default:flag.user }}
                                    </div>
                                </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div id="headingChangeLog" class="panel-heading" role="tab">
                            <h5 class="panel-title">
                                <a role="button" href="#collapseChangeLog" data-toggle="collapse"
                                   data-parent="#log-accordion" aria-expanded="true"
                                   aria-controls="collapseChangeLog">
                                    Change-Log
                                </a>
                            </h5>
                        </div>
                        <div id="collapseChangeLog" class="panel-collapse collapse"
                             role="tabpanel" aria-labelledby="headingChangeLog">
                            <div class="panel-body">
                                {% render_event_changelog event %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-5">
                {% if event.internal_note %}
                <div class="panel panel-danger">
                    <div class="panel-heading">
                        <h5 class="panel-title">{% trans 'Bearbeitungshinweis' %}</h5>
                    </div>
                    <div class="panel-body">
                        <div><small>{{ event.internal_note|linebreaksbr }}</small></div>
                    </div>
                </div>
                {% endif %}
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h5 class="panel-title">{% trans 'Veröffentlichung' %}</h5>
                    </div>
                    <div class="panel-body">
                        {% if event.planned_publication_date %}
                        {{ event.planned_publication_date|date:'l, d. F Y' }}
                        {% else %}
                        {% trans 'Unverzüglich' %}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock page-container-fluid %}