<script>
	function checkForm()
			{
					
				if(document.getElementById('whatlike').value=='' || document.getElementById('notlike').value=='' || document.getElementById('addfeature').value=='')
				{
					reason = "All fields are required to be completed"+"\n";
					alert("Error\n---------------------------------------------------------------\n" +reason);
					return false;	

			   	}
				else
				{
					document.getElementById('feedback').submit();
				}
			}
</script>
<center><span style="color:RED;"><?= $message ?></span></center>
<div style="padding:0px 200px;">
<form method="post" id="feedback" name="feedback" action="<?=base_url();?><?=index_page();?>/feedback/"/  onSubmit="return checkForm();">
  
<table cellpadding="5" cellspacing="5">
	<tr>
		<td>
			What do you like about Sounit?
		<br>
			<textarea id='whatlike'  name="whatlike" cols="40" rows="5"><?= $whatlike ?></textarea>
		</td>
	</tr>
	<tr>
		<td>
			What you do not like about Sounit?
		<br>
			<textarea id='notlike' name="notlike" cols="40" rows="5"><?= $notlike ?></textarea>
		</td>
	</tr>
	<tr>
		<td>
			What features you would like to be included in our next releases?
		<br>
			<textarea id='addfeature' name="addfeature" cols="40" rows="5"><?= $addfeature ?></textarea>
		</td>
	</tr>
	<tr>
		<td>
			<?= $capcha ?>
		</td>
	</tr>
	<tr>
		<td align="center" >
			<input type="hidden" name="add" value="1">
		    <input type="submit"  name="send" value="Send"> 
		</td>
	</tr>
</table>

</form>
</div>