{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% load bootstrap3 %}
{% load formset_tags %}
{% load captureas %}
{% load static %}
{% load eventsignal %}
{% block title %}{% trans "Change multiple dates" context "subevent" %}{% endblock %}
{% block content %}
    <h1>
        {% trans "Change multiple dates" context "subevent" %}
        <small>
            {% blocktrans trimmed with number=subevents.count %}
                {{ number }} selected
            {% endblocktrans %}
        </small>
    </h1>
    <form action="" method="post" class="form-horizontal" id="subevent-bulk-create-form">
        {% csrf_token %}
        {% bootstrap_form_errors form %}
        {% for f in itemvar_forms %}
            {% bootstrap_form_errors f %}
        {% endfor %}
        <div class="hidden">
            {% for se in subevents %}
                <input type="hidden" name="subevent" value="{{ se.pk }}">
            {% endfor %}
        </div>
        <fieldset>
            <legend>{% trans "General information" %}</legend>
            {% bootstrap_field form.name layout="bulkedit" %}
            {% bootstrap_field form.active layout="bulkedit" %}
            <div class="geodata-section">
                {% bootstrap_field form.location layout="bulkedit" %}
                {% include "pretixcontrol/event/fragment_geodata_autoupdate.html" %}
                <div class="form-group geodata-group"
                        data-tiles="{{ global_settings.leaflet_tiles|default_if_none:"" }}"
                        data-attrib="{{ global_settings.leaflet_tiles_attribution }}"
                        data-icon="{% static "leaflet/images/marker-icon.png" %}"
                        data-shadow="{% static "leaflet/images/marker-shadow.png" %}">
                    <label class="col-md-3 control-label">
                        {% trans "Geo coordinates" %}
                    </label>
                    <div class="col-md-9">
                        <div class="bulk-edit-field-group">
                            <label class="field-toggle">
                                <input type="checkbox" name="_bulk" value="{{ form.prefix }}__geo" {% if form.prefix|add:"__geo" in bulk_selected %}checked{% endif %}>
                                {% trans "change" context "form_bulk" %}
                            </label>
                            <div class="field-content">
                                <div class="row">
                                    <div class="col-md-6">
                                        {% bootstrap_field form.geo_lat layout="inline" %}
                                        {% if global_settings.opencagedata_apikey %}
                                            <p class="attrib">
                                                <a href="https://openstreetmap.org/" target="_blank" tabindex="-1">
                                                    {% trans "Geocoding data © OpenStreetMap" %}
                                                </a>
                                            </p>
                                        {% endif %}
                                    </div>
                                    <div class="col-md-6">
                                        {% bootstrap_field form.geo_lon layout="inline" %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% bootstrap_field form.frontpage_text layout="bulkedit" %}
            {% bootstrap_field form.is_public layout="bulkedit" %}
            {% bootstrap_field form.comment layout="bulkedit" %}
            {% if meta_forms %}
                <div class="form-group metadata-group">
                    <label class="col-md-3 control-label">{% trans "Meta data" %}</label>
                    <div class="col-md-9">
                        {% for form in meta_forms %}
                            <div class="row">
                                <div class="col-md-4">
                                    <label for="{{ form.value.id_for_label }}">
                                        {{ form.property.name }}
                                    </label>
                                </div>
                                <div class="col-md-8">
                                    {% bootstrap_form form layout="bulkedit_inline" %}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
        </fieldset>
        <fieldset>
            <legend>{% trans "Timeline" %}</legend>
            <div class="form-group">
                <label class="col-md-3 control-label" for="{{ form.date_from_day.id_for_label }}">
                    {{ form.date_from_day.label }}
                </label>
                <div class="col-md-5">
                    {% bootstrap_field form.date_from_day layout="bulkedit_inline" form_group_class="" %}
                </div>
                <div class="col-md-4">
                    {% bootstrap_field form.date_from_time layout="bulkedit_inline" form_group_class="" %}
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 control-label" for="{{ form.date_to_day.id_for_label }}">
                    {{ form.date_to_day.label }}
                </label>
                <div class="col-md-5">
                    {% bootstrap_field form.date_to_day layout="bulkedit_inline" form_group_class="" %}
                </div>
                <div class="col-md-4">
                    {% bootstrap_field form.date_to_time layout="bulkedit_inline" form_group_class="" %}
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 control-label" for="{{ form.date_admission_day.id_for_label }}">
                    {{ form.date_admission_day.label }}
                </label>
                <div class="col-md-5">
                    {% bootstrap_field form.date_admission_day layout="bulkedit_inline" form_group_class="" %}
                </div>
                <div class="col-md-4">
                    {% bootstrap_field form.date_admission_time layout="bulkedit_inline" form_group_class="" %}
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 control-label" for="{{ form.presale_start_day.id_for_label }}">
                    {{ form.presale_start_day.label }}
                </label>
                <div class="col-md-5">
                    {% bootstrap_field form.presale_start_day layout="bulkedit_inline" form_group_class="" %}
                </div>
                <div class="col-md-4">
                    {% bootstrap_field form.presale_start_time layout="bulkedit_inline" form_group_class="" %}
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-3 control-label" for="{{ form.presale_end_day.id_for_label }}">
                    {{ form.presale_end_day.label }}
                </label>
                <div class="col-md-5">
                    {% bootstrap_field form.presale_end_day layout="bulkedit_inline" form_group_class="" %}
                </div>
                <div class="col-md-4">
                    {% bootstrap_field form.presale_end_time layout="bulkedit_inline" form_group_class="" %}
                </div>
            </div>
        </fieldset>
        <fieldset>
            <legend>{% trans "Item prices" %}</legend>
            {% for f in itemvar_forms %}
                {% bootstrap_form_errors f %}
                <div class="form-group subevent-itemvar-group">
                    <label class="col-md-3 control-label" for="id_{{ f.prefix }}-price">
                        {% if f.variation %}{{ f.item }} – {{ f.variation }}{% else %}{{ f.item }}{% endif %}
                    </label>
                    <div class="col-md-4">
                        <label for="{{ f.price.id_for_label }}" class="text-muted">{% trans "Price" %}</label><br>
                        {% bootstrap_field f.price addon_after=request.event.currency form_group_class="" layout="bulkedit_inline" %}
                    </div>
                    <div class="col-md-5">
                        <label class="text-muted">&nbsp;</label><br>
                        {% bootstrap_field f.disabled layout="bulkedit_inline" form_group_class="" %}
                    </div>
                </div>
                <div class="form-group subevent-itemvar-group">
                    <div class="col-md-4 col-md-offset-3">
                        <label for="{{ f.available_from.id_for_label }}" class="text-muted">{% trans "Available from" %}</label>
                        {% include "pretixcontrol/subevents/fragment_unavail_mode_indicator.html" with mode=f.available_from_mode %}<br>
                        {% bootstrap_field f.available_from form_group_class="" layout="bulkedit_inline" %}
                    </div>
                    <div class="col-md-5">
                        <label for="{{ f.available_until.id_for_label }}" class="text-muted">{% trans "Available until" %}</label>
                        {% include "pretixcontrol/subevents/fragment_unavail_mode_indicator.html" with mode=f.available_until_mode %}<br>
                        {% bootstrap_field f.available_until form_group_class="" layout="bulkedit_inline" %}
                    </div>
                </div>
            {% endfor %}
        </fieldset>
        <fieldset>
            <legend>{% trans "Quotas" %}</legend>
            {% if sampled_quotas|default_if_none:"NONE" == "NONE" %}
                <div class="alert alert-warning">
                    {% blocktrans trimmed %}
                        You selected a set of dates that currently have different quota setups. You can therefore
                        not change their quotas in bulk. If you want, you can set up a new set of quotas to
                        <strong>replace</strong> the quota setup of all selected dates.
                    {% endblocktrans %}
                </div>
            {% endif %}
            <div class="bulk-edit-field-group">
                <label class="field-toggle">
                    <input type="checkbox" name="_bulk" value="__quotas" {% if "__quotas" in bulk_selected %}checked{% endif %}>
                    {% trans "change" context "form_bulk" %}
                </label>
                <div class="field-content">
                    <div class="formset" data-formset data-formset-prefix="{{ formset.prefix }}">
                        {{ formset.management_form }}
                        {% bootstrap_formset_errors formset %}
                        <div data-formset-body>
                            {% for form in formset %}
                                <div class="panel panel-default" data-formset-form>
                                    <div class="sr-only">
                                        {{ form.id }}
                                        {% bootstrap_field form.DELETE form_group_class="" layout="inline" %}
                                    </div>
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    {% bootstrap_field form.name layout='inline' form_group_class="" %}
                                                </div>
                                                <div class="col-md-2 text-right flip">
                                                    <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                        <i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </h4>
                                    </div>
                                    <div class="panel-body form-horizontal">
                                        {% bootstrap_form_errors form %}
                                        {% bootstrap_field form.size layout="control" %}
                                        {% bootstrap_field form.itemvars layout="control" %}
                                        {% bootstrap_field form.release_after_exit layout="control" %}
                                        {% bootstrap_field form.ignore_for_event_availability layout="control" %}
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                        <script type="form-template" data-formset-empty-form>
                            {% escapescript %}
                                <div class="panel panel-default" data-formset-form>
                                    <div class="sr-only">
                                        {{ formset.empty_form.id }}
                                        {% bootstrap_field formset.empty_form.DELETE form_group_class="" layout="inline" %}
                                    </div>
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    {% bootstrap_field formset.empty_form.name layout='inline' form_group_class="" %}
                                                </div>
                                                <div class="col-md-2 text-right flip">
                                                    <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                        <i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </h4>
                                    </div>
                                    <div class="panel-body form-horizontal">
                                        {% bootstrap_field formset.empty_form.size layout="control" %}
                                        {% bootstrap_field formset.empty_form.itemvars layout="control" %}
                                        {% bootstrap_field formset.empty_form.release_after_exit layout="control" %}
                                        {% bootstrap_field formset.empty_form.ignore_for_event_availability layout="control" %}
                                    </div>
                                </div>
                            {% endescapescript %}
                        </script>
                        <p>
                            <button type="button" class="btn btn-default" data-formset-add>
                                <i class="fa fa-plus"></i> {% trans "Add a new quota" %}</button>
                        </p>
                    </div>
                </div>
            </div>
        </fieldset>
        <p>&nbsp;</p>
        <fieldset>
            <legend>{% trans "Check-in lists" %}</legend>
            {% if sampled_lists|default_if_none:"NONE" == "NONE" %}
                <div class="alert alert-warning">
                    {% blocktrans trimmed %}
                        You selected a set of dates that currently have different check-in list setups. You can
                        therefore not change their check-in lists in bulk.
                    {% endblocktrans %}
                </div>
            {% else %}
            <div class="bulk-edit-field-group">
                <label class="field-toggle">
                    <input type="checkbox" name="_bulk" value="__checkinlists" {% if "__checkinlists" in bulk_selected %}checked{% endif %}>
                    {% trans "change" context "form_bulk" %}
                </label>
                <div class="field-content">
                        <div class="formset" data-formset data-formset-prefix="{{ cl_formset.prefix }}">
                        {{ cl_formset.management_form }}
                        {% bootstrap_formset_errors cl_formset %}
                        <div data-formset-body>
                            {% for form in cl_formset %}
                                <div class="panel panel-default" data-formset-form>
                                    <div class="sr-only">
                                        {{ form.id }}
                                        {% bootstrap_field form.DELETE form_group_class="" layout="inline" %}
                                    </div>
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    {% bootstrap_field form.name layout='inline' form_group_class="" %}
                                                </div>
                                                <div class="col-md-2 text-right flip">
                                                    <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                        <i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </h4>
                                    </div>
                                    <div class="panel-body form-horizontal">
                                        {% bootstrap_form_errors form %}
                                        {% bootstrap_field form.include_pending layout="control" %}
                                        {% bootstrap_field form.all_products layout="control" %}
                                        {% bootstrap_field form.limit_products layout="control" %}
                                        {% bootstrap_field form.allow_entry_after_exit layout="control" %}
                                        {% if form.gates %}
                                            {% bootstrap_field form.gates layout="control" %}
                                        {% endif %}
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                        <script type="form-template" data-formset-empty-form>
                            {% escapescript %}
                                <div class="panel panel-default" data-formset-form>
                                    <div class="sr-only">
                                        {{ cl_formset.empty_form.id }}
                                        {% bootstrap_field cl_formset.empty_form.DELETE form_group_class="" layout="inline" %}
                                    </div>
                                    <div class="panel-heading">
                                        <h4 class="panel-title">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    {% bootstrap_field cl_formset.empty_form.name layout='inline' form_group_class="" %}
                                                </div>
                                                <div class="col-md-2 text-right flip">
                                                    <button type="button" class="btn btn-danger" data-formset-delete-button>
                                                        <i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        </h4>
                                    </div>
                                    <div class="panel-body form-horizontal">
                                        {% bootstrap_field cl_formset.empty_form.include_pending layout="control" %}
                                        {% bootstrap_field cl_formset.empty_form.all_products layout="control" %}
                                        {% bootstrap_field cl_formset.empty_form.limit_products layout="control" %}
                                        {% bootstrap_field cl_formset.empty_form.allow_entry_after_exit layout="control" %}
                                        {% if cl_formset.empty_form.gates %}
                                            {% bootstrap_field cl_formset.empty_form.gates layout="control" %}
                                        {% endif %}
                                    </div>
                                </div>
                            {% endescapescript %}
                        </script>
                        <p>
                            <button type="button" class="btn btn-default" data-formset-add>
                                <i class="fa fa-plus"></i> {% trans "Add a new check-in list" %}
                            </button>
                        </p>
                    </div>
                </div>
            {% endif %}
        </fieldset>
        <div class="form-group submit-group">
            <button type="submit" class="btn btn-primary btn-save">
                {% trans "Save" %}
            </button>
        </div>
    </form>
{% endblock %}
