{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% load compress %}
{% load static %}
{% load bootstrap3 %}
{% load eventurl %}
{% block title %}{% trans "Seat Assignment" %}{% endblock %}
{% block content %}
    <h1>{% trans "Manual Seats" %} 💺</h1>

    {% if seatingplan %}
       <form method="post" class="form-horizontal">{% csrf_token %}
            <fieldset>
                <legend>{% trans "Assignment of Seats to Order Positions" %}</i></legend>
                
                <div class="form-group">
                    <div class="col-md-9 col-md-offset-3">
                        <div class="btn-group btn-group-justified">
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default" id="download_assignedseats">
                                    <span class="fa fa-download"></span> {% trans "Download CSV" %}
                                </button>
                            </div>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default" id="upload_assignedseats">
                                    <span class="fa fa-upload"></span> {% trans "Upload CSV" %}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                {% bootstrap_field form.data layout="control" %}
                <div class="form-group">
                    <div class="col-md-9 col-md-offset-3">
                        <button type="button" class="btn btn-danger" id="clear_assignedseats">
                            <span class="fa fa-eraser"></span> {% trans "Clear assigned seats" %}
                        </button>
                    </div>
                </div>
            </fieldset>
            <div class="form-group submit-group">
                <button type="submit" class="btn btn-primary btn-save">
                    <i class="fa fa-save"></i> {% trans "Save" %}
                </button>
            </div>
        </form>
    {% else %}
        <div class="alert alert-info">
            <p>
                {% trans "Please select a seating plan for your current event." %}
                <a href="{% url "plugins:pretix_manualseats:index" organizer=request.organizer.slug event=request.event.slug %}" class="btn btn-info">
                    <span class="fa fa-cogs"></span> {% trans "Manage event seating plan" %}
                </a>
            </p>
        </div>
    {%endif%}

    <script src="{% static 'pretix_manualseats/assignedseats-edit.js' %}"></script>
{% endblock %}