{AJAXCONTENT}
<script type="text/javascript" src="{JSDIR}jquery.autocomplete.js"></script> 
<table width="100%" align="center">
	<tr>
		<td>
			<table align="center"  width="100%" cellspacing="1" cellpadding="7" border="0" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
				<tr>
					<td width="50%">
						<table align="center"  width="100%" cellspacing="1" cellpadding="7" border="0"  style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}"> 	
							<tr>
								<td class="heading" height="20" colspan="3"  align="center"><font color="black">Task Progress Update</font></td>
							</tr>			
							<tr>
								<td>&nbsp;</td>
								<td>Task Name (XYZ):</td>
								<td>{TASK} ({XYZ})</td>		
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>Task Description:</td>
								<td>{TASKDESC}</td>		
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td align="left"><font color="Black">Start Date:&nbsp;&nbsp;{STARTDATE}</font></td>
								<td align="left">End Date:&nbsp;&nbsp;{ENDDATE}</td>
							</tr> 
							<tr>
								<td>&nbsp;</td>
								<td>Priority:</td>
								<td>{PRIORITY}</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>Task Status</td>
								<!-- <td><select name="taskstatus" style="width:184px">{TASKSTATUSOPTION}</select></td> -->
								<!-- Changed by sudha -->
								<td>
									<select name="taskstatus" style="width:184px">
										<option value=''>Select One</option>
										<option value='1' <!-- IF TASKSTATUS = "1" --> selected <!-- ENDIF -->>Yet to Start</option>
										<option value='2' <!-- IF TASKSTATUS = "2" --> selected <!-- ENDIF -->>Started</option>
										<option value='3' <!-- IF TASKSTATUS = "3" --> selected <!-- ENDIF -->>Work in Progress</option>
										<option value='4' <!-- IF TASKSTATUS = "4" --> selected <!-- ENDIF -->>Completed</option>
										<option value='5' <!-- IF TASKSTATUS = "5" --> selected <!-- ENDIF -->>Suspended</option>
										<option value='6' <!-- IF TASKSTATUS = "6" --> selected <!-- ENDIF -->>File in Process</option>
									</select>
								</td>
								<!-- Changed by sudha -->
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>Task Progress:</td>
								<td><select name="taskprogress" value="{TASKPROGRESS}" style="width:184px">{TASKPROGRESSOPTION}</select></td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>Feedback/Update Remarks</td>
								<td><textarea name="updateremarks" value="{UPDATEREMARKS}" style="width:180px"></textarea></td>
							</tr>
							<tr>
								<td colspan="3" align="center">
									<!-- IF GROUPID <> "2" -->
									<input  type="submit" name="save" value="Save" onclick="return formCheck(theform);"/>
									<!-- ENDIF -->
									<!-- IF GROUPID == "2" -->
									<a href="#" onclick="alert('Sorry! you do not have permission to insert data');" class="button"><Font color="white"><B>Submit</B></font></a>
									<!-- ENDIF -->
									<input  type="button" name="back" value="Back" onclick="if (dialogBox('Are you sure you want to go back')) {Gotoview();}"/>
								</td>
							</tr>    
						</table>
					</td>
					<td width="50%">
						<table width="100%" cellspacing="1" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
							<tr>
								<td class="heading" height="20"  align="center"><font color="black">Task History</font>
								</td>
							</tr>
							<tr>
								<td width="100%">
									<table width="100%" cellspacing="1" cellpadding="7" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
										<tr>
											<td class="sleft">Assigned To:</td>
											<td class="sleft"><b>{ASSIGNEDTO}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Mobile No:</td>
											<td class="sleft"><b>{ASSIGNEDTO_MOBILEUSERID}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">E-mail Id:</td>
											<td class="sleft"><b>{ASSIGNEDTOEMAIL}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Assigned By:</td>
											<td class="sleft"><b>{ASSIGNEDBY}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Mobile No:</td>
											<td class="sleft"><b>{ASSIGNEDBY_MOBILEUSERID}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">E-mail Id:</td>
											<td class="sleft"><b>{ASSIGNEDBYEMAIL}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Last Updated On:</td>
											<td class="sleft"><b>{MODIFIEDON}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Last Updated By:</td>
											<td class="sleft"><b>{USERNAME}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Last Status:</td>
											<td class="sleft">
												<!-- IF TASKSTATUS = "1" --> Yet to Start <!-- ENDIF -->
												<!-- IF TASKSTATUS = "2" --> Started <!-- ENDIF -->
												<!-- IF TASKSTATUS = "3" --> Work in Progress <!-- ENDIF -->
												<!-- IF TASKSTATUS = "4" --> Completed <!-- ENDIF -->
												<!-- IF TASKSTATUS = "5" --> Suspended <!-- ENDIF -->
												<!-- IF TASKSTATUS = "6" --> File in Process <!-- ENDIF -->
											</td>
										</tr>
										<tr>
											<td class="sleft">Last Progress:</td>
											<td class="sleft"><b>{TASKPROGRESS}</b>
											</td>
										</tr>
										<tr>
											<td class="sleft">Last Feedback /<br/> Remarks:</td>
											<td class="sleft"><b>{UPDATEREMARKS}</b>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>	
				</tr>
			</table>
		</td>	
	</tr>
</table>

<input type="hidden" name="taskid" value="{TASKID}"/>
<input type="hidden" name="taskupdateid" value="{TASKUPDATEID}"/>
<input type="hidden" name="actionform"  value="{ACTIONFORM}"/>
 
<script type="text/javascript">
 
 function formCheck(theform) {
		
			if(!validRequired(theform.taskstatus,"Task Status"))
				return false;		
			if(!validRequired(theform.taskprogress,"Task Progress Percent"))
				return false;
			if(!validRequired(theform.updateremarks,"Feed Back"))
			return false;		
			
				
			updateTaskFeedack();
			return false;
		}
		
function formCheck1(theform) {
		
			if(!validRequired(theform.taskstatus,"Task Status"))
				return false;		
			
			if(!validRequired(theform.updateremarks,"Feed Back"))
				return false;		
			
				
			taskClosure();
			return false;
		}		
		
</script>


<style type="text/css">

div.scroll
{
/*background-color:#FFFFFF;*/
background:{SKINS}/images/bgimage.jpg;
width:800px;
height:350px;
overflow:scroll;
}

body {
	background: white url('images/body-bg.png') repeat-y center;
}
</style>