##if request.IsEqual(Method,Renew)
##formatter.TextRender()<contentof>
	##include(Defaults)			
	##NotHtml 
</contentof>
{
    ##if error.Level
    	"success" : "false",    	        
        "description" : ##error.AsJScriptLit(Description)
    ##else
		##if valueMap.Response
			##local.define(ErrorList)<contentof></contentof>
			##if valueMap.Response.warnings
				"warnings" : [
				##local.define(Sep)<contentof></contentof>
				##valueMap.ForEachIn(child,"Response.warnings")<contentof>
					##local.defineByRender(ErrorText)<contentof>##sessioncfg.MapLegendThroughTable(##child,"DB.Config.ZONESERVICES.ErrorMessageMap")</contentof>
					##if local.IsEqual(ErrorText,"")
						##local.define(ErrorText)<contentof>##child</contentof>
					##endif
					##local.Sep ##local.AsJscriptLIT(ErrorText) ##local.define(Sep)<contentof>,</contentof>
				</contentof>
				],
			##endif

			##if valueMap.IsEqual(Response.extended,"1")
				"renewSucceded" : "1", 
				"newDueDate"    : "##formatter.YYYYDDMM(##valueMap.Response.due_date,##local.DateFormat)",
				"newLoanDate"   : "##formatter.YYYYDDMM(##valueMap.Response.loan_date,##local.DateFormat)",
			##endif

	    	"success" : "true"
		##endif
    ##endif
}
##else
##formatter.TextRender()<contentof>
	
	##helpcontext.addHelp(LoanBrowse)  
	##helpcontext.addHelp(Toolbar)  

	##include(Defaults)			


	##local.define(Section)<contentof>CurrentLoans</contentof>		
	##local.define(SectionTitle)<CONTENTOF>##leg.Portal3.Loans.Title</CONTENTOF>
	##local.define(PageLeftMenu)<contentof>##local.MyZonePageLeftMenu</contentof>
	##local.define(ListHitsTitle)<contentof>
		
		<div style="float:left padding-left:8px;display:inline" >
			##local.define(BoldHits)<contentof><b>##startpoint.Hits</b></contentof>
			##leg.Expand(Portal3.Loans.ListHitsTitle,Hits,##local.BoldHits)
		</div>
		##if sessioncfg.ZONES.SelfService.BulkRenewal
		<div style="float:right;display:inline; margin-bottom:8px;">
			
				
				##if listconditions.IsEmpty 
				##else
					##local.define(ButtonHref)<CONTENTOF>APS_ZONES?fn=RenewMyLoans&##this.styleset</CONTENTOF>
					##local.Define(ButtonCaption)<CONTENTOF>##leg.ZONESOPAC.Defaults.Button.RenewAll</CONTENTOF>
					##local.Define(ButtonTip)<CONTENTOF>##leg.ZONESOPAC.Defaults.Button.RenewAllTIP</CONTENTOF>
					##local.Define(ButtonID)<CONTENTOF>buttonYes</CONTENTOF>
					##local.ButtonFMT
				##endif
			##endif	
		</div>
	<div style="clear:both;"></div>
	
	</contentof>

	##local.define(Content)<contentof>
		
		##local.MyZoneBrowseListContent
		<div id="ConfirmRenewDLG" title="##leg.Portal3.Loans.ConfirmRenewTitle" style="display:none;">		
			<TABLE width="100%" style="height:65px">
					<TR>
						<TD align=left colspan=4>
							##leg.Portal3.Loans.ConfirmRenewAdvice
						</TD>
					</TR>
					<TR>
			            <TD nowrap align=right>					
							<table>
								<tr>
									<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Yes</contentof>
					                    ##local.define(ButtonTip)<contentof>##leg.Portal3.Loans.ConfirmRenewYes</contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerYesRenew()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonYes</contentof>
					                    ##local.ButtonFMT
	        						</td>
	        						<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.No</contentof>
					                    ##local.define(ButtonTip)<contentof>##leg.Portal3.Loans.ConfirmRenewNo</contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerNoRenew()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonNo</contentof>
					                    ##local.ButtonFMT
									</td>
								</tr>
							</table>		            
			            </TD>
			            
					</TR>		        
			</TABLE>
		</div>
            <div id="LateRenewWarnDLG" title="##leg.Portal3.Body.RenewLateWrnDLGTitle" style="display:none;">
                 <div>
                       ##leg.Portal3.Fields.LateFees
                 </div>
            </div>
		<div id="CannotRenewDLG" title="##leg.Portal3.Body.ItemRenewDLGTitle" /*style="display:none;"*/>		
			<TABLE width="100%" style="height:65px">
					<TR>
						<TD align=left colspan=4>
							
							<div id="CannotRenewReason">
						</TD>
					</TR>
					/*<TR>
			            <TD nowrap align=right>					
							<table>
								<tr>
									<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.OK</contentof>
					                    ##local.define(ButtonTip)<contentof></contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerYesRenew()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonYes</contentof>
					                    ##local.ButtonFMT
	        						</td>
	        						<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.No</contentof>
					                    ##local.define(ButtonTip)<contentof></contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerNoRenew()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonNo</contentof>
					                    ##local.ButtonFMT
									</td>
								</tr>
							</table>		            
			            </TD>
			            
					</TR>*/
							        
			</TABLE>
		</div>	
		<div id="RenewalResultDLG" title="##leg.Portal3.Loans.RenewalMessageTitle" style="display:none">
			<div id="RenewalResultSuccess" style="display:none;">
							
			</div>
			<div id="RenewalResultLateWarning" style="display:none;">
				##leg.Portal3.Fields.LateFees
			</div>
			<div id="RenewalResultFailure" style="display:none;">
				##leg.Portal3.Loans.RenewalMessageFailure			
			</div>
			<div id="RenewalResultFailureDetails" style="display:none;">
			
			</div>
		</div>
	</contentof>
	

