{AJAXCONTENT}
<link rel="stylesheet" type="text/css" href="skins/default/css/Menu/style_dash.css">
<!-- public easing starts here -->
<script src="{JSDIR}Easing/jquery.easing.1.3.js" type="text/javascript"></script>  
<!-- public easing Ends here -->

<table border="0" align="center" bgcolor="#9FECFF" cellpadding="5"  class="mGrid"  cellspacing="0" width="100%" height="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">
	<tr>
		<td>
			<table	border="0" width="80%" height="" cellpadding="0" align="center" cellspacing="0" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">				
				<tr width="100%">								
					<td align="center" width="90%">
						<div class="titleline">
							<font size="4" class="title">Write Your Valuable Comments / Feedback</font>
						</div>
					</td>
				</tr>
				<tr width="100%">								
					<td align="left" width="90%">
						<FONT SIZE="3" COLOR=""><B>Workcode :</B> {WORKCODE}</FONT>
					</td>
				</tr>
				<tr width="100%">								
					<td align="left" width="90%">
						<FONT SIZE="3" COLOR=""><B>Stretch Name :</B>{STRETCHNAME}</FONT>
					</td>
				</tr>
				<tr>
					<td>
						<fieldset style="width:98%; align:left">
							<table align="center" cellpadding="15" cellspacing="8" width="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR};">
								<tr>
									<td align="left"><font size="2" color="">First Name</font></td>
									<td align="left"><input  type="text" class="texts" style="width:250px" name="firstname" value="{FIRSTNAME}"/></td>
								
									<td align="left"><font size="2" color="">Last Name</font></td>
									<td align="left"><input type="text" class="texts" style="width:250px" name="lastname" value="{LASTNAME}"/></td>
								</tr>
								<tr>
									<td align="left"><font size="2" color="">Mobile No</font></td>
									<td align="left"><input  type="text" class="texts" style="width:250px" name="mobileno" value="{MOBILENO}" onblur = " if(this.value   !=''){if(isNaN(this.value)){alert('It\'s not a valid integer'); this.value='';this.focus();}
									else if(this.value <= 0){alert('Invalid Phone No.');this.value='';this.focus();}else if(this.value.length <= 9){alert('Invalid Mobile No.');this.value='';this.focus();}}"/></td>
								
									<td align="left"><font size="2" color="">Email-Id</font></td>
									<td align="left"><input type="text" class="texts" style="width:250px" name="emailid" value="{EMAILID}"/></td>
								</tr>
								<tr>
									<td align="left"><font size="2" color="">Comments /<BR>Feedback</font></td>
									<td align="left"><textarea  type="text" class="texts" style="width:250px" name="commentsfeedback" value="{COMMENTSFEEDBACK}"></textarea></td>
								
									<!-- <td align="left"><font size="2" color="">Email-Id</font></td>
									<td align="left"><input type="text" class="texts" style="width:250px" name="stretchname" value="{DRPSECTNAME}"/></td> -->
								</tr>
								<tr>
									<td align="center" colspan="4">
										<input type="submit" value="Save" onclick="return formCheck(theform);"/>
									</td>
								</tr>
							</table>
						</fieldset>
					</td>
				</tr>
			</table>											
		</td>		
	</tr>
	<tr valign="top" >
		<td align="center">
			<a href="javascript:void(0);" id="showDIV"><FONT SIZE="3" COLOR=""><blink>Click me Latest Comments / Feedback</blink></FONT></a>
			<div id="seconddiv">										
				<table	class="mGrid" border="1" width="100%" cellpadding="6" align="centre" cellspacing="5" >
					<tr  bgcolor="#CDCDCD" align="center"> 
						<th scope="col">Sl. No</th>	
						<th scope="col">Name</th>
						<th scope="col">Email-Id</th>
						<th scope="col">Comment / Feedback</th>
					</tr>
					<!-- BEGIN dbValuesComment --> 
					<tr class="alt" style="border: solid 1px #c1c1c1">
						<td align="center">
							{SLNO}<br/>												
						</td>	
						<td align="justify">
							{FIRSTNAME} {LASTNAME}
						</td>
						<td align="justify">
							{EMAILID}
						</td>
						<td align="left">
							{COMMENTSFEEDBACK}
						</td>
					</tr>												
					<!-- END dbValuesComment -->	
				</table>																				
			</div>
		</td>
	</tr>
</table>

<input type="hidden" name="projectid" value="{PROJECTID}">
<input type="hidden" name="workcodeid" value="{WORKCODEID}">
<input type="hidden" name="multiprojectid" value="{MULTIPROJECTID}">
<input type="hidden" name="commentsid" value="{COMMENTSID}">
			
<script>
	
	function formCheck(theform) {
		
		if(!validRequired(theform.firstname,"First Name"))
			return false;

		if(!validRequired(theform.mobileno,"Mobile No"))
			return false;

		if(!validEmail(theform.emailid," Email ID.",true))
	       return false;

		if(!validRequired(theform.commentsfeedback,"Comments / Feedback"))
			return false;
	
		updateCommentsFeedback();		
			return false;
	}
</script>
	

<style>
	fieldset
	{
		border:1px solid #a1a1a1;
		-moz-border-radius:5px; /* Firefox */
		border-radius:5px;		
	}
</style>	 
	
<style type="text/css">
div.scroll
{
_background-color:#FFFFFF;
_width:1010px;
height:400px;
overflow:scroll;
}
</style>
<!-- Java Script for Hide & Show Starts here -->
<script type="text/javascript">

$(document).ready(function(){

$("#seconddiv").hide();

	 // show hide search container
    $("#showDIV").bind("click", function() {
        var text = $("#showDIV").text();
        if(text == "Hide Latest Comments / Feedback"){
            $("#showDIV").text("Show Latest Comments / Feedback");
        }
        else{
            $("#showDIV").text("Hide Latest Comments / Feedback");
        }
        $("#seconddiv").slideToggle(2500);        
    });
});
</script>
<!-- Java Script for Hide & Show Ends here -->