{AJAXCONTENT}
<link rel="stylesheet" type="text/css" href="skins/default/css/Menu/style.css">
<!-- Java script for Editor Strats here -->
<script type="text/javascript" src="{JSDIR}HTMLEditor/jscripts/tiny_mce/tiny_mce.js"></script>
<!-- Java script for Editor Ends here -->

<table border="0" align="center" cellpadding="6" cellspacing="" width="100%" height="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">		
	<tr align="justify">
		<td align="center" style="font-family:verdana; font-size:15px"><B>GPMS Online Complaint Monitoring System <BR> Complaint No. : {COMPLAINTNO}</B></td>
	</tr>
	<!-- <tr align="center">
		<td style="font-family:verdana; font-size:15px"  colspan="2"><B>CASH / CHEQUE / DD / POSTAL ORDER WISE REVENUE RECEIPT DATA ENTRY SHEET</B></td>
	</tr> -->
	<tr>
		<td>
			<table border="1" width="95%" cellpadding="8" align="center" cellspacing="5" bgcolor="" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}; background-color:#FFB0B0">							
				<tr width="100%">						
					<td width="15%" align="left" style="font-family:verdana; font-size:15px">Project Name</td>	
					<td width="35%" style="font-family:verdana; font-size:14px;">BBMP - FMS</td>
					<td width="15%" align="left" style="font-family:verdana; font-size:15px">Complaint Raised Date</td>	
					<td width="35%" style="font-family:verdana; font-size:14px;">{RAISEDDATE}</td>
				</tr>				
				<tr width="100%">
					<td width="15%" align="left" style="font-family:verdana; font-size:15px">Subject</td>	
					<td width="35%" colspan="3" style="font-family:verdana; font-size:14px;">{SUBJECT}</td>
				</tr>
				<tr width="100%">						
					<td width="15%" align="left" style="font-family:verdana; font-size:15px">Complaint / Requirement </td>	
					<td width="35%" colspan="3" style="font-family:verdana; font-size:14px;" align="justify">{MESSAGE}</td>
				</tr>							
			</table>
		</td>
	</tr>

	<tr>
		<td colspan="2">
			<table border="1" width="95%" height="100%"  cellpadding="8" align="center" cellspacing="8" bgcolor="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
				<tr bgcolor="#009148">
					<td align="center" style="font-family:verdana; font-size:15px; color:white" width="65%">Comments / Requirement / Feedback / Suggestion</td>
					<td align="center" style="font-family:verdana; font-size:15px; color:white" width="30%">Uploded Files List</td>
				</tr>
				<tr>
					<td>
						<table border="0" width="100%" cellpadding="2" align="center" cellspacing="0" bgcolor="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
							<!-- BEGIN dbvaluescomments -->
							<tr width="100%">						
								<td width="15%" align="left"<!-- IF CREATEDBY == "0" --> style="font-family:verdana; font-size:12px; color:#0000AE" <!-- ELSE --> style="font-family:verdana; font-size:12px; color:#59002D" <!-- ENDIF -->>
								<I><U>{ICSTFIRSTNAME} {PNAME} - {COMMENTEDDATE}</U></I></td>
							</tr>
							<tr>
								<td width="35%" align="left" <!-- IF CREATEDBY == "0" --> style="font-family:verdana; font-size:13px; color:#1B539E" <!-- ELSE --> style="font-family:verdana; font-size:13px; color:#A40000" <!-- ENDIF -->> {COMMENTS}</td>
							</tr>
							<!-- END dbvaluescomments -->
						</table>
					</td>
					<td width="40%" valign="top">
						<!-- BEGIN dbvaluesUplodedFiles -->
						<a  style="font-family:verdana; font-size:15px;" href= "{FILELOCATION}" target="_blank">{FILENAME}</a><BR>
						<!-- END dbvaluesUplodedFiles -->
					</td>
				</tr>					
			</table>
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<table border="1" width="95%" height="100%"  cellpadding="8" align="center" cellspacing="8" bgcolor="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
				<tr bgcolor="#009148">
					<td align="center" style="font-family:verdana; font-size:15px; color:white" width="60%">Add Comments / Requirement / Feedback / Suggestion</td>
					<td align="center" style="font-family:verdana; font-size:15px; color:white" width="35%">File Upload</td>
				</tr>
				<tr width="95%">	
					<td width="55%" align="center">
						<table border="1" width="95%" height="100%"  cellpadding="4" align="center" cellspacing="8" bgcolor="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
							<tr width="100%">						
								<td width="15%" align="left" style="font-family:verdana; font-size:14px">Your Name<font color="red">*</font></td>	
								<td width="35%">
									<input type="text" style="width:200px" name="pname" placeholder="Ex: Your Name" onblur="checkField(this)"/>
								</td>								
							
								<td width="15%" align="left" style="font-family:verdana; font-size:14px">Contact Number<font color="red">*</font></td>	
								<td width="35%">
									Mobile No. <input type="text" style="width:120px" name="pmobileno" 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 Mobile No.'); this.value='';this.focus();}else if(this.value.length <= 9){alert('Invalid Mobile No.');this.value='';this.focus();}}" placeholder="Ex: 9988776655"/><BR>

									Telephone No. <input type="text" style="width:120px" name="ptelephoneno" 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 Telephone No.'); this.value='';this.focus();}else if(this.value.length <= 7){alert('Invalid Telephone No.');this.value='';this.focus();}}" placeholder="Ex: 08023568956"/>
								</td>
							</tr>
							<tr width="100%">						
								<td width="15%" align="left" style="font-family:verdana; font-size:14px">Your Mail-Id<font color="red">*</font></td>	
								<td width="35%">
									<input type="text" style="width:200px" name="pemailid" placeholder="Ex: username@domain.com"/>
								</td>
							
								<td width="15%" align="left" style="font-family:verdana; font-size:14px">Your Location Details<font color="red">*</font></td>	
								<td width="35%">
									<!-- Select Ward<select type="text" style="width:200px; height:20px; font-family:verdana; font-size:12px" name="wardid"/>{WARDOPTION}</select><BR><BR>

									Location Address --><textarea  style="width:250px; height:50px; font-family:verdana; font-size:12px" name="plocation"  placeholder="Ex: Enter Your Location Address"/></textarea>
								</td>
							</tr>
							<tr>
								<td colspan="4">
									<textarea type="text" style="width:800px; height:250px" name="comments" value="{COMMENTS}" id="comment"/></textarea><BR>
									<p align="center" style="font-family:verdana; font-size:15px" name="status">Status:<input type="text" style="width:200px" name="status"value="{STATUS}" disabled/></p>
								</td>
							</tr>
						</table>
					</td>
					<td align="center" width="40%"  valign="top" rowspan="">
						<I style="font-family:verdana; font-size:14px">(Upload gif, jpeg, jpg, png images, pdf and doc files)</I><BR><BR><BR><BR>
						</form>
						<form action="?module=helpdeskpublic&action=fileupload&nomenu=1" id="fileform" name="fileform" target="upload_iframe" method="post" 
							enctype="multipart/form-data">
							<input type="hidden" name="fileframe" value="true"/>
							<input type="file" name="file" id="file" style="width:336px" onChange="jsUpload(this)" class="texts"/>
							<iframe name="upload_iframe" src="?module=helpdeskpublic&action=fileupload&nomenu=1" frameborder="0" width="400px" scrolling="no"></iframe>
						</form>						
				   </td>
				</tr>	 				
			</table>
		</td>
	</tr>
	
	<tr width="100%" >						
		<td width="100%" align="center"  colspan="2">			
			<input type="button" name="Submit" value="Submit" onclick="return formCheck(theform)" style="font-family:verdana; font-size:15px; width:80px; height:30px">
			<a href="#" onClick="cancel();"><input type="button" name="Submit" value="Back" style="font-family:verdana; font-size:15px; width:80px; height:30px"/>
		</td>
	</tr>
