##local.define(Section)<contentof>ChangePin</contentof>
	
##local.define(Header)<CONTENTOF>
	##include(Header)
</CONTENTOF>

##local.define(addTimeOut)<CONTENTOF>1</CONTENTOF>

##local.define(Title)<CONTENTOF>
	##leg.ZONESOPAC.ChangePin.Title
</CONTENTOF>

##local.define(PageTitle)<CONTENTOF>
	##leg.Expand(ZONESOPAC.ChangePin.Title)
</CONTENTOF>

##helpcontext.addHelp(ChangePin)
##helpcontext.addHelp(Toolbar)

##local.defineByRender(TOOLBAR_URL_BACK)<CONTENTOF>APS_ZONES?fn=MyZone&##this.styleset</CONTENTOF>

##local.define(Prompt)<CONTENTOF>
    ##leg.ZONESOPAC.ChangePin.Prompt
</CONTENTOF>


##if error.Level

	<!-- Set up HandledError field -->

	##if error.IsEqual(ID,"Invalid password")
		##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
	##else
		##if value.NewPinEmpty
			##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
		##else
			##if value.NewPinDifferent
				##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
			##else
				##if value.NewPinWrongLength
					##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
				##else
					##if value.NewPinSame
						##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
					##endif
				##endif
			##endif
		##endif
	##endif

##endif

##local.define(Advice)<CONTENTOF>

	<!-- Set up advice legends -->

	##if error.Level

		##if error.IsEqual(ID,"Invalid password")
			##leg.ZONESOPAC.ChangePin.NoAuthorisation
		##else
			##if value.NewPinEmpty
				##leg.ZONESOPAC.ChangePin.NewPinEmpty
			##else
				##if value.NewPinDifferent
					##leg.ZONESOPAC.ChangePin.NewPinDifferent
				##else
					##if value.NewPinWrongLength
						##if sessioncfg.IsEqual(ZONES.Login.SecurityCode.MinimumLength,##sessioncfg.ZONES.Login.SecurityCode.MaximumLength)
							##leg.Expand(ZONESOPAC.ChangePin.NewPinWrongLength, MinLen, ##sessioncfg.ZONES.Login.SecurityCode.MinimumLength)
						##else
							##leg.Expand(ZONESOPAC.ChangePin.NewPinWrongLengthRange, MinLen, ##sessioncfg.ZONES.Login.SecurityCode.MinimumLength, MaxLen, ##sessioncfg.ZONES.Login.SecurityCode.MaximumLength)
						##endif
					##else
						##if value.NewPinSame
							##leg.ZONESOPAC.ChangePin.NewPinSame
						##endif
					##endif
				##endif
			##endif
		##endif

	##else

		##if value.PinHasChanged

			##leg.ZONESOPAC.ChangePin.DonePromptSmall

		##else

			##if value.BRWR
				##leg.ZONESOPAC.ChangePin.Instructions
			##else
				##leg.ZONESOPAC.ChangePin.InstructionsAll
			##endif

		##endif

	##endif

</CONTENTOF>

##local.define(ContentPanelTabs)<contentof>
    ##local.MyZoneContentPanelTabs
</contentof>