##local.Define(PageHeaderScripts)<contentof>

	<script>
		$( function () {

			 $('#ConfirmRenewDLG').dialog( 
				{ 
					width: "400px",
					autoOpen: false,
					
					close: function(event, ui) 
					{ 
						if
							(cancelHighlight != null)
						{
							cancelHighlight();
						}	
					}
				}						
			);
			
			$('#CannotRenewDLG').dialog( 
				{ 
					width: "400px",
					autoOpen: false
				}						
			);	

            $('#LateRenewWarnDLG').dialog(
                    { 
					width: "400px",
					autoOpen: false,
                         modal: true
				}						
			);
			
			$('#RenewalResultDLG').dialog( 
				{
					width: "400px",
					autoOpen: false
				}
			);
		}
		);

		
		function Highlight( item , state )
		{
			var classPrefix = "LoansBrowseItem"
			var e = $("#item_"+item);		
			
			if
				(state)
			{
				if (e.hasClass(classPrefix+"DetailsCell"))
				{
					e.addClass(classPrefix+"DetailsCellSelected");
					e.removeClass(classPrefix+"DetailsCell");
				}
				else if
					(e.hasClass(classPrefix+"DetailsCellStripe"))
				{
					e.addClass(classPrefix+"DetailsCellStripeSelected");
					e.removeClass(classPrefix+"DetailsStripeCell");	
				}
				else 
				{
					//alert(e);	
				}
			}
			else
			{
				if (e.hasClass(classPrefix+"DetailsCellSelected"))
				{
					e.removeClass(classPrefix+"DetailsCellSelected");
					e.addClass(classPrefix+"DetailsCell");
				}
				else if
					(e.hasClass(classPrefix+"DetailsCellStripeSelected"))
				{
					e.removeClass(classPrefix+"DetailsCellStripeSelected");
					e.addClass(classPrefix+"DetailsStripeCell");	
				}	
			}
		}
				   
       	
		function answerYesRenew() {
			var item = selItem;
			selItem = null;
			$('#ConfirmRenewDLG').dialog('close');
            window.setTimeout("PerformRenewItem("+item+", false)",1);
		}

		function cancelHighlight()
		{
			if (selItem != null)
			{
				Highlight(selItem, false);			
				selItem = null;
			}			
		}
		
		function answerNoRenew() {
			if (selItem != null)
			{
				Highlight(selItem, false);			
			}			
			$('#ConfirmRenewDLG').dialog('close');	

		}

		var selItem = null;
		
		function ConfirmRenew( item )
		{
			// so we should highlight the selected item, and bring up a cancel dialog. 
			
			// If the user confirms we call CancelReservation, and if it succeeds we refresh the current page, by submitting the page
			// change form - with luck the resevation will be gone ? - if not we could use the same trick as for search history items,
			// and update the browse item to mark it as cancelled.
			if (selItem != null)
			{
				Highlight(selItem, false);			
			}
			
			Highlight(item, true);
			selItem = item;				
			$('#ConfirmRenewDLG').dialog('open');
						
		}
		
		function RenewLoan( item , notifyLate )
		{
			##if sessioncfg.ZONES.SelfService.RenewLoanConfirmation
                    ConfirmRenew( item );			
               ##else
                    PerformRenewItem( item , notifyLate );
               ##endif
		}
          
          var isNotifyLate;
          		
		function PerformRenewItem( item , notifyLate)
		{
               isNotifyLate = notifyLate;
			$.getJSON("##this&Method=Renew&Accepted=1", {"Item": item },
			    function(data){
                    ##if sessioncfg.ZONES.SelfService.RenewLoanResultMessage
					$('#RenewalResultSuccess').html("");
					$('#RenewalResultSuccess').hide("");
					$('#RenewalResultLateWarning').hide();
					$('#RenewalResultFailure').hide();
					$('#RenewalResultFailureDetails').html("");
					$('#RenewalResultFailureDetails').hide();
					##endif
					if
                        (data.success=="true")
					{
                        // we will need to update the item to indicate that 
						// the renewal was successful.
						$('#loanDate_'+item).html(data.newLoanDate);
						$('#returnDate_'+item).html(data.newDueDate);
						$('#renewButtonCell_'+item).html("");
                        $('#LateLoan_'+item).hide();
                        Highlight( item , false);	
						##if sessioncfg.ZONES.SelfService.RenewLoanResultMessage
							$('#RenewalResultSuccess').html("##leg.Portal3.Loans.RenewalMessageSuccess " + data.newDueDate + ".");
							$('#RenewalResultSuccess').show();
							if(isNotifyLate==true) {
								$('#RenewalResultLateWarning').show();
							}
							$('#RenewalResultDLG').dialog('open');
						##else
							if(isNotifyLate==true)
							{
								$('#LateRenewWarnDLG').dialog('open');
							}
						##endif
                    }
                    else {
                        Highlight( item , false);
						##if sessioncfg.ZONES.SelfService.RenewLoanResultMessage
							$('#RenewalResultFailure').show();
							$('#RenewalResultFailureDetails').html(data.description);
							$('#RenewalResultFailureDetails').show();
							$('#RenewalResultDLG').dialog('open');
						##endif
						
                    }
                }
            );		
		}
		
		function CannotRenewLoan( item, reason )
		{
			if
				((reason == "") || (reason== null))
			{
				$('#CannotRenewReason').html( "##leg.Portal3.Body.ItemRenewDLGAdvice");				
			}
			else
			{
				$('#CannotRenewReason').html( reason );				
			}
				
			$('#CannotRenewDLG').dialog('open');
						
		}
		
	</script>
</contentof>	
</contentof>
##include(Body)
##endif