[%# 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.
  #
  # The Initial Developer of the Original Code is Netscape Communications
  # Corporation. Portions created by Netscape are
  # Copyright (C) 1998 Netscape Communications Corporation. All
  # Rights Reserved.
  #
  # Contributor(s): Gervase Markham <gerv@gerv.net>
  #                 Byron Jones <glob@mozilla.com>
  #%]

[%# INTERFACE
  # none
  # 
  # Param("maintainer") is used to display the maintainer's email.
  # Param("emailsuffix") is used to pre-fill the email field.
  #%]

[% PROCESS global/variables.none.tmpl %]

[% title = BLOCK %]
  Create a new [% terms.Bugzilla %] account
[% END %]

[% PROCESS global/header.html.tmpl
   title = title
   style_urls = [ 'extensions/BMO/web/styles/create_account.css' ]
%]

<script type="text/javascript">
function onSubmit() {
  var email = document.getElementById('login').value;
  if (email == '') {
    alert('You must enter your email address.');
    return false;
  }
  var isValid = 
    email.match(/@/)
    && email.match(/@.+\./)
    && !email.match(/\.$/)
    && !email.match(/[\\()&<>,'"\[\]]/)
  ;
  if (!isValid) {
    alert(
      "The e-mail address doesn't pass our syntax checking for a legal " +
      "email address.\n\nA legal address must contain exactly one '@', and " +
      "at least one '.' after the @.\n\nIt must also not contain any of " +
      "these special characters: \ ( ) & < > , ; : \" [ ], or any whitespace."
    );
    return false;
  }
  return true;
}
</script>

<table border="0" id="create-account">
<tr>

<td width="50%" id="create-account-left" valign="top">

  <h2 class="column-header">I need help using a Mozilla Product</h2>

  <table border="0" id="product-list">
  [% INCLUDE product
      icon = "firefox"
      name = "Firefox Support"
      url = "http://support.mozilla.com/"
      desc = "Support for the Firefox web browser."
  %]
  [% INCLUDE product
      icon = "firefox"
      name = "Firefox for Mobile Support"
      url = "http://support.mozilla.com/mobile"
      desc = "Support for the Firefox Mobile web browser."
  %]
  [% INCLUDE product
      icon = "thunderbird"
      name = "Thunderbird Support"
      url = "http://www.mozillamessaging.com/support/"
      desc = "Support for Thunderbird email client."
  %]
  [% INCLUDE product
      icon = "other"
      name = "Support for other products"
      url = "http://www.mozilla.org/projects/"
      desc = "Support for products not listed here."
  %]
  [% INCLUDE product
      icon = "input"
      name = "Feedback"
      url = "http://input.mozilla.com/feedback"
      desc = "Report issues with a web site that you use, or provide quick feedback for Firefox."
  %]
  </table>

</td>

<td width="50%" id="create-account-right" valign="top">

  <h2 class="column-header">I want to help</h2>

  <div id="right-blurb">
  <p>
  Great!  There are three things to know and do:
  </p>
  <ol>
  <li>
    Please consider reading our
    <a href="https://developer.mozilla.org/en/Bug_writing_guidelines" target="_blank">[% terms.bug %]-writing guidelines</a>.
  </li>
  <li>
    [% terms.Bugzilla %] is a public place.  Your comments and other activities
    on [% terms.bugs %] will generally be publicly visible, and your email address will be
    accessible through public APIs and will be visible to all logged-in users
    of [% terms.Bugzilla %]. Some people use an
    <a href="http://email.about.com/od/freeemailreviews/tp/free_email.htm"
    target="_blank">alternative email address</a> for this reason.
    See Mozilla's <a href="https://www.mozilla.org/en-US/privacy/websites/"
    target="_blank">Websites, Communications & Cookies Privacy Notice</a> for
    more information on our privacy policies.
  </li>
  <li>
    When using [% terms.Bugzilla %] to submit patches, comments, code, and any other content,
    you agree to our policies on open source licensing and content submission.  See Mozilla’s
    <a href="https://www.mozilla.org/en-US/about/legal/terms/mozilla/" target="_blank">Websites
    and Communications Terms of Use</a> for more information.
  </li>
  <li>
    Please give us an email address you want to use.  Once we confirm that it works,
    you'll be asked to set a password and then you can start filing [% terms.bugs %] and helping fix them.
  </li>
  </ol>
  </div>

  <h2 class="column-header">Create an account</h2>

  <form method="post" action="createaccount.cgi" onsubmit="return onSubmit()">
  <table id="create-account-form">
  <tr>
    <td class="label">Email Address:</td>
    <td>
      <input size="35" id="login" name="login" placeholder="you@example.com">[% Param('emailsuffix') FILTER html %]</td>
    <td>
      <input type="hidden" id="token" name="token" value="[% issue_hash_token(['create_account']) FILTER html %]">
      <input type="submit" value="Create Account">
     </td>
  </tr>
  </table>
  </form>

  [% Hook.process('additional_methods') %]

</td>

</tr>
</table>

<p id="bmo-admin">
  If you think there's something wrong with [% terms.Bugzilla %], you can
  <a href="mailto:bugzilla-admin@mozilla.org">send an email to the admins</a>, but
  remember, they can't file [% terms.bugs %] for you, or solve tech support problems.
</p>

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

[% BLOCK product %]
  <tr>
  <td valign="top">
    <a href="[% url FILTER none %]"><img
    src="extensions/BMO/web/producticons/[% icon FILTER uri %].png"
    border="0" width="64" height="64"></a>
  </td>
  <td valign="top">
    <h2><a href="[% url FILTER none %]">[% name FILTER html %]</a></h2>
    <div>[% desc FILTER html %]</div>
  </td>
  </tr>
[% END %]