[%# The contents of this file are subject to the Mozilla Public
  # License Version 1.1 (the "License"); you may not use this file
  # except in compliance with the License. You may obtain a copy of
  # the License at http://www.mozilla.org/MPL/
  #
  # Software distributed under the License is distributed on an "AS
  # IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  # implied. See the License for the specific language governing
  # rights and limitations under the License.
  #
  # The Original Code is the Bugzilla Bug Tracking System.
  #
  # Contributor(s): Frédéric Buclin <LpSolit@gmail.com>
  #%]

[%# INTERFACE:
  # token: string. The token to be used in the user account creation.
  # email: email address of the user account.
  # expiration_ts: expiration date of the token.
  #%]

[% title = BLOCK %]Create a new user account for '[% email FILTER html %]'[% END %]
[% PROCESS "global/header.html.tmpl"
   title = title
   style_urls      = ['skins/standard/admin.css']
   javascript_urls = ['js/account.js']
   onload = "document.forms['confirm_account_form'].realname.focus();" %]

<p>
  To create your account, you must enter a password in the form below.
  Your email address and Real Name (if provided) will be shown with
  changes you make.
</p>
<p>
  [% Param('passwdqc_desc') FILTER html_light %]
</p>

<form id="confirm_account_form" method="post" action="token.cgi">
  <input type="hidden" name="t" value="[% token FILTER html %]">
  <input type="hidden" name="a" value="confirm_new_account">
  <div class="flex">
    <div class="flex-left">
      <table>
        <tr>
          <th align="right">Email Address:</th>
          <td>[% email FILTER html %]</td>
        </tr>
        <tr>
          <th align="right"><small><i>(OPTIONAL)</i></small> <label for="realname">Real Name</label>:</th>
          <td><input type="text" id="realname" name="realname" value=""></td>
        </tr>
        <tr>
          <th align="right"><label for="passwd1">Type your password</label>:</th>
          <td>
            <input type="password" id="passwd1" name="passwd1" value="" required>
          </td>
        </tr>
        <tr>
          <th align="right"><label for="passwd2">Confirm your password</label>:</th>
          <td><input type="password" id="passwd2" name="passwd2" value="" required"></td>
        </tr>
        <tr>
          <th align="right">&nbsp;</th>
          <td><input type="submit" id="confirm" value="Create"></td>
        </tr>
      </table>
    </div>

    [% INCLUDE "global/password-features.html.tmpl" class="flex-right" password_page="confirm" %]
  </div>
</form>

<p>
  This account will not be created if this form is not completed by
  <u>[% expiration_ts FILTER time("%B %e, %Y at %H:%M %Z") %]</u>.
</p>

<p>
  If you do not wish to create an account with this email click the
  cancel account button below and your details will be forgotten.
</p>

<form id="cancel_account_form" method="post" action="token.cgi">
  <input type="hidden" name="t" value="[% token FILTER html %]">
  <input type="hidden" name="a" value="cancel_new_account">
  <input type="submit" id="confirm" value="Cancel Account">
</form>

[% PROCESS global/footer.html.tmpl %]