##if request.IsEqual(Method,Step)
##formatter.TextRender()<contentof>
	##include(Defaults)			
	##NotHtml 
</contentof>{
	##if error.Level
		"finished":true,
    	"success" : false,    	        
        "description" : ##error.AsJScriptLit(Description)
    ##else
		##if value.Response
			##if value.Response.Finished
				"finished":true,
				"success" :true,
				"loans":  {
						##local.define(Compter)<contentof>0</contentof>
						##local.define(Index)<contentof>i_##local.Compter</contentof>
						##value.ForEachIn(loan,Response.loans)<contentof>
							
							##if loan.IsEqual(RenewResult.extended,0)
								##local.define(Status)<contentof>Fail</contentof>
							##else
								##local.define(Status)<contentof>Success</contentof>
							##endif
							
							"##local.Compter" :{
							
								"title":##loan.AsJScriptLIT(Summary.Data.Title),
															
								##local.defineByRender(Status)<contentof>##if local.IsEqual(Status,Success)##leg.ZONESOPAC.RenewAll.StatusRenewed##else##leg.ZONESOPAC.RenewAll.StatusNotRenewed##endif</contentof>
								"status":##local.AsJScriptLIT(Status),
								##if loan.RenewResult.warnings
									##local.define(ErrorList)<contentof></contentof>
									##loan.ForEachIn(child,"RenewResult.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.defineByRender(ErrorList)<contentof>##local.ErrorList ##local.ErrorText</contentof>
								</contentof>
									"statusMessage":"##local.ErrorList",
								##else
									"statusMessage":"",
								##endif
							
							"dueDate":"##if local.IsEqual(Status,Success) ##formatter.YYYYDDMM(##loan.RenewResult.due_date,##local.DateFormat) ##else ##formatter.YYYYDDMM(##loan.return_date,##local.DateFormat) ##endif",
							"extended":##loan.AsJScriptLIT(RenewResult.extended)
							
							} ##if loan.__isLast() ##else , ##endif  
							##local.Increment(Compter)
				
						</contentof>
						
				}
			##else
				"finished":false,
				"stage":"##value.Data(Response.stage)",
				"percent":"##value.Data(Response.percent)"
			##endif
			
		##endif
	##endif

}
##else
##formatter.TextRender()<contentof>
	##helpcontext.addHelp(LoanBrowse)  
	##helpcontext.addHelp(Toolbar)  

	##include(Defaults)			


	##local.define(Section)<contentof>CurrentLoans</contentof>		
	
	/*##local.define(ParentSection)<contentof><a href="APS_ZONES?fn=MyLoans&##this.StyleSet" style="padding-right:8px">##leg.Portal3.Loans.Title</a>&gt;&nbsp;</contentof>*/
	
	##local.define(SectionTitle)<CONTENTOF>##leg.ZONESOPAC.RenewAll.Title</CONTENTOF>
	##local.define(PageLeftMenu)<contentof>##local.MyZonePageLeftMenu</contentof>

	##local.define(Title)<CONTENTOF>##leg.ZONESOPAC.RenewAll.Title</CONTENTOF>
	##local.define(PageTitle)<CONTENTOF>##leg.ZONESOPAC.RenewAll.Title</CONTENTOF>
		
	##local.define(Advice)<contentof></contentof>

	##if value.IsEqual(Response.stage,1)
		##local.define(Advice)<contentof>##leg.ZONESOPAC.RenewAll.AdviceStage1</contentof>
	##endif

	##if value.IsEqual(Response.stage,2)
		##local.define(Advice)<contentof>##leg.ZONESOPAC.RenewAll.AdviceStage2</contentof>
	##endif

	##if value.Response.Finished
		##local.define(Advice)<contentof>##leg.ZONESOPAC.RenewAll.AdviceCompleted</contentof>
	##endif

	##helpcontext.addHelp(RenewMyLoans)
	##helpcontext.addHelp(Toolbar)
	
	##local.define(Content)<contentof>

		<div class="title">
			<h2 class="MyZonetitleText">##local.SectionTitle</h2>
		</div>
		
		<div style="clear:both"></div>
		
		<div id="advice" style="padding:8px 0px 8px 0px"></div>
		<div id="progress" style="display:none" title="##leg.ZONESOPAC.RenewAll.AdviceStage1">
			
			##leg.ZONESOPAC.RenewAll.Stage : <span id="stage">0</span>/2<br>
			<div id="progressbar"></div>
		</div>
		<div style="clear:both"></div>
		
		<div id="rapport">
			<table id="tb_results" >
				<thead>
					<th class="headerCell" width="60%">##leg.ZONESOPAC.RenewAll.TitleCell</th>
					<th class="headerCell" width="28%">##leg.ZONESOPAC.RenewAll.Status</th>
					<th class="headerCell" width="12%">##leg.ZONESOPAC.RenewAll.DueDate</th>
				</thead>
				<tbody id="rapport_body"></tbody>
			</table>
					
		</div>
		##local.define(ScrollingList)<contentof>
			<script type="text/javascript">
				function fnGetBrowseListObject () {

					var elBrowseList = document.getElementById( "elScrollingBrowseList" );
					if ( elBrowseList != null ) {

						var numHandle = elBrowseList.getAttribute("objectHandle");
						return documentManager.getObject ( numHandle );
					}
					return null;
				}
				function fnNotifyScrollingListContentResized () {

					var obBrowseList = fnGetBrowseListObject ();
					if ( obBrowseList != null ) {
						obBrowseList.fnFill ();
					}
					return null;
				}
				
				
			</script>
			<div ALSiClass="scrollingBrowseList" ALSiNoFocus = "1" tabIndex="0" id="elScrollingBrowseList" ALSiNoScrollBar="1" ALSiFixedContent="1">
				##local.ScrollingListContent
			</div>
		</contentof>
		
		##if value.Response.Finished
		
		##else
		<style>
			
			#tb_results {
			
			font-size: 0.92em;
			border-style:solid; 
			border-width:0px;
			
			}
			
				.headerCell {
					/*font-weight: bold;
					border-style:solid;
					border-top :0px;
					border-left :0px;
					border-right:0px;
					border-bottom:1px;
					border-color:black;	
					padding-bottom:5px;*/
					background-color: #3e65a2;
					border: #3e65a2 2px solid;
					color : white;
					height:30px;
					font-size: 1em;
					
				}
				.titleCellFail {
					padding-bottom: 5px;
					padding-top: 5px;
				}
				.duedateCellFail {
					font-weight: bold;
					color: red;
				}

				.statusCellFail {
					font-weight: bold;
					color: red;

				}
				td p {
					font-weight:normal;
					color:#202020;
					padding: 5px;
					font-size: .92em;

				}

				.titleCellSuccess {
					padding-bottom: 5px;
					padding-top: 5px;				
				}
				.duedateCellSuccess {
					font-weight: bold;
				}

				.statusCellSuccess {
					font-weight: bold;
				}
				
			</style>
			<script>
				/*function step()
				{
					window.location.replace("##this&Method=Step")	
				}*/
				
				##if error.Level 
					##error.Dump()
				##else
					window.setTimeout(RequestStep,20);
					
					$(function(){
						$("#progress").dialog({
						   closeOnEscape: false,
						   open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
						});
						$("#progressbar").progressbar({ value: 0 });
						$("#rapport").hide();
					});
					
				##endif
				
				
				function RequestStep(){
					
					$.getJSON("##this&Method=Step",ResonseStep);
				}
				
				function ResonseStep(data){
					
					if(data.finished){
						
						if(data.success){
							$("#advice").html("##leg.ZONESOPAC.RenewAll.AdviceCompleted");
							$("#progressbar").progressbar( "option", "value", 100 );
							$("#progress").dialog( "close");
							for(var key in data.loans){
								if(data.loans.hasOwnProperty(key)){
									
									CreateRows(data.loans, key);
								}
							}
							
							$("#rapport").fadeIn('slow');
						}
					}
					else{
					
						$("#stage").html(data.stage);
						$("#progressbar").progressbar( "option", "value", data.percent );
					
						if(data.stage == "2"){
							$("#progress").dialog( "option", "title", "##leg.ZONESOPAC.RenewAll.AdviceStage2" );
						}
						RequestStep();
					}
				
				}
				
				function CreateRows(loans, key){
				
					var loan = loans[key];
					$("#rapport_body").append("<tr id=row_"+key+"></tr>");
					
					var cellStyle = "";
					if(key%2 != 0){
						cellStyle = "Stripe";
					}
					var status = "Success";
					var statusText = "##leg.ZONESOPAC.RenewAll.StatusRenewed";
			
					if(loan.extended == 0){
						status = "Fail";
						statusText = "##leg.ZONESOPAC.RenewAll.StatusNotRenewed";
					}
					
					$("#row_"+key).append('<td valign="top" width="60%" class="titleCell'+status+' SummaryDataCell'+cellStyle+'" >'+loan.title+'</td>');
					$("#row_"+key).append('<td valign="top" width="28%" class="statusCell'+status+' SummaryDataCell'+cellStyle+'" >'+ statusText +'<p>'+ loan.statusMessage +'</p></td>');
					$("#row_"+key).append('<td valign="top"  class="duedateeCell'+status+' SummaryDataCell'+cellStyle+'" >'+loan.dueDate+'</td>');
				}
				
			</script>
		##endif
		
		
	 
	</CONTENTOF>
</contentof>

##local.Define(PageHeaderScripts)<contentof>

</contentof>

##include(Body)
##endif