#set ($findProjectCtrlLabel = $CommonFunctions.getTermFromResourceBundle($currentUserId, "Controls", "systembar.findproject.id.label"))
#set ($findProjectCtrlInnerLabel = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "scrollingtable.findproject.term.innerlabel"))
#set ($findProjectCtrlButtonHint = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "systembar.findproject.id.button.hint"))
#set ($invalidProjectIdFormat = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "systembar.findproject.id.invalidformat"))
#set ($searchCtrlLabel = $CommonFunctions.getTermFromResourceBundle($currentUserId, "Controls", "scrollingtable.findproject.term.label"))
#set ($clear_text = $CommonFunctions.getTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.clear.label"))
#set ($clearhint_text = $CommonFunctions.getTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.clear.hint"))

#if ($searchTerm)
	#set ($searchTerm = $searchTerm)
#else
	#set ($searchTerm = "")
#end

<td style="width:100%;white-space:nowrap">
	<table cellpadding="5" style="border-collapse:collapse">
		<tr>
			<td style="white-space:nowrap" class="systemTextSmall">
				$searchCtrlLabel:
			</td>
			<td>
				<input id="findProjectCtrl" style="font-family:Arial;font-size:7pt;width:250px" type="text" value="" onblur="onBlurFindProjectCtrl()" onkeypress="return handleEnter(this, event)"/>
			</td>	
			#parse("projectsearchforctrl.vm")					
			<td>
				<script type="text/javascript">

					function contentRefresh()
                						{
                								document.location.href = "../common/application/itimpact/loadpagenavigation.html";
                						}
					
					function handleEnter(el, event)
					{
						if (event.keyCode == 13)
						{
							onBlurFindProjectCtrl();
							if (g_projSearchTerm.length > 0)
							{
						    	findProject();
						    }
						}
					}
					
					var g_projSearchTerm = "";
					function onBlurFindProjectCtrl()
					{
						var ctrl = document.getElementById("findProjectCtrl");

						if (ctrl.value.length > 0)
						{
							g_projSearchTerm = ctrl.value;
						}
						else
						{
							g_projSearchTerm = "";
						}
					}
									
				function findProject() {


                						if (g_projSearchTerm.length > 0) {
                							var searchTerm = g_projSearchTerm.toLowerCase();
                							var table = document.getElementById('trackertableBodyContent');

                							for (var i = 0; i < table.rows.length; i++) {
                								var row = table.rows[i];
                								var rowData = row.textContent.toLowerCase();

                								if (rowData.includes(searchTerm)) {
                									row.style.display = '';
                								} else {
                									row.style.display = 'none';
                								}
                							}

                					} else {
                						var tableRows = document.querySelectorAll('#trackertableBodyContent tr');
                						tableRows.forEach(function(row) {
                							row.style.display = '';
                						});
                					}
                				}
					
					function getProjectSearchCriteria()
					{
						var result = "";
						if (g_projSearchTerm.length > 0)
						{
							var searchIn = sctrl.getValue();
							result = searchIn + ":" + escapeBT(g_projSearchTerm);
						}
						return result;
					}
									
					function clearProjectSearchCriteria()
					{
                    						g_projSearchTerm = "";
                    						sctrl.setSelectedIndex(0);
                    						document.getElementById('findProjectCtrl').value = "";
                    						findProject();
                    }

					
					function initSearchControl()
					{
						var ctrl = document.getElementById("findProjectCtrl");
						ctrl.value = unescapeBT("$searchTerm");
						g_projSearchTerm = ctrl.value;
					}
					
					var findButton = new XButton("findButton",'$findProjectCtrlLabel',"../themes/$theme/images/getversion16x16.gif","findProject()", "$findProjectCtrlButtonHint") ;
					findButton.draw() ;					

                    function changePage () {
                        var index = document.getElementById( "ldpagesb" ).selectedIndex;
                        var pageIndex = document.getElementById( "ldpagesb" ).options[index].value;
                        selectPage( pageIndex );
                    }
                    function firstPage () {
                        selectPage( 0 );
                    }
                    function lastPage () {
                        selectPage( $pageVector.size() - 1 );
                    }
                    function prevPage () {
                        var p = $activePage - 1 - 1;
                        if (p >= 0) {
                            selectPage( p );
                        }
                    }
                    function nextPage () {
                        var p = $activePage - 1 + 1;
                        if (p < $pageVector.size()) {
                            selectPage( p );
                        }
                    }
                    function IsNumeric(val) {
                        if (isNaN(parseFloat(val))) {
                            return false;
                        }
                        return true
                    }
                    function selectPage (pageIndex) {
                        if (IsNumeric( pageIndex ) && pageIndex >= 0 && pageIndex < $pageVector.size()) {
                            pagingHandler( pageIndex );
                        } else {
                            alert( "Page number must be from 1 to $pageVector.size()" );
                        }
                    }
                    function handleKeyPress(e) {
                        var key=e.keyCode || e.which;
                        if (key==13){
                            selectPage( document.getElementById( "pagenumber" ).value - 1 );
                        }
                    }
				</script>
			</td>		
			<td>
				<script type="text/javascript">
					var clearButton = new XButton("clearButton",'$clear_text',"../themes/$theme/images/synch16x16.gif","clearProjectSearchCriteria()", "$clearhint_text") ;
					clearButton.draw() ;
				</script>	
			</td>


#if ($requiresPaging)
			<td>
                <img border=0 height='-1' width='100' src='../common/ext3/resources/images/default/s.gif'>
			</td>
			<td>
				<script type="text/javascript">
					var firstButton = new XButton("firstButton",'',"../images/page-first.gif","firstPage()", "First Page") ;
					firstButton.draw() ;
				</script>	
			</td>
			<td>
				<script type="text/javascript">
					var prevButton = new XButton("prevButton",'',"../images/page-prev.gif","prevPage()", "Previous Page") ;
					prevButton.draw() ;
				</script>	
			</td>
			<td>
                <span class="$pagingCtrlLabelClass">Page&nbsp;</span>
			</td>
			<td>
                <input width="30" value="$activePage" style="width: 30px" id="pagenumber" class="tableTitleControlText" onkeypress="handleKeyPress(event)" />
			</td>
			<td>
                <span class="$pagingCtrlLabelClass">&nbsp;of</span>
			</td>
			<td>
                <span class="$pagingCtrlLabelClass">&nbsp;$pageVector.size()</span>
			</td>
			<td>
				<script type="text/javascript">
					var nextButton = new XButton("nextButton",'',"../images/page-next.gif","nextPage()", "Next Page") ;
					nextButton.draw() ;
				</script>	
			</td>
			<td>
				<script type="text/javascript">
					var lastButton = new XButton("lastButton",'',"../images/page-last.gif","lastPage()", "Last Page") ;
					lastButton.draw() ;
				</script>	
			</td>
			<td style="width: 50px;">
                <span class="$pagingCtrlLabelClass">&nbsp;$total&nbsp;items</span>
			</td>
#else
			<td style="position: absolute; right:0px; width: 100px;">
                <span class="$pagingCtrlLabelClass">$total&nbsp;items</span>
			</td>
#end

		</tr>
	</table>
</td>