{% extends 'site.html' %}

{% block content %}
    <script>
    $(function () {
            $(document).tooltip();

            $("#support-login-form").dialog({
                    autoOpen: true,
                    closeOnEscape: false,
                    modal: true,
                    draggable: false,
                    width: 800,
                    position: { my: "top", at: "top", of: window }
                });
    });
    </script>

     <p>Dosis Support Staff Login Process...</p>
     <div id="support-login-form">
        <form id="username-login-form-auth" class="form-horizontal form-centered ajax-form-auth"
            method="post" action="{% url 'site:support-auto-login' %}">
            {% csrf_token %}
            <input type="hidden" id="next-url" name="next-url" value="{{ next }}"/>
            <div>
                You are currently logged in as {{ username }}. Click Continue to access the site.
            </div>
            <div class="control-group">
                <div class="controls">
                    <button onclick="javascript:window.location = window.location.href" class="btn btn-primary btn-primary-auth" type="submit">Continue</button>
                </div>
            </div>
        </form>
     </div>
{% endblock %}