<script type="text/javascript" src="include/pwdStrength.js"></script>

<p>
 {t}To change the user password use the fields below. The changes take effect immediately. Please memorize the new password, because the user wouldn't be able to login without it.{/t}
</p>

<hr>

{if !$proposalEnabled}

  <table summary="{t}Password input dialog{/t}" cellpadding=4 border=0>
    <tr>
      <td><b><LABEL for="new_password">{t}New password{/t}</LABEL></b></td>
      <td>
          {factory type='password' id='new_password' name='new_password' 
              onfocus="nextfield='repeated_password';" onkeyup="testPasswordCss(\$('new_password').value);"}
      </td>
    </tr>
    <tr>
      <td><b><LABEL for="repeated_password">{t}Repeat new password{/t}</LABEL></b></td>
      <td>
          {factory type='password' id='repeated_password' name='repeated_password'
              onfocus="nextfield='password_finish';"}
      </td>
    </tr>
    <tr>
      <td><b>{t}Strength{/t}</b></td>
      <td>
        <span id="meterEmpty" style="padding:0;margin:0;width:100%;
          background-color:#DC143C;display:block;height:7px;">
        <span id="meterFull" style="padding:0;margin:0;z-index:100;width:0;
          background-color:#006400;display:block;height:7px;"></span></span>
      </td>
    </tr>
  </table>

{else}

  <table summary="{t}Password input dialog{/t}" cellpadding=4 border=0>
    <tr>
      <td>
        <input type='radio' value='1' name='proposalSelected' id='proposalSelected_true'
            onClick="changeState('new_password'); changeState('repeated_password');"
            {if $proposalSelected} checked {/if}>&nbsp;<b><LABEL for="proposalSelected_true">{t}Use proposal{/t}</LABEL></b>
      </td>
      <td>
        <div id='proposalText' style='
                  width:180px;
                  border:1px solid #CCC;
                  padding:3px;
                  padding-top:5px;
                  padding-bottom:4px;
            '>{$proposal}</div>
      </td>
      <td style='vertical-align: middle;'>
            {image path='images/lists/reload.png' action='refreshProposal'}
      </td>
    </tr>
    <tr>
      <td>
        <input type='radio' value='0' name='proposalSelected' id='proposalSelected_false'
            onClick="changeState('new_password'); changeState('repeated_password'); nextfield='new_password'; focus_field('new_password');"
            {if !$proposalSelected} checked {/if}>&nbsp;<b><LABEL for="proposalSelected_false">{t}Manually specify a password{/t}</LABEL></b>
      </td>
    </tr>
    <tr>
      <td style='padding-left:40px;'><b><LABEL for="new_password">{t}New password{/t}</LABEL></b></td>
      <td>
          {factory type='password' id='new_password' name='new_password' 
              onfocus="nextfield='repeated_password';" onkeyup="testPasswordCss(\$('new_password').value);" disabled=1}
      </td>
    </tr>
    <tr>
      <td style='padding-left:40px;'><b><LABEL for="repeated_password">{t}Repeat new password{/t}</LABEL></b></td>
      <td>
          {factory type='password' id='repeated_password' name='repeated_password'
              onfocus="nextfield='password_finish';" disabled=1}
      </td>
    </tr>
    <tr>
      <td style='padding-left:40px;'><b>{t}Strength{/t}</b></td>
      <td>
        <span id="meterEmpty" style="padding:0;margin:0;width:100%;
          background-color:#DC143C;display:block;height:7px;">
        <span id="meterFull" style="padding:0;margin:0;z-index:100;width:0;
          background-color:#006400;display:block;height:7px;"></span></span>
      </td>
    </tr>
  </table>

{/if}

{if $passwordChangeForceable}
    <hr>
    <input type='checkbox' name='enforcePasswordChange' value='1' id='enforcePasswordChange'
        {if $enforcePasswordChange} checked {/if}>&nbsp;
            <LABEL for='enforcePasswordChange'>{t}Enforce password change on next login.{/t}</LABEL>
{/if}

<br>
<hr>
<div class="plugin-actions">
  <button type='submit' id='password_finish'name='password_finish'>{t}Set password{/t}</button>
  <button type='submit' id='password_cancel'name='password_cancel'>{msgPool type=cancelButton}</button>
</div>

<input type='hidden' id='formSubmit'>

<!-- Place cursor -->
<script language="JavaScript" type="text/javascript">
  nextfield='new_password';
  focus_field('new_password');
</script>

