<!--                                                                  -->
<!--  Copyright (C) 2006 RoyaltyShare, Inc.   All Rights Reserved     -->
<!--  $Id$  -->
<!--                                                                  -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:template name="changePWLayout">
        <script src="/production/javascript/jquery/jquery-3.6.0.min.js"></script>
		<script src="/production/javascript/validatePasswordCommon.js?v=1" type="text/javascript"></script>
		<script src="/production/javascript/validateChangePassword.js?{$now}" type="text/javascript"></script>
        <script type="text/javascript">
        x = document.getElementsByClassName("Layout-header-title");
        x[0].innerText="Change Password";
        </script>

		<form id="changePW" name="changePW" action="/{$app}/{$area}" method="post">
			<input type="hidden" name="formSubmit" value="1" />
			<input type="hidden" name="c" value="changepw" />
            <xsl:call-template name="errorMessageGeneral" />
            <p class="User-edit-subheader">Enter new password here.</p>
            <fieldset class="User-edit-fieldset">
                <div class="Form-item">
                    <label class="Form-label">
                        <span class="Form-label-caption">New Password</span>
                        <div class="Form-input-wrapper">
                            <input type="password" id="NewPassword" name="NewPassword" class="Input Form-input" onkeyup="validateChangePassword(this.value)"/>
                            <xsl:call-template name="inlineError">
                                <xsl:with-param name="path">NewPassword</xsl:with-param>
                                <xsl:with-param name="displayName">New Password</xsl:with-param>
                            </xsl:call-template>
                            <xsl:call-template name="passwordRequirements"/>
                        </div>
                    </label>
                </div>
                <div class="Form-item">
                    <label class="Form-label">
                        <span class="Form-label-caption">Confirm Password</span>
                        <div class="Form-input-wrapper">
                            <input type="password" id="NewPasswordConfirm" name="NewPasswordConfirm" class="Input Form-input" onblue="confirmPassword('NewPassword',this)" disabled="disabled"/>
                            <xsl:call-template name="inlineError">
                                <xsl:with-param name="path">NewPasswordConfirm</xsl:with-param>
                                <xsl:with-param name="displayName">Confirm Password</xsl:with-param>
                            </xsl:call-template>
                        </div>
                    </label>
                </div>
            </fieldset>

            <xsl:call-template name="buttons" />
		</form>
		<script type="text/javascript">document.forms["changePW"].elements["NewPassword"].focus();</script>
        <xsl:call-template name="passwordToggleLogic" />
  </xsl:template>

</xsl:stylesheet>
