{% extends basetemplate %}
{% load i18n %}
{% load icon %}
{% load bootstrap3 %}
{% load urlreplace %}

{% block title %}{% trans "Withdrawals" %}{% endblock %}
{% block content %}

    <h2>{% trans "Withdrawals" %}</h2>
    {% if request.event and withdrawals_without_event_exist %}
        <div class="alert alert-warning">
            <p>
                {% blocktrans trimmed %}
                    There are <b>unsettled withdrawals not listed here</b> as they are not assigned to any event.
                {% endblocktrans %}
                <br>
                <a href="{% url "plugins:pretix_withdrawal:control.organizer.index" organizer=request.organizer.slug %}">
                    {% trans "Check unassigned withdrawals" %}
                </a>
            </p>
        </div>
    {% endif %}
    {% if events_without_permission_exist and withdrawals_without_event_exist %}
        <div class="alert alert-warning">
            <p>
                <b>
                    {% blocktrans trimmed %}
                        There are withdrawals that are not assigned to any event. You do not have sufficient permissions to view them.
                    {% endblocktrans %}
                </b><br>
                {% blocktrans trimmed %}To view unassigned withdrawals, you need read access on orders in all events.{% endblocktrans %}
            </p>
        </div>
    {% endif %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">{% trans "Filter" %}</h3>
        </div>
        <form class="panel-body filter-form" action="" method="get">
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12">
                    {% bootstrap_field filter_form.query %}
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12">
                    {% bootstrap_field filter_form.status %}
                </div>
                {% if filter_form.event %}
                    <div class="col-md-5 col-sm-6 col-xs-12">
                        {% bootstrap_field filter_form.event %}
                    </div>
                {% endif %}
            </div>
            <div class="text-right">
                <button class="btn btn-primary btn-lg" type="submit">
                    <span class="fa fa-filter"></span>
                    {% trans "Filter" %}
                </button>
            </div>
        </form>
    </div>
    {% if not filter_form.filtered and withdrawals|length == 0 %}
        <div class="empty-collection">
            <p>
                {% blocktrans trimmed %}
                    No withdrawals to act upon.
                {% endblocktrans %}
            </p>
        </div>
    {% else %}
        <div class="table-responsive">
            <table class="table table-condensed table-hover">
                <thead>
                <tr>
                    <th>{% trans "Withdrawn by" %}</th>
                    <th>{% trans "Order" %}
                        <a href="{% querystring ordering="-code" %}"><i class="fa fa-caret-down"></i></a>
                        <a href="{% querystring ordering="code" %}"><i class="fa fa-caret-up"></i></a>
                    </th>
                    {% if not request.event %}
                        <th>{% trans "Event" %}
                            <a href="{% querystring ordering="-event" %}"><i class="fa fa-caret-down"></i></a>
                            <a href="{% querystring ordering="event" %}"><i class="fa fa-caret-up"></i></a>
                        </th>
                    {% endif %}
                    <th>{% trans "Received" %}
                        <a href="{% querystring ordering="-created" %}"><i class="fa fa-caret-down"></i></a>
                        <a href="{% querystring ordering="created" %}"><i class="fa fa-caret-up"></i></a>
                    </th>
                    <th class="text-right">{% trans "Status" %}</th>
                    <th class="text-right">{% trans "Actions" %}</th>
                </tr>
                </thead>
                <tbody>
                {% for w in withdrawals %}
                    <tr>
                        <td>
                            {% if request.event %}
                                {% url "plugins:pretix_withdrawal:control.event.view" event=request.event.slug organizer=request.organizer.slug pk=w.pk as withdrawal_url %}
                            {% else %}
                                {% url "plugins:pretix_withdrawal:control.organizer.view" organizer=request.organizer.slug pk=w.pk as withdrawal_url %}
                            {% endif %}
                            <a href="{{ withdrawal_url }}">
                            {% if w.name %}
                                {{ w.name }}<br><small>{{ w.email }}</small>
                            {% else %}
                                {{ w.email }}
                            {% endif %}
                            </a>
                            {% if w.message %}
                                <br><span data-toggle="tooltip" title="{% trans "Message" %}: {{ w.message|truncatechars:90 }}">{% icon "comment-o" %}</span>
                            {% endif %}
                            {% if w.internal_notes %}
                                {% if not w.message %}
                                    <br>
                                {% endif %}
                                <span data-toggle="tooltip" title="{% trans "Internal comment" %}: {{ w.internal_notes|truncatechars:90 }}">{% icon "sticky-note-o" %}</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if w.order %}
                                <b>
                                    <a href="{% url "control:event.order" event=w.order.event.slug organizer=w.order.event.organizer.slug code=w.order.code %}">
                                        {% if request.event %}
                                            {{ w.order.code }}
                                        {% else %}
                                            {{ w.order.full_code }}
                                        {% endif %}
                                    </a>
                                </b>
                                {% if w.email != w.order.email %}
                                    {% if '@' in w.order.email %}
                                        <br>
                                        <small class="text-muted">
                                            {{ w.order.email }}
                                        </small>
                                    {% endif %}
                                    <br>
                                    <small class="text-danger">
                                        {% icon "exclamation-triangle" %}
                                        {% if '@' not in w.order.email %}
                                            {% trans "Beware: order has no email - withdrawal might be from a different email than the order!" %}
                                        {% else %}
                                            {% trans "Beware: withdrawal is from a different email than the order!" %}
                                        {% endif %}
                                    </small>
                                {% endif %}
                            {% else %}
                                <b>{{ w.order_code }}</b>
                                {% if request.event %}
                                    <a href="{% url "control:event.orders" event=request.event.slug organizer=request.organizer.slug %}?query={{ w.order_code }}" class="text-muted" data-toggle="tooltip" title="{% trans "The provided order-code could not be matched to any existing order. Click here to try a search." %}">
                                        {% icon "question-circle" %}
                                    </a>
                                {% endif %}
                            {% endif %}
                        </td>
                        {% if not request.event %}
                            <td>
                                {% if w.event %}
                                    <a href="{% url "plugins:pretix_withdrawal:control.event.index" event=w.event.slug organizer=w.organizer.slug %}">
                                        {{ w.event }}
                                    </a>
                                {% endif %}
                            </td>
                        {% endif %}
                        <td>
                            {{ w.created }}
                        </td>
                        <td class="text-right">
                            {% if not w.settled %}
                                <span class="label label-warning">{% trans "Not settled" %}</span>
                            {% else %}
                                <span class="label label-success">{% trans "Settled" %}</span>
                            {% endif %}
                        </td>
                        <td class="text-right">
                            {% if not w.settled %}
                                {% if request.event %}
                                    {% url "plugins:pretix_withdrawal:control.event.settle" event=request.event.slug organizer=request.organizer.slug pk=w.pk as mark_settled_url %}
                                {% else %}
                                    {% url "plugins:pretix_withdrawal:control.organizer.settle" organizer=request.organizer.slug pk=w.pk as mark_settled_url %}
                                {% endif %}
                                <a href="{{ mark_settled_url }}?next="
                                   class="btn btn-primary btn-xs" data-toggle="tooltip">
                                    <span class="fa fa-check"></span>
                                    {% trans "Mark as settled" %}
                                </a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {% include "pretixcontrol/pagination.html" %}
    {% endif %}
{% endblock %}