{% extends extend_template %}
{% load url from future %}
{% load i18n %}

{% block main %}
    
    <div class="mm_login">
        <h2>Login with username and password</h2>
    
        <form action="" method="post" class="login mm_clear well"> {% csrf_token %}
            {{ form.as_p }}
            <div class="field">
                <button class="btn btn-primary" type="submit">{% trans "Login" %}</button>
            </div>
        </form>
    
        <hr />
    
        <!--
        <h2>Login using OpenID</h2>
    
        <form method="post" action="{% url 'socialauth_begin' 'openid' %}"> {% csrf_token %}
            OpenID URL: <input type="text" name="openid_identifier" /> 
            <button type="submit">Login using OpenID</button>
        </form>
    
        <hr />
        -->
    
        <h2>Login using BrowserID</h2>
    
        <form method="post" action="{% url 'socialauth_complete' "browserid" %}"> {% csrf_token %}
            <input type="hidden" name="assertion" value="" />
            <a rel="nofollow" id="browserid" href="#"><img src="{{ STATIC_URL }}postorius/img/sign_in_blue.png" alt="Login using BrowserID" /></a>
        </form>
    </div>
{% endblock %}

{% block additionaljs %}
<!-- Include BrowserID JavaScript -->
<script src="https://browserid.org/include.js" type="text/javascript"></script>
<!-- Setup click handler that receives BrowserID assertion code and sends
     POST data -->
<script type="text/javascript">
    $(function () {
        $('#browserid').click(function (e) {
            e.preventDefault();
            var self = $(this);

            navigator.id.get(function (assertion) {
                if (assertion) {
                    self.parent('form')
                            .find('input[type=hidden]')
                                .attr('value', assertion)
                                .end()
                            .submit();
                } else {
                    alert('Some error occurred');
                }
            });
        });
    });
</script>
<!-- end browserid stuff -->
{% endblock additionaljs %}