##local.define(Content)<CONTENTOF>
    <script>
        function CheckData()
        {
            var d1 = document.getElementById("PIN");
            var d2 = document.getElementById("NEWPIN");
            var d3 = document.getElementById("CONFIRMPIN");
            var max = ##sessioncfg.DB.Config.Circ.MaxPasswordLength ;
            var min = ##sessioncfg.DB.Config.Circ.MinPasswordLength ;
            
            var ce1  = document.getElementById("MinPasswordLengthError");
            var ce2  = document.getElementById("MaxPasswordLengthError");
            var ce3  = document.getElementById("ConfirmError");
            
            ce1.style.visibility = "hidden";
            ce2.style.visibility = "hidden";
            ce3.style.visibility = "hidden";
            
            ce1.style.display = "none";
            ce2.style.display = "none";
            ce3.style.display = "none";
            
            if( (d2.value.length < min ) || (d3.value.length < min))
            {
				ce1.style.visibility = "";
                ce1.style.display = "";
				d1.focus();
				return false;
            }
            
            if( (d2.value.length > max ) || (d3.value.length > max))
            {
				ce2.style.visibility = "";
                ce2.style.display = "";
				d1.focus();
				return false;
            }

            if(d2.value != d3.value)
            {
				ce3.style.visibility = "";
                ce3.style.display = "";
				d1.focus();
				return false;
            }
            ce1.style.display = "none";
            ce2.style.display = "none";
            ce3.style.display = "none";
            
            return true;
        }
    </script>
    
    ##local.define(ConfirmErrorContent)<contentof>
        <span id="ConfirmError" style="visibility:hidden; font-style:bold; color:red;display:none;">##leg.ZONESOPAC.ChangePin.NewPinDifferent</span>
    </contentof>
    ##local.define(MaxPasswordLengthErrorContent)<contentof>
        <span id="MaxPasswordLengthError" style="visibility:hidden; font-style:bold; color:red;display:none;">##leg.Expand(ZONESOPAC.ChangePin.NewPinWrongMaxLength, MaxLen, ##sessioncfg.DB.Config.Circ.MaxPasswordLength)</span>
    </contentof>
    
    ##local.define(MinPasswordLengthErrorContent)<contentof>
        <span id="MinPasswordLengthError" style="visibility:hidden; font-style:bold; color:red;display:none;">##leg.Expand(ZONESOPAC.ChangePin.NewPinWrongLength, MinLen, ##sessioncfg.DB.Config.Circ.MinPasswordLength)</span>
    </contentof>
    
	##local.define(List)<CONTENTOF>
		<TR>
			<TD>

				<TABLE cellspacing="0" cellpadding="0">

					##if value.PinHasChanged

						##leg.ZONESOPAC.ChangePin.DonePrompt

					##else

						##local.define(FormFields)<CONTENTOF>
							<INPUT type="hidden" name="Method" value="ChangePin">
						</CONTENTOF>

						##local.define(FormBorrowerDefault)<CONTENTOF></CONTENTOF>

						<TR>

							##if local.FormError

								##local.define(mainclass)<CONTENTOF>generic-form-error</CONTENTOF>
								##local.define(textclass)<CONTENTOF>generic-form-text-error</CONTENTOF>

							##else

								##local.define(mainclass)<CONTENTOF>generic-form</CONTENTOF>
								##local.define(textclass)<CONTENTOF>generic-form-text</CONTENTOF>

							##endif

							<TD class="##local.mainclass">

								<FORM id="changePINForm" method="POST" action="##this.obj" onSubmit ="return CheckData()">

									##this.stylesetforform
									##local.FormFields

									<TABLE>
									##if value.BRWR
										<INPUT type=hidden name="BRWR" value="##value.BRWR">
									##else
										<TR>
											<TD>
												&nbsp; ##leg.ZONESOPAC.Forms.Login.YourCardNumber &nbsp;
											</TD>
											<TD>
												<INPUT class=portalInOne type=text name="BRWR" value="##local.FormBorrowerDefault">
											</TD>
										</TR>
									##endif
										<TR>
											<TD>
												&nbsp;  ##leg.ZONESOPAC.Forms.Login.YourPIN &nbsp;
											</TD>
											<TD>
												<INPUT class=portalInOne type="password" name="PIN" id="PIN" value="">
											</TD>
										</TR>
										<TR>
											<TD>
												&nbsp;  ##leg.ZONESOPAC.ChangePin.NewPin &nbsp;
											</TD>
											<TD>
												<INPUT class=portalInOne type="password" name="NEWPIN" id="NEWPIN" value="">
											</TD>
										</TR>
										<TR>
											<TD>
												&nbsp;  ##leg.ZONESOPAC.ChangePin.ConfirmPin &nbsp;
											</TD>
											<TD>
												<INPUT class=portalInOne type="password" name="CONFIRMPIN" id="CONFIRMPIN" value="">
                                                <span></span>
                                                
											</TD>
										</TR>
                                        
                                        <TR>
                                            <TD> &nbsp; </TD>
                                            <TD>
                                                    ##local.ConfirmErrorContent
                                                    ##local.MaxPasswordLengthErrorContent
                                                    ##local.MinPasswordLengthErrorContent
                                            </TD>
                                        </TR>

										<TR>
											<TD> &nbsp; </TD>
											<TD>
												##local.Define(CommandButtonText)<CONTENTOF>##leg.ZONESOPAC.ChangePin.Button</CONTENTOF>
												##local.Define(CommandButtonTextTIP)<CONTENTOF>##leg.ZONESOPAC.ChangePin.ButtonTIP</CONTENTOF>
												##local.Define(CommandButtonTextALT)<CONTENTOF>##leg.ZONESOPAC.ChangePin.ButtonALT</CONTENTOF>
												##local.SubmitButtonFMT
							
												
											</TD>
										</TR>
									</TABLE>

								</FORM>
							</TD>

						</TR>

					##endif

				</TABLE>

			</TD>

		</TR>


	</CONTENTOF>

	##local.define(BottomButtons)<CONTENTOF></CONTENTOF>
	<TABLE>##local.List</TABLE>
  
	##include(Layout)

</CONTENTOF>

##include(Body)