
<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
	  
	  <link type="text/css" rel="stylesheet" href="css/responsive.dataTables.min.css"  media="screen,projection"/>
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
	   <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
	   
      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	  <script type="text/javascript" src="js/jquery-1.12.3.js"></script>
	  <script type="text/javascript" src="js/jquery.session.js"></script>
      <script type="text/javascript" src="js/materialize.min.js"></script>
	  <script src="js/init.js"></script>
	  
	  <link rel="stylesheet" type="text/css" href="js/media/css/jquery.dataTables.css">
	<link rel="stylesheet" type="text/css" href="js/resources/syntax/shCore.css">
	<link rel="stylesheet" type="text/css" href="js/resources/demo.css">
	<style type="text/css" class="init">
	
	</style>
	
	<script type="text/javascript" language="javascript" src="js/media/js/jquery.dataTables.js">
	</script>
	<script type="text/javascript" language="javascript" src="js/dataTables.responsive.min.js">
	</script>
	
	<script type="text/javascript" language="javascript" src="js/resources/syntax/shCore.js">
	</script>
	<script type="text/javascript" language="javascript" src="js/resources/demo.js">
	</script>
	<script type="text/javascript" language="javascript" src="js/jscode.js">
	</script>
	
	    <script>

		$( document ).ready(function() {
			$("#loading").hide();
			jQuery("#txtRegNo3").blur(function() {
			 
				var reg1 = $("#txtRegNo1").val();
				//alert($("#txtRegNo1").val());
				//alert(reg1);
				var reg2 = $("#txtRegNo2").val();
				var reg3 = $("#txtRegNo3").val();
				var reg_number = "";
				if($.trim(reg1) == "" || $.trim(reg2) == "" || $.trim(reg3) == "" )
				{
					alert("Please enter Registration number in correct format");
				}
				else{
					reg_number = reg1 +"/"+ reg2 +"/"+ reg3;
					//alert(reg_number);
					$("#reg_number").val(reg_number); 
					//alert($("#reg_number").val());
				}
			});
			
			$("#btnSubmit").click(function(){
				$("#loading").show();
				//alert($("#frmData").serialize());
				var reg1 = $("#txtRegNo1").val();
				//alert($("#txtRegNo1").val());
				//alert(reg1);
				var reg2 = $("#txtRegNo2").val();
				var reg3 = $("#txtRegNo3").val();
				var reg_number = "";
				if($.trim(reg1) == "" || $.trim(reg2) == "" || $.trim(reg3) == "" )
				{
					alert("Please enter Registration number in correct format");
				}
				else{
					reg_number = reg1 +"/"+ reg2 +"/"+ reg3;
					//alert(reg_number);
					$("#reg_number").val(reg_number); 
					$("#frmData").submit();
				}
				
				
			});
		});
		
	</script>
	  
	  
    </head>

    <body>
		
		 <nav class="white" role="navigation">
    <div class="nav-wrapper container">
      <a id="logo-container" href="?page=home" class="brand-logo"><img src="images/tooplate_logo.png" /></a>
      <ul class="right hide-on-med-and-down">
		<li><a href="index.php?page=login">Go to Business Update</a></li>
      </ul>
      <ul id="nav-mobile" class="side-nav">
       <li><a href="index.php?page=login">Go to Business Update</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>

