{% extends "pretixpresale/event/checkout_base.html" %}
{% load i18n %}
{% load bootstrap3 %}
{% load rich_text %}
{% block inner %}
    <p>{% trans "Some of the products in your cart can only be purchased if there is an active membership on your account." %}</p>
    <form class="form-horizontal" method="post">
        {% csrf_token %}
        {% for form in forms %}
            <details class="panel panel-default" open>
                <summary class="panel-heading">
                    <h4 class="panel-title">
                        <strong>{{ form.position.item.name }}{% if form.position.variation %}
                            – {{ form.position.variation }}
                        {% endif %}</strong>
                    </h4>
                </summary>
                <div>
                    <div class="panel-body questions-form">
                        {% if form.position.seat %}
                            <div class="form-group">
                                <label class="col-md-3 control-label">
                                    {% trans "Seat" %}
                                </label>
                                <div class="col-md-9 form-control-text">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 4.7624999 3.7041668" class="svg-icon">
                                        <path
                                                d="m 1.9592032,1.8522629e-4 c -0.21468,0 -0.38861,0.17394000371 -0.38861,0.38861000371 0,0.21466 0.17393,0.38861 0.38861,0.38861 0.21468,0 0.3886001,-0.17395 0.3886001,-0.38861 0,-0.21467 -0.1739201,-0.38861000371 -0.3886001,-0.38861000371 z m 0.1049,0.84543000371 c -0.20823,-0.0326 -0.44367,0.12499 -0.39998,0.40462997 l 0.20361,1.01854 c 0.0306,0.15316 0.15301,0.28732 0.3483,0.28732 h 0.8376701 v 0.92708 c 0,0.29313 0.41187,0.29447 0.41187,0.005 v -1.19115 c 0,-0.14168 -0.0995,-0.29507 -0.29094,-0.29507 l -0.65578,-10e-4 -0.1757,-0.87644 C 2.3042533,0.95300523 2.1890432,0.86500523 2.0641032,0.84547523 Z m -0.58549,0.44906997 c -0.0946,-0.0134 -0.20202,0.0625 -0.17829,0.19172 l 0.18759,0.91054 c 0.0763,0.33956 0.36802,0.55914 0.66042,0.55914 h 0.6015201 c 0.21356,0 0.21448,-0.32143 -0.003,-0.32143 H 2.1954632 c -0.19911,0 -0.36364,-0.11898 -0.41341,-0.34107 l -0.17777,-0.87126 c -0.0165,-0.0794 -0.0688,-0.11963 -0.12557,-0.12764 z"/>
                                    </svg>
                                    {{ form.position.seat }}
                                </div>
                            </div>
                        {% endif %}
                        {% if form.position.addons.all %}
                            <div class="form-group">
                                <label class="col-md-3 control-label">
                                    {% trans "Selected add-ons" %}
                                </label>
                                <div class="col-md-9 form-control-text">
                                    <ul class="addon-list">
                                        {% for a in form.position.addons.all %}
                                            <li>{{ a.item.name }}{% if a.variation %} – {{ a.variation.value }}{% endif %}</li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                        {% endif %}
                        {% if form.position.subevent %}
                            <div class="form-group">
                                <label class="col-md-3 control-label">
                                    {% trans "Date" context "subevent" %}
                                </label>
                                <div class="col-md-9 form-control-text">
                                    <ul class="addon-list">
                                        {{ form.position.subevent.name }} &middot; {{ form.position.subevent.get_date_range_display_as_html }}
                                        {% if form.position.event.settings.show_times %}
                                            <span data-time="{{ form.position.subevent.date_from.isoformat }}" data-timezone="{{ request.event.timezone }}">
                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                            {{ form.position.subevent.date_from|date:"TIME_FORMAT" }}
                                        </span>
                                        {% endif %}
                                    </ul>
                                </div>
                            </div>
                        {% endif %}
                        {% if form.is_empty %}
                            <div class="alert alert-danger">
                                {% trans "This product can only be purchased when you are logged in with a customer account that includes a valid membership or authorization for this type of product." %}
                            </div>
                            <div class="sr-only">
                                {% bootstrap_form form layout="checkout" %}
                            </div>
                        {% else %}
                            {% bootstrap_form form layout="checkout" %}
                        {% endif %}
                    </div>
                </div>
            </details>
        {% endfor %}
        <div class="row checkout-button-row">
            <div class="col-md-4 col-sm-6">
                <a class="btn btn-block btn-default btn-lg"
                        href="{{ prev_url }}">
                    {% trans "Go back" %}
                </a>
            </div>
            <div class="col-md-4 col-md-offset-4 col-sm-6">
                <button class="btn btn-block btn-primary btn-lg" type="submit">
                    {% trans "Continue" %}
                </button>
            </div>
            <div class="clearfix"></div>
        </div>
    </form>
{% endblock %}
