{% extends "orga/base.html" %}
{% load bootstrap4 %}
{% load compress %}
{% load copyable %}
{% load i18n %}
{% load static %}

{% block content %}

    {% if connect_in_progress %}
        <h2>{% trans "Confirm your Venueless connection" %}</h2>
        <div class="alert alert-info">
            <div>
                {% blocktrans trimmed %}
                    <b>Venueless</b> is asking to connect to your pretalx event. If you confirm
                    this connection, pretalx will notify Venueless about all schedule changes.
                {% endblocktrans %}
            </div>
        </div>
    {% else %}
        <h2>{% trans "Venueless" %}</h2>
    {% endif %}
    {% if last_push %}
        <div class="alert alert-success">
            {% blocktrans trimmed with last_push=last_push %}
                Successfully connected to venueless. Data was last pushed on {{ last_push }}.
            {% endblocktrans %}
        </div>
    {% elif not connect_in_progress %}
        <div class="alert alert-warning">
            <div>
                {% blocktrans trimmed %}
                    Setting up the connection with Venueless will configure the pretalx settings
                    in Venueless, and will automatically push schedule changes to venueless users.
                    Please use Venueless to begin this process. Go to <b>Config → Event</b> in Venueless,
                    and enter the following settings to create the connection:
                {% endblocktrans %}
                <ul>
                    <li>pretalx domain:
                        {{ request.event.settings.custom_domain|default:settings.SITE_URL|copyable }}
                    </li>
                    <li>
                        pretalx event slug: {{ request.event.slug|copyable }}
                    </li>
                </ul>
            </div>
        </div>
    {% endif %}
    <form method="post">
        {% csrf_token %}
        {% bootstrap_form form layout='event' %}
        <div class="submit-group panel">
            <span></span>
            <span class="d-flex flex-row-reverse">
                <button
                    type="submit" class="btn btn-success btn-lg"
                    name="action" value="save"
                >
                    <i class="fa fa-check"></i>
                    {% if connect_in_progress %}
                        {% trans "Connect" %}
                    {% else %}
                        {% trans "Save" %}
                    {% endif %}
                </button>
            </span>
        </div>
    </form>

{% endblock %}