{% extends "pretixcontrol/auth/base.html" %}
{% load bootstrap3 %}
{% load i18n %}
{% load static %}
{% load urlreplace %}
{% load pretix_oidc_auth %}
{% block content %}
    {% external_auth_backends backends as external_backends %}
    {% show_native_external_auth request backend external_backends as show_external_auth %}
    <link rel="stylesheet" href="{% static "pretix_oidc/login.css" %}">
    <form class="form-signin{% if show_external_auth %} form-signin-combined{% endif %}" action="" method="post">
        {% if backends|length > 1 %}
            {% if backend.identifier != "native" or not external_backends %}
                <ul class="nav nav-pills nav-pills-auth">
                    {% for b in backends %}
                        {% if b.visible %}
                            <li class="{% if backend.identifier == b.identifier %}active{% endif %}">
                                <a href="{% if b.url %}{{ b.url }}{% else %}?{% url_replace request "backend" b.identifier %}{% endif %}">
                                    {{ b.verbose_name }}
                                </a>
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
            {% endif %}
        {% endif %}
        {% if possible_cookie_problem %}
            <div class="alert alert-warning">
                {% blocktrans trimmed %}
                    It looks like your browser is not accepting our cookie and you need to log in repeatedly. Please
                    check if your browser is set to block cookies, or delete all existing cookies and retry.
                {% endblocktrans %}
            </div>
        {% endif %}
        {% csrf_token %}
        {% bootstrap_form form %}
        <div class="form-group buttons">
            {% if backend.login_form_fields %}
                <button type="submit" class="btn btn-primary btn-block">
                    {% trans "Log in" %}
                </button>
            {% endif %}
            {% if backend.identifier == "native" %}
                {% if can_reset %}
                    <a href="{% url "control:auth.forgot" %}" class="btn btn-link btn-block btn-auth-link">
                        {% trans "Lost password?" %}
                    </a>
                {% endif %}
                {% if can_register %}
                    <a href="{% url "control:auth.register" %}" class="btn btn-link btn-block btn-auth-link">
                        {% trans "Register" %}
                    </a>
                {% endif %}
                {% if show_external_auth %}
                    <div class="login-or-divider" role="separator" aria-label="{% trans "or" %}">
                        <span>{% trans "or" %}</span>
                    </div>
                    {% for b in external_backends %}
                        <a href="{{ b.url }}" class="btn btn-default btn-block btn-external-auth">
                            {{ b.verbose_name }}
                        </a>
                    {% endfor %}
                {% endif %}
            {% elif backend.url %}
                <a href="{{ backend.url }}" class="btn btn-primary btn-block">
                    {{ backend.verbose_name }}
                </a>
            {% endif %}
        </div>
    </form>
    <script type="text/plain" id="good_origin">{{ good_origin }}</script>
    <script type="text/plain" id="bad_origin_report_url">{{ bad_origin_report_url }}</script>
    <!-- pretix-login-marker -->{# marker required for ajax calls to detect that user session is over #}
{% endblock %}