

        <div id="page-wrapper">

            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h3 class="page-header">
                            Add Users
                        </h3>
                        
                    </div>
                </div>
                <!-- /.row -->

                <div class="row">
                    <div class="col-lg-6" >

                         <?php $attributes = array('id' => 'addnewuser','method'=>'post');
                        echo form_open('user/add_users', $attributes);
                        ?>
                        <div id="status_div">
                        
                        <?php if($this->session->flashdata('err')) { ?>
                        <div class="alert-info">  <?php echo $this->session->flashdata('err');?></div>
                        <?php } ?>
                        </div>

                            <div class="form-group">
							
                                <label>Name</label><br>
								<select class="form-control" name="person_catgry" style="width:23%;display: inline-block;">
					              <option value="">-Salutation-</option>
								  <option value="Mr.">Mr.</option>
								  <option value="Mrs.">Mrs.</option>
								  <option value="Ms.">Ms.</option>
								</select>
								
                                <input class="form-control" type="text" name="contact_name"  style="width:76%;display: inline-block;" value="<?php  if(isset($contact_name)){ echo $contact_name;} ?>"  id="contact_name" required="">
                                <label class="error">
                                  <?php if(form_error('contact_name')) { echo form_error('contact_name'); } ?>
                                </label>
                            </div>

                            <div class="form-group">
                                <label>Email</label>
                                <input class="form-control" type="text" name="email" value="<?php  if(isset($email)){ echo $email;} ?>"  id="email" required="">
                                <label class="error">
                                  <?php if(form_error('email')) { echo form_error('email'); } ?>
                                </label>
                            </div>
							<div class="form-group">
                                <label>Mobile Number</label>
                                <input class="form-control" type="text" name="mobile_number" value="<?php  if(isset($mobile_number)){ echo $mobile_number;} ?>"  id="mobile_number" required="">
                                <label class="error">
                                  <?php if(form_error('mobile_number')) { echo form_error('mobile_number'); } ?>
                                </label>
                            </div>
							<div class="form-group">
                                <label>Other Number</label>
                                <input class="form-control" type="text" name="other_phone" value="<?php  if(isset($other_phone)){ echo $other_phone;} ?>"  id="other_phone">
                                <label class="error">
                                  <?php if(form_error('other_phone')) { echo form_error('other_phone'); } ?>
                                </label>
                            </div>

                            <!--<div class="form-group">
                                <label>Date</label>
                                <input class="form-control" type="text" name="datepicker" value="<?php  if(isset($datepicker)){ echo $datepicker;} ?>" id="datepicker"> 
                                <label class="error">
                                  <?php if(form_error('datepicker')) { echo form_error('datepicker'); } ?>
                                </label>
                            </div>-->
							 <div class="form-group">
							
                                <label>Age</label><br>
								<select class="form-control" name="age_group">
								  <option value="">-Select Age-</option>
					              <option value="18-21">18-21</option>
								  <option value="22-25">22-25</option>
								  <option value="26-35">26-35</option>
								  <option value="36-45">36-45</option>
								  <option value="46-55">46-55</option>
								  <option value="56 and above">56 and above</option>
								</select>
                             </div>
                           

                            <button type="submit"  class="btn btn-primary">SUBMIT</button>
                           

                        </form>

                    </div>
                    
                </div>
                <!-- /.row -->

            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- /#page-wrapper -->

     </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
<link rel="stylesheet" href="<?php echo base_url();?>css/datepicker.css">
<script src="<?php echo base_url()?>js/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?php echo base_url()?>js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.validate.js"></script>
<script language='JavaScript' type='text/JavaScript'>

$( function() {
    $( "#datepicker" ).datepicker();
  } );


    $(document).ready(function() { 
    $("#addnewuser").validate({ 
    rules : {
   // name : 'required',
   // subscription_year : 'required', 
    email : {
    email : true  },
    mobile_number : { //required : true,
    number : true,
    minlength: 10
    },
    pincode : { //required : true,
    number : true,
    minlength: 6
    },
   // address:'required',
    //datepicker:'required',
    //datepicker1:'required'
    
    
    }, 
    messages : {
   // name :'Please specify your Name',
   // subscription_year :'Please specify your Name',
    email : { 
    email : ' Enter valid Email Address'},                   
    mobile_number : {//required :'Please specify your Phone Number',
    number : 'Enter valid Phone Number',
    min :'Enter valid Phone Number' },
    pincode : {//required :'Please specify your Phone Number',
    number : 'Enter valid Pin Number',
    min :'Enter valid Pin Number' },
    //address :'Please specify your Address',
    //datepicker :'Please specify your date',
    //datepicker1 :'Please specify your date'

    }
    });
    });


</script>
<style type="text/css">
.error
{
  color:rgb(238, 57, 57) !important ;
}
</style>
</body>

</html>