</table><BR><BR>


<input type="hidden" name="rcid" value="{RCID}"/>	
<input type="hidden" name="action" value="{FORMACTION}"/>
<input type="hidden" name="module" value="{MODULE}"/>

<input type="hidden" name="comment2" id="comment2" value="{COMMENT2}"/>

<script LANGUAGE="JavaScript">
	function checkField(which) {
		nm = which.value;
		nm = nm.replace(/^\s+/,""); // strip leading spaces
		if ((/[^a-z/\s&'-\.]/gi.test(nm)) || (nm.length == 0)) {
		alert ("Only alpha characters, space, apostrophe, hyphen, full stop and & are valid in this field"); 
		which.value = "";
		which.focus();
		return false;
		}
	}

	function formCheck(theform) {
		var comment2 = tinyMCE.get('comment').getContent();
		
		document.getElementById('comment2').value = comment2;			

		if (theform.pname.value == null || theform.pname.value == ""){
			alert('Write Your Name');
			return false;	
		}

		if (theform.pemailid.value == null || theform.pemailid.value == ""){
			alert('Write Your Correct Email Id');
			return false;	
		}

		/*if(!validSelection(theform.wardid,"Ward")) 
		return false;*/

		if (theform.plocation.value == null || theform.plocation.value == ""){
			alert('Write Your Location Address');
			return false;	
		}

		if (theform.comment2.value == null || theform.comment2.value == ""){
			alert('Write your Comments / Requirement / Feedback / Suggestion ');
			return false;	
		}

		

		updateHekpDeskComments();
		return false;
	} 
</script>
<!-- Javascript for Editor Starts here -->
<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "exact",
		elements : "comment",
		theme : "advanced",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace, print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",

		// Theme options
		theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
	// Drop lists for link/image/media/template dialogs		
		
	});
</script>
<!-- Javascript for File Upload Starts Here -->
<script LANGUAGE="JavaScript">
	 function jsUpload(upload_field) {
		//var re_text = /\.pdf|\.zip/i;
	    var filename = upload_field.value;
	//	alert(filename);
	    upload_field.form.submit();
    	return true;
	}	
</script>
<!-- Javascript for File Upload Ends Here -->