{AJAXCONTENT}

<script type="text/javascript" src="{JSDIR}jquery.autocomplete.js"></script> 
<script type="text/javascript" src="{JSDIR}delete.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
<table border="0" align="center" cellpadding="5" cellspacing="0" width="100%" height="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" bgcolor="#C6DEFF" >
	<tr>
		<td align="center" style="font-family:verdana"><h2>Vendor Registration</h2></td>
	</tr>
	<tr>
		<td colspan="4" valign="top" align="center">
				<table	border="0" width="50%" height="100%"  cellpadding="9" align="center" cellspacing="9" bgcolor="#C6DEFF"       style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}">
					<tr >
					  <td class="sleft" >Name of firm : <font color="red">*</font></td>
						<td class="sleftn">
							<input name="firmname" class="texts" style="width:250px" value="{FIRMNAME}">
						</td>
                    </tr>
						
					<tr >
					    <td class="sleft" > Full postal address : <font color="red">*</font></td>
					     <td class="sleftn">
					        <textarea style="width: 250px; height: 100px;" name="address" rows="5" cols="45" id="txtPostalAddress" title="Full postal address" class="txtarea1" value="{ADDRESS}">{ADDRESS}</textarea>
                         </td>
					</tr>
					
					
					<tr>
						<td class="sleft" >Country : <font color="red">*</font></td>
						<td class="sleftn">
							<select name="countryid" class="texts" style="width:250px";">
								{COUNTRYOPTION}
							</select>
						</td>
					</tr>
															
					
					<tr>
					    <td class="sleft" >State : <font color="red">*</font></td>
						<td class="sleftn">
						   <select name="stateid" value="{STATEID}" class="texts" style="width:250px";">
								{STATEOPTION}
						   </select>
						</td>
                    </tr>
                    
					<tr>
                      <td class="sleft" >Telephone : <font color="red">*</font></td>
						<td class="sleftn">
                            <input name="telephoneno" class="texts" style="width:250px" value="{TELEPHONENO}" 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 >= 15){alert('Invalid Phone No.');this.value='';this.focus();}}"/>
						</td>
					</tr> 

					<tr>
					 <td class="sleft" >Mobile : </td>
						<td class="sleftn">
						   <input name="mobileno" class="texts" style="width:250px" 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 Mobile No.');this.value='';this.focus();}else if(this.value.length <= 9){alert('Invalid Mobile No.');this.value='';this.focus();}}"/>
						</td>
					</tr>
                     
                    <tr>
                      <td class="sleft" >Fax : </td>
						<td class="sleftn">
						    <input name="fax" class="texts" style="width:250px" value="{FAX}">
						</td>
					</tr>
					
					<tr>
					  <td class="sleft" >Email : <font color="red">*</font></td>
						<td class="sleftn">
						    <input name="email" class="texts" style="width:250px" value="{EMAIL}">
						</td>
					</tr>
 
                    <tr>
                       <td class="sleft" >Contact Person : <font color="red">*</font></td>
						<td class="sleftn">
						     <input name="contactperson" class="texts" style="width:250px" value="{CONTACTPERSON}">
						</td>
                    </tr>	
                
                   <tr >
					   <td class="sleft" > Remarks : <font color="red">*</font></td>
					    <td class="sleftn">
					       <textarea style="width: 250px; height: 100px;" name="remarks" rows="5" cols="45" id="txtremarks" title="Full Remarks" class="txtarea1" value="{REMARKS}">{REMARKS}</textarea>
				   </tr>
                    
				   <tr>
                       <td class="sleft" > Registered for items : <font color="red">*</font></td>
						<td class="sleftn">
							<select name="itemid" value={ITEMID}class="texts" style="width:250px;" multiple>
									{VENDORREGITEMOPTION}
							</select>
					    </td>
				   </tr>					
       		</table>
		</td>
	 </tr>

                   <tr> 
		              <td align="center" colspan="4">
			             <input type="submit" name="save" value="Submit" onclick="return formCheck(theform)"/>
					  </td>	
	                </tr>	
</table>	


<input type="hidden" name="vendorid" value="{VENDORID}"/>
<input type="hidden" name="action" value="{FORMACTION}"/>
<input type="hidden" name="module" value="{MODULE}"/>
<input type="hidden" name="appid" value="{APPID}"/>
<input type="hidden" name="appcode" value="{APPCODE}"/>

  <script type="text/javascript">

		function formCheck(theform) {

			if (theform.firmname.value === null || theform.firmname.value == ""){
			alert("Firm Name Required");
			return false;
			}	
			
			if (theform.address.value === null || theform.address.value == ""){
			alert("Address Required");
			return false;
			}			

			if (theform.countryid.value === null || theform.countryid.value == ""){
			alert("Country Required");
			return false;
			}			

			if (theform.stateid.value === null || theform.stateid.value == ""){
			alert("State Required");
			return false;
			}			
				
		   if (theform.telephoneno.value === null || theform.telephoneno.value == ""){
			alert("Telephone No Required");
			return false;
			}

			var x      = theform.email.value;
            var atpos  = x.indexOf("@");
            var dotpos = x.lastIndexOf(".");
            if (atpos < 1 || dotpos<atpos+2 || dotpos+2 >= x.length)
              {
                alert("Not a valid e-mail address");
                return false;
              }

			if (theform.contactperson.value === null || theform.contactperson.value == ""){
			alert("ContactPerson Required");
			return false;
			}

			if (theform.remarks.value === null || theform.remarks.value == ""){
			alert("Remarks Required");
			return false;
			}

			if (theform.itemid.value === null || theform.itemid.value == ""){
			alert("Item Registration Required");
			return false;
			}		

			  Update();
			  return false;
		}

		function formCancel() {
			cancel();
		}
</script>