<?php $this->load->view('header_front'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/jquery-ui.css">
<script src="<?php echo base_url();?>assets/js/jquery.js"></script>
<script src="<?php echo base_url();?>assets/js/jquery-ui.min.js"></script> 
<script src="<?php echo base_url();?>assets_front/js/frontendvalidations.js"></script> 
<script language="javascript" type="text/javascript">

//code for to get locations
$(function(){
  $("#p_location").autocomplete({
    source: "<?php echo base_url();?>front_end/get_work_location" // path to the get_birds method
  });
});
//code for to get job name 
$(function(){
  $("#job_title").autocomplete({
    source: "<?php echo base_url();?>front_end/get_job_title" // path to the get_birds method
  });
});
//code for Reg error
</script> 
<style>
.reg_error
{
color: #FF0000;
margin-top: 28px;
font-size: 14px;
font-family: sans-serif;
margin-top: 6px;
}
#fname_error ,#lname_error,#email_error,#email_error_valid,#pass_error,#location_error,#job_title_error,#secters_error,#pass_must
{
display:none;
}

</style>
<body id="demo">
<div id="stick">
  <div id="wrap-content">
    <div id="content">
	  <div class="page wrap sidecol">
	  <div class="col-main float-left">
		  <form id="logincan" name="logincan" class="styled" action="<?php base_url();?>login_user" method="post" onSubmit="return loginSubmit()">
		<p style="color:#FF0000;text-align: center;"> <?php echo $this->session->flashdata('error_msg');?></p>
		  <table width="607" border="0" align="center">
		    
		  
		  <tr>
		    <td height="35">Username*</td>
		    <td><span class="form-row">
		      <input id="email" type="text" placeholder="jhon@yahoo.com" class="text-input" name="email" value=""  onblur="signupemail(this.value)" onChange="checkemail()"/>
			  <span id="email_error" class="reg_error">Enter your email address</span>
			  <span id="email_error_valid" class="reg_error">Enter email address is not valid</span>
			  	<span class="reg_error"><?php echo form_error('email'); ?></span>
			  
		    </span></td>
		    </tr>
		  <tr>
		    <td height="39">Password*</td>
		    <td><span class="form-row">
		      <input id="password" type="password" class="text-input" name="password" value="" maxlength="8" onBlur="signuppassword(this.value)"/>
			  <span id="pass_error" class="reg_error">Enter your password</span>
			  <span class="reg_error"><?php echo form_error('password'); ?></span>
		    </span></td>
		    </tr>
		<!--  <tr>
		    <td height="35">Preferred work location*</td>
		    <td><span class="form-row">
		      <input  type="text" class="text-input" name="p_location" id="p_location" value="" onBlur="signupplocation(this.value)"/>
			   <span id="location_error" class="reg_error">Enter Work Location</span>
			     <span class="reg_error"><?php echo form_error('p_location'); ?></span>
		    </span></td>
		    </tr>
		  <tr>
		    <td height="31">Desired job title:</td>
		    <td><span class="form-row">
		      <input  type="text" class="text-input" name="job_title" id="job_title" value="" onBlur="signupjobtitle(this.value)"/>
			  <span id="job_title_error" class="reg_error">Enter Job title</span>
			  <span class="reg_error"><?php echo form_error('job_title'); ?></span>
		    </span></td>
		    </tr>
		  <tr>
		    <td height="24">Select Your Sectors*</td>
		    <td><select name="secters[]" data-placeholder="Choose Industry sectors..." class="chosen-select"  multiple="multiple"   id="secters" nblur="signupjsecters(this.value)">
              <option value=""></option>
              <?php
  $sel_industeries=mysql_query("select * from njobn_jobs_category");
  while($fethch_induteries=mysql_fetch_array($sel_industeries))
	{
	?>
              <option value="<?php echo $fethch_induteries['jobs_category_id'];?>"><?php echo $fethch_induteries['jobs_category_title'];?></option>
              <?php }?>
            </select></br>
			 <span id="secters_error" class="reg_error">Select sectors</span>
			</td>
		    </tr>
		  <tr>
		    <td height="32">I'm interested in (Please select at least one option)*</td>
		    <td><span class="form-row">
		      <select name="job_type" class="form-control" id="job_type" >
                <option value="1">Permanent</option>
                <option value="2">Contract</option>
                <option value="3">Temporary</option>
                <option value="4">Part Time</option>
              </select>
		    </span></td>
		    </tr>
			  <tr>
		    <td height="32">Select User Type*</td>
		    <td><span class="form-row">
		      <select name="job_type" class="form-control" id="job_type" >
                <option value="1">Employee</option>
                <option value="2">Candidate</option>
              </select>
		    </span></td>
		    </tr>-->
		  <tr>
		    <td height="26">&nbsp;</td>
		    <td><span class="button-row text-right">
		      <input class="btn-submit" type="submit" value="Login" name="submit" />
		    </span></td>
		    </tr>
		  <tr>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		    </tr>
		  </table>
	
		<!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/docsupport/style.css">-->
  <link rel="stylesheet" href="<?php echo base_url();?>assets/docsupport/prism.css">
  <link rel="stylesheet" href="<?php echo base_url();?>assets/docsupport/chosen.css">
				  
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>-->
  <script src="<?php echo base_url();?>assets/docsupport/chosen.jquery.js" type="text/javascript"></script>
  <script src="<?php echo base_url();?>assets/docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>
		  </form>
	  </div>
	  <div class="clear page-btm"></div>
	  </div>
	</div>
  </div>
  <!-- End Content -->

</div>

<?php $this->load->view('footer_front'); ?>