{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% load money %}
{% load wallet %}
{% block title %}{% trans "Wallet layouts" %}{% endblock %}
{% block content %}
    <h1>{% trans "Wallet layouts" %}</h1>
    <div class="tabbed-form">
        {% for platform in platforms.values %}
            <fieldset>
                <legend>{{platform.name}}</legend>
                {% with platform_layouts=platform|platform_layouts:request.event %}
                {% if platform_layouts|length == 0 %}
                    <div class="empty-collection">
                        <p>
                            {% blocktrans trimmed %}
                                You haven't created any layouts yet.
                            {% endblocktrans %}
                        </p>

                        {% if "event.settings.general:write" in request.eventpermset %}
                            <a href="{% url "plugins:wallet:add" organizer=request.event.organizer.slug event=request.event.slug platform=platform.identifier %}"
                                    class="btn btn-primary btn-lg"><i class="fa fa-plus"></i> {% trans "Create a new layout" %}
                            </a>
                        {% endif %}
                    </div>
                {% else %}
                    <div class="table-responsive">
                        <table class="table table-hover table-quotas">
                            <thead>
                            <tr>
                                <th>{% trans "Name" %}</th>
                                <th>{% trans "Default" %}</th>
                                <th class="action-col-2"></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for l in platform_layouts %}
                                <tr>
                                    <td>
                                        {% if "can_change_event_settings" in request.eventpermset %}
                                            <strong><a href="{% url "plugins:wallet:edit" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}">
                                                {{ l.name }}
                                            </a></strong>
                                        {% else %}
                                            <strong>{{ l.name }}</strong>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if l.default %}
                                            <span class="text-success">
                                                <span class="fa fa-check"></span>
                                                {% trans "Default" %}
                                            </span>
                                        {% elif "can_change_event_settings" in request.eventpermset %}
                                            <form class="form-inline" method="post"
                                                    action="{% url "plugins:wallet:default" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}">
                                                {% csrf_token %}
                                                <button class="btn btn-default btn-sm">
                                                    {% trans "Make default" %}
                                                </button>
                                            </form>
                                        {% endif %}
                                    </td>
                                    <td class="text-right flip">
                                        {% if "can_change_event_settings" in request.eventpermset %}
                                            <a href="{% url "plugins:wallet:edit" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-default btn-sm"><i class="fa fa-edit"></i></a>
                                            <a href="{% url "plugins:wallet:add" organizer=request.event.organizer.slug event=request.event.slug platform=platform.identifier %}?copy_from={{ l.id }}"
                                                    class="btn btn-default btn-sm" title="{% trans "Clone" %}" data-toggle="tooltip"><i class="fa fa-copy"></i></a>
                                            <a href="{% url "plugins:wallet:delete" organizer=request.event.organizer.slug event=request.event.slug layout=l.id %}" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% endif %}
                {% endwith %}
            </fieldset>
        {% endfor %}
    </div>
{% endblock %}