{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% load eventurl %}
{% load bootstrap3 %}
{% load static %}
{% load eventsignal %}
{% load icon %}
{% block title %}{{ request.event.name }}{% endblock %}
{% block content %}
    <h1 class="event-dashboard-header">
        {{ request.event.name }}
        <small>
            {% if request.event.has_subevents %}
                {% trans "Event series" %}
            {% else %}
                {{ request.event.get_date_range_display }}
            {% endif %}
            <span id="warnings_indicator" class="htmx-indicator">{% icon "cog fa-spin" %}</span>
        </small>
        <div class="pull-right flip">
            <a href="{% url "control:event.live" organizer=request.organizer.slug event=request.event.slug %}"
               data-toggle="tooltip"
               title="{% trans "Click to change shop status" %}">
                {% icon "pencil" %}</a>
            <a href="{% url "control:event.live" organizer=request.organizer.slug event=request.event.slug %}"
               data-toggle="tooltip"
               title="{% trans "Click to change shop status" %}">
                {% if request.event.live and request.event.testmode %}
                    <span class="label label-warning">
                        <span class="fa fa-warning"></span>
                        {% trans "public test mode" %}
                    </span>
                {% elif request.event.live %}
                    <span class="label label-success">
                        <span class="fa fa-check"></span>
                        {% trans "live" %}
                    </span>
                {% elif request.event.testmode %}
                    <span class="label label-warning">
                        <span class="fa fa-power-off"></span>
                        {% trans "private test mode" %}
                    </span>
                {% else %}
                    <span class="label label-danger">
                        <span class="fa fa-power-off"></span>
                        {% trans "offline" %}
                    </span>
                {% endif %}
            </a>
        </div>
        <div class="clearfix"></div>
    </h1>
    <div class="helper-space-below">
        <strong>{% trans "Shop URL:" %}</strong>
        <span id="shop_url" class="text-muted">{% abseventurl request.event "presale:event.index" %}</span>
        <button type="button" class="btn btn-default btn-xs btn-clipboard js-only" data-clipboard-target="#shop_url">
            <i class="fa fa-clipboard" aria-hidden="true"></i>
            <span class="sr-only">{% trans "Copy to clipboard" %}</span>
        </button>
        <div class="btn-group helper-display-inline-block">
            <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" title="{% trans "Create QR code" %}" aria-haspopup="true" aria-expanded="false">
                <i class="fa fa-qrcode" aria-hidden="true"></i>
            </button>
            {% include "pretixcontrol/event/fragment_qr_dropdown.html" with url=0 %}
        </div>
        <div class="clearfix"></div>
        {% include "pretixcontrol/event/dashboard_partial_comment.html" with url=0 %}
    </div>


    <div hx-get="{% url "control:event.index.warnings" organizer=request.organizer.slug event=request.event.slug %}"
         hx-indicator="#warnings_indicator"
         hx-trigger="load"></div>

    <div id="warnings_target"></div>
    {% eventsignal request.event "pretix.control.signals.event_dashboard_top" request=request %}

    {% if not request.event.has_subevents %}
        {% include "pretixcontrol/event/fragment_timeline.html" %}
    {% endif %}
    {% if widgets_override %}
        {{ widgets_override|safe }}
    {% endif %}
    {% if widgets %}
        <div class="dashboard">
            {% for w in widgets %}
                <div class="widget-container widget-{{ w.display_size|default:"small" }} {% if w.lazy %}widget-lazy-loading{% endif %}" data-lazy-id="{{ w.lazy }}">
                    {% if w.url %}{# backwards compatibility #}
                        <a href="{{ w.url }}" class="widget">
                            {% if w.lazy %}
                                <span class="fa fa-cog fa-4x"></span>
                            {% else %}
                                {{ w.content }}
                            {% endif %}
                        </a>
                    {% elif w.link %}
                        <a href="{{ w.link }}" class="widget">
                            {% if w.lazy %}
                                <span class="fa fa-cog fa-4x´"></span>
                            {% else %}
                                {{ w.content }}
                            {% endif %}
                        </a>
                    {% else %}
                        <div class="widget">
                            {% if w.lazy %}
                                <span class="fa fa-cog fa-4x"></span>
                            {% else %}
                                {{ w.content }}
                            {% endif %}
                        </div>
                    {% endif %}
                </div>
            {% endfor %}
        </div>
    {% endif %}

    <p>&nbsp;</p>
    {% if "event.orders:read" in request.eventpermset or "event.orders:write" in request.eventpermset or "event.settings.general:write" in request.eventpermset or "event.items:write" in request.eventpermset %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">
                    {% trans "Event logs" %}
                </h3>
            </div>
            <ul class="list-group" hx-get="{% url "control:event.index.logs" organizer=request.organizer.slug event=request.event.slug %}" hx-trigger="load">
                <div class="logs-lazy-loading">
                    <span class="fa fa-cog fa-4x"></span>
                </div>
            </ul>
            <div class="panel-footer">
                <a href="{% url "control:event.log" event=request.event.slug organizer=request.event.organizer.slug %}">
                    {% trans "Show more logs" %}
                </a>
            </div>
        </div>
    {% endif %}

{% endblock %}