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

{% 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:confirmstatus' 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:confirmstatus' 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 '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 class="btn btn-success" href="{% if event.planned_publication_date %}{% url 'dav_events:confirmstatus' event.pk 'publishing' %}{% else %}{% url 'dav_events:confirmstatus' event.pk 'published' %}{% endif %}">
                    {% bootstrap_icon 'ok' %}&thinsp;
                    {% trans 'Ja' %}
                </a>
                <button type="button" class="btn btn-danger" data-dismiss="modal">
                    {% bootstrap_icon 'remove' %}&thinsp;
                    {% trans 'Nein' %}
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock modals %}

{% block page-container-fluid %}
<div class="action-tabs">
    <div class="pull-right">
        {% if has_permission_submit %}
        <a class="btn {% if event.get_status.code == 'draft' %}btn-success{% else %}btn-default disabled{% endif %}"
           data-toggle="modal" data-target="#modal-submit-dialog">
            {% if 'submitted' in event.get_status_codes %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Einreichen' %}
        </a>
        {% endif %}
        {% if has_permission_accept %}
        <a class="btn {% if event.get_status.code == 'submitted' %}btn-success{% else %}btn-default disabled{% endif %}"
           data-toggle="modal" data-target="#modal-accept-dialog">
            {% if 'accepted' in event.get_status_codes %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Freigeben' %}
        </a>
        {% endif %}
        {% if has_permission_publish %}
        <a class="btn {% if event.get_status.code == 'accepted' %}btn-success{% else %}btn-default disabled{% endif %}"
           data-toggle="modal" data-target="#modal-confirmpublication-dialog">
            {% if 'publishing' in event.get_status_codes or 'published' in event.get_status_codes %}
            {% bootstrap_icon 'check' %}&thinsp;
            {% else %}
            {% bootstrap_icon 'unchecked' %}&thinsp;
            {% endif %}
            {% trans 'Veröffentlichung bestätigen' %}
        </a>
        {% endif %}
        <a class="btn 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>
    </ul>
</div>

<div class="row">
    <div class="col-sm-12">
        {{ event.render_as_html }}
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-5">
                        <h5>Status-Log</h5>
                        {% for flag in event.flags.all %}
                        <div class="row">
                            <div class="col-sm-5">
                                <span class="text-{{ flag.status.bootstrap_context|default:'default' }}">{% bootstrap_icon 'check' %}</span>
                                <strong>{{ flag.status.label }}:</strong>
                            </div>
                            <div class="col-sm-7">
                                {{ 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 class="col-sm-3">
                        <h5>{% trans 'Veröffentlichen' %}</h5>
                        {% if event.planned_publication_date %}
                        {{ event.planned_publication_date|date:'l, d. F Y' }}
                        {% else %}
                        {% trans 'Unverzüglich' %}
                        {% endif %}
                    </div>
                    <div class="col-sm-4">
                        {% if event.internal_note %}
                        <h5>{% trans 'Bearbeitungshinweis' %}</h5>
                        <div class="well well-sm"><small>{{ event.internal_note|linebreaksbr }}</small></div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock page-container-fluid %}