{% extends "public/base.html" %}
{% load bootstrap %}
{% load staticfiles %}
{% load i18n %}

{% block title %}Alliance Auth{% endblock %}

{% block page_title %}{% trans "Jabber Broadcast" %}{% endblock page_title %}
{% block extra_css %}{% endblock extra_css %}

{% block content %}
    <div class="col-lg-12">
        <h1 class="page-header text-center">{% trans "Discord Connection" %}</h1>

        <div class="container-fluid">
            <div class="col-md-4 col-md-offset-4">
                <div class="row">
                    {% if success %}
                        <div class="alert alert-success" role="alert">{% trans "Account Linked" %}</div>
                    {% endif %}
                    <p>{% trans "Enter your Discord account credentials below. These are not stored: they are needed to determine your user ID and make you join the server." %}</p>
                    <p>{% trans "If you do not have a Discord account, please create one <a href="https://discordapp.com">on their site</a> and report back with the credentials." %}</p>
                    <form class="form-signin" role="form" action="" method="POST"
                          onsubmit="submitbutton.disabled = true; return true;">
                        {% csrf_token %}
                        {{ form|bootstrap }}
                        <br/>
                        <button class="btn btn-lg btn-primary btn-block" name="submitbutton" type="submit">{% trans "Connect" %}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

{% endblock content %}