{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% load eventurl %}
{% load bootstrap3 %}
{% load static %}
{% 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 %}"
         {# loading indicator is somewhere else because the happy case is "no warnings" and shouldn't make the page jump #}
         hx-indicator="#warnings_indicator"
         hx-trigger="load"></div>

    {% if stats %}
        {{ stats }}
    {% endif %}
    <p>&nbsp;</p>

    {% if not request.event.items.exists %}
        {% include "pretixcontrol/event/dashboard_partial_welcome.html" %}
    {% elif not request.event.has_subevents %}
        {% include "pretixcontrol/event/fragment_timeline.html" %}
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="pull-right">
                            <div hx-get="{% url "control:event.index.waiting" organizer=request.organizer.slug event=request.event.slug %}"
                                 hx-trigger="load">
                                <span class="loading-mock loading-mock-text-short"></span>
                            </div>
                        </div>
                        <h2 class="panel-title">{% trans "Quotas" %}</h2>
                    </div>
                    <div class="panel-body">
                        <div hx-get="{% url "control:event.index.quotas" organizer=request.organizer.slug event=request.event.slug %}"
                             hx-trigger="load">
                            {% for i in "12" %}
                                {% include "pretixcontrol/fragment_quota_box_mock.html" %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h2 class="panel-title">{% trans "Check-in lists" %}</h2>
                    </div>
                    <div class="panel-body">
                        <div hx-get="{% url "control:event.index.checkin" organizer=request.organizer.slug event=request.event.slug %}"
                             hx-trigger="load">
                            {% for i in "12" %}
                                {% include "pretixcontrol/fragment_quota_box_mock.html" %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% elif has_checkin_widgets %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <h2 class="panel-title">{% trans "Check-in lists" %}</h2>
            </div>
            <div class="panel-body">
                <div hx-get="{% url "control:event.index.checkin" organizer=request.organizer.slug event=request.event.slug %}"
                     hx-trigger="load">
                    {% for i in "12" %}
                        {% include "pretixcontrol/fragment_quota_box_mock.html" %}
                    {% endfor %}
                </div>
            </div>
        </div>
    {% endif %}
    {% 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">
                {% for i in "12345" %}
                    <li class="list-group-item logentry">
                        <div class="row">
                            <div class="col-lg-2 col-sm-6 col-xs-12">
                                <span class="loading-mock loading-mock-text-medium"></span>
                            </div>
                            <div class="col-lg-2 col-sm-6 col-xs-12">
                                <span class="loading-mock loading-mock-text-short"></span>
                            </div>
                            <div class="col-lg-2 col-sm-12 col-xs-12">
                                <span class="loading-mock loading-mock-text-medium"></span>
                            </div>
                            <div class="col-lg-6 col-sm-12 col-xs-12">
                                <span class="loading-mock loading-mock-text-long"></span>
                            </div>
                        </div>
                    </li>
                {% endfor %}
            </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 %}