##local.define(Header)<CONTENTOF>##include(Header)</CONTENTOF>
##local.define(ShowBGTasks)<CONTENTOF>1</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.define(AdviceRowTabs)<contentof>##local.ConcertoMyZoneAdvicePanelTabs</contentof>

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

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


##if error.Level

	<!-- Set up HandledError field -->

	##if error.IsEqual(Number, 1067)
		##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(Number, 1067)
			##leg.ZONESOPAC.ChangePin.NoAuthorisation
			##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
		##else
			##if value.NewPinEmpty
				##leg.ZONESOPAC.ChangePin.NewPinEmpty
				##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
			##else
				##if value.NewPinDifferent
					##leg.ZONESOPAC.ChangePin.NewPinDifferent
					##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
				##else
					##if value.NewPinWrongLength
						##if sessioncfg.IsEqual(OPAC.Login.SecurityCode.MinimumLength,##sessioncfg.OPAC.Login.SecurityCode.MaximumLength)
							##leg.Expand(ZONESOPAC.ChangePin.NewPinWrongLength, MinLen, ##sessioncfg.OPAC.Login.SecurityCode.MinimumLength)
						##else
							##leg.Expand(ZONESOPAC.ChangePin.NewPinWrongLengthRange, MinLen, ##sessioncfg.OPAC.Login.SecurityCode.MinimumLength, MaxLen, ##sessioncfg.OPAC.Login.SecurityCode.MaximumLength)
						##endif
						##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
					##else
						##if value.NewPinSame
							##leg.ZONESOPAC.ChangePin.NewPinSame
							##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
						##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>

##helpcontext.addHelp(ChangePin)

##local.define(Content)<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 validateNewPin();">

									##this.stylesetforform
									##local.FormFields

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

										<TR>
											<TD> &nbsp; </TD>
											<TD>
												<INPUT type="submit" name="submitButton" value=">>">
											</TD>
										</TR>
									</TABLE>

								</FORM>
							</TD>

						</TR>

					##endif

				</TABLE>

			</TD>

		</TR>


	</CONTENTOF>

	##local.define(BottomButtons)<CONTENTOF></CONTENTOF>
          
     <script type="text/javascript">
          function validateNewPin () {
               var newPinInput = document.getElementById('NEWPIN');
               if(newPinInput == null) {
                    return false;
               }
               
               var newPinValue = newPinInput.value;
               var re = new RegExp('[^A-Z|a-z|0-9]','m');
               var tpin = re.exec(newPinValue);
               
               if(tpin != null) { 
                    alert("##formatter.JScriptQuote()<contentof>##leg.ZONESOPAC.ChangePin.InvalidNewPin</contentof>");
                    document.getElementById('NEWPIN').value = "";
                    document.getElementById('CONFIRMPIN').value = "";
                    
                    return false;
                }
               return true;
          }
     </script>
     
	<TABLE>##local.List</TABLE>
  
	##include(Layout)

</CONTENTOF>

##include(Body)