<br/><br/>
<div class="row" style="width:800px">
<center>
		<div class="preloader-wrapper big active" id="loading" name="loading">
			<div class="spinner-layer spinner-blue-only">
			  <div class="circle-clipper left">
				<div class="circle"></div>
			  </div><div class="gap-patch">
				<div class="circle"></div>
			  </div><div class="circle-clipper right">
				<div class="circle"></div>
			  </div>
			</div>
		  </div>
		</center>

    <form class="col s12" id="frmData" name="frmData"  action="http://elecdistributiongearcctradingasefficientdata.dedicated.co.za/wowinfo.php" method="post">    
	<div class="row">
	<div class="row" >
        
          <label id="lblError" name="lblError" style="color:red;"></label>
		<input type="hidden" id="reg_number" name="reg_number" style="width: 80px"  />
      </div>
	  <div class="row">	
        <div class="input-field col s6">
		<input type="text" id="txtRegNo1" name="txtRegNo1" style="width: 80px" maxlength="4" />&nbsp;/&nbsp;<input type="text" id="txtRegNo2" name="txtRegNo2" style="width: 100px" maxlength="6"/>&nbsp;/&nbsp;<input type="text" id="txtRegNo3" name="txtRegNo3" style="width: 50px" maxlength="2" />
        <label for="txtRegNo1">Registration Number</label>
        </div>
		<div class="input-field col s6">
		<input type="text" id="txtNameAbbreviation" name="txtNameAbbreviation" style="width: 200px"  />
        <label for="txtNameAbbreviation">Company Name Abbreviation</label>
        </div>
      </div>
        <div class="input-field col s12">
          <input type="text"  id="company_name"  name="company_name">
          <label for="company_name">Company Name</label>
        </div>
      </div>	
     <div class="row">
		<div class="input-field col s12">
		  <textarea id="nature_of_business" name="nature_of_business" class="materialize-textarea"></textarea>
		  <label for="nature_of_business">Nature of Business</label>
		</div>
	  </div>
	   <div class="row">
		<div class="input-field col s12">
		  <textarea id="brand_names" name="brand_names" class="materialize-textarea"></textarea>
		  <label for="brand_names">Brand Names (comma seperated)</label>
		</div>
	  </div>
	   <div class="row">
		<div class="input-field col s12">
		  <textarea id="associates" name="associates" class="materialize-textarea"></textarea>
		  <label for="associates">Subsidiaries Associates and Investments(comma seperated)</label>
		</div>
	  </div>
	   <div class="row">
		<div class="input-field col s12">
		  <textarea id="directors" name="directors" class="materialize-textarea"></textarea>
		  <label for="directors">Directors(comma seperated)</label>
		</div>
	  </div>
	   <div class="row">
        <div class="input-field col s6">
          <i class="material-icons prefix">website</i>
          <input id="web_address" name="web_address" type="text" class="validate">
          <label for="web_address">Website</label>
        </div>
		</div>
      <div class="row">
        <div class="input-field col s6">
          <i class="material-icons prefix">email</i>
          <input id="contact_email" name="contact_email" type="text" class="validate">
          <label for="contact_email">Contact Email</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">phone</i>
          <input id="telephone" name="telephone" type="tel" class="validate">
          <label for="telephone">Telephone</label>
        </div>
      </div>
	   <!-- div class="row"> 
		<label id="lblUserTypeError" name="lblUserTypeError" style="color:red;"></label>
        <div class="input-field col s12">
		
          
		  <a class='dropdown-button btn' href='#' data-activates='dropdown1' id="drpTrigger" name="drpTrigger">Select User Type</a>

		  <ul id='dropdown1' class='dropdown-content'>
			<li><a href="javascript:selectUsertype('user','Normal User')">Normal User</a></li>
			<li><a href="javascript:selectUsertype('seller','Would like to sell stuff')">Would like to sell stuff</a></li>
		  </ul>
        </div>
      </div -->
     <div class="row">
		<div class="input-field col s6">
		  <button class="btn waves-effect waves-light" type="button"  id="btnSubmit" name="btnSubmit"  >Save
		  </button>
		  
        </div>	
        <div class="input-field col s6">
        <button class="btn waves-effect waves-light" type="reset"  id="btnRegister" name="btnRegister"  >Clear
		  </button>
		  
		 </div>		 	
      </div>
	  
    </form>
  </div>




 

  <footer class="page-footer teal">
   
    <div class="footer-copyright">
	<center>
		  <div class="container">
			Powered by <a class="brown-text text-lighten-3" href="http://www.efficientdata.co.za" target="_blank">Efficient Data Technology </a>
		  </div>
	 </center>
    </div>
  </footer>
	
      <!--Import jQuery before materialize.js-->
      
    </body>
  </html>