{% extends "base.html" %}

{% load i18n %}
{% block sub_title %}{% trans "Create Account" %} - {% endblock %}

{% block main_content %}
<div class="new-narrow-panel">
    <h2 class="hd">{% trans "Set your password" %}</h2>
    <form action="" method="post" class="con">{% csrf_token %}
        <label>{% trans "Email" %} </label><br />
        <input type="text" disabled="disabled" value="{{ iv.accepter }}" class="input input-disabled" /><br />

        <label for="password">{% trans "Password" %}</label>
        <input type="password" name="password" id="password" value="" class="input" autocomplete="off" />

        <p class="error hide"></p>
        <input type="submit" value="{% trans "Submit" %}" class="submit" />
    </form>
</div>
{% endblock %}

{% block extra_script %}
<script type="text/javascript">
$('form').on('submit', function() {
    if (!$('[name="password"]', $(this)).val().trim()) {
        $('.error').html("{% trans "It is required." %}").show();
        return false;
    }
});
</script>
{% endblock %}
