{# vim: set ts=2 et sts=2 sw=2: #}
{% extends "users/base.html" %}
{% from "layout/errorlist.html" import errorlist %}
{% set title = _('Change Email Address') %}
{% set classes = 'change_email' %}

{% block content %}
<section id="content">
  <div class="wrap">
    <div id="content-main" class="full">
      <article id="change-email" class="main">
          <h1>{{ _('Change email with Persona') }}</h1>
            <form class="browserid boxed" action="{{url('users.browserid_change_email')}}" method="POST">
              <input type="hidden" name="next" value="{{ next_url }}" />
              {{ errorlist(form) }}
              {% trans browserid_href='https://persona.org/', why_browserid='http://identity.mozilla.com/post/12950196039/deploying-browserid-at-mozilla' %}
              <h3>What's this?</h3>
              <p>MDN has switched to <a href="{{ browserid_href }}" target="_blank" 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 why Mozilla is using Persona</a>.</p>
              {% endtrans %}
              <p>{% trans %}
              To change your MDN email, simply sign in below with the new email 
              address.
              {% endtrans %}</p>
              {{ browserid_form }}
              <a href="https://persona.org/" target="_blank" class="browserid-signin" title="{{_('Sign in with Persona')}}">{{ _('Sign in') }}</a>
              {% if messages %}
                <ul class="messages errorlist">
                  {% for message in messages %}
                    <li {% if message.tags %} class="{{ message.tags }}"{% endif %}>
                      {{ message }}
                    </li>
                  {% endfor %}
                </ul>
              {% endif %}
            </form>
      </article>
    </div>
   </div>
</section>
{% endblock content %}