{% extends "users/base.html" %}
{% from "includes/error_list.html" import errorlist %}
{% from 'includes/common_macros.html' import newsletter_widget %}
{% set title = _('Register') %}
{% set classes = 'register' %}

{% block site_css %}
    {{ super() }}
    {{ css('newsletter') }}
    {{ css('submission') }}
{% endblock %}

{% block site_js %}
    {{ super() }}
    {{ js('newsletter',) }}
{% endblock %}

{% block content %}
<section id="content">
  <div class="wrap">
    <section id="content-main" role="main">
      <article id="browser_register" class="main">

        <div id="persona-explanation">
          <h1>{{ _('Persona is here!') }}</h1>
          <p>{% trans browserid_href='https://persona.org/', why_browserid='http://identity.mozilla.com/post/12950196039/deploying-browserid-at-mozilla' %}
          MDN has switched to <a href="{{ browserid_href }}" rel="external">Persona</a>,
          a safe and simple way to sign in with just your e-mail address. <a href="{{ why_browserid }}" rel="external">Learn more about it.</a>
          {% endtrans %}</p>
          <p>
          {% trans bug_href='https://bugzilla.mozilla.org/enter_bug.cgi?format=__standard__&product=Mozilla%20Developer%20Network&component=Login' %}
          <strong>Having trouble logging in? <a href="{{ bug_href }}" rel="external">Let us know.</a></strong>
          {% endtrans %}
          </p>
        </div>

        <form id="create_user" class="boxed submission" method="post" action="">
          <h2>{{ _('New MDN Members') }}</h2>
          <p>{% trans %}
            We couldn't find an MDN profile for your Persona. If you're new here,
            you can pick an MDN username now and complete your registration.
          {% endtrans %}</p>
          <p>{% trans %}
            You can access everything on the MDN website even without an account,
            but when you join you'll be able to edit docs, submit demos, and have
            your own profile page.
          {% endtrans %}</p>
          {{ errorlist(register_form) }}

          {{ csrf() }}
          <input type="hidden" name="action" value="register">
          <fieldset>
            <ul>
              <li>
                <label for="id_username">{{ _('Username') }}</label>
                {{ register_form.username|safe }}
                <p class="field-explanation"><small>{{ _("Please enter the name you'd like to display to other users to identify your contributions.") }}</small></p>
              </li>

              {{ newsletter_widget(register_form) }}

              <li class="submit">
                <button type="submit" name="create">{{ _('Create a New Profile') }}</button>
              </li>
            </ul>
          </fieldset>
        </form>
      </article>
    </section>
  </div>
</section>
{% endblock %}