<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
 <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
 <script src="<?php echo base_url()?>/public/validation/js/jquery.validate.js"></script>
<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h3>
            Add Car 
            
          </h3>         
        </section>

        <!-- Main content -->
        <section class="content"> 
			<div class="row">
				<!-- general form elements -->
				<div class="col-md-12">
					  <div class="box box-primary">
						<div class="box-header with-border">
						<div class="admin-tab-wrapper">
							<div class="admin_tab">
								<!--<button class="btn btn-primary dropdown-toggle btn-algnmt" type="button" data-toggle="dropdown">Action
								<span class="caret"></span></button>-->
								<ul>
									<li><a href="<?=base_url()?>admin/car">Back</a></li>
								</ul>
							</div>
						</div>
						  <h3 class="box-title"></h3>
						   <?php if($this->session->flashdata('error_msg')){?>
								<span style="color:red; font-weight:bold"><?php echo $this->session->flashdata('error_msg');?></span>
							<?php }?>
							<?php if($this->session->flashdata('success_msg')){?>
								<span style="color:green; font-weight:bold"><?php  echo $this->session->flashdata('success_msg'); ?></span>
							<?php }?>
						</div>
						<!-- /.box-header -->
						<!-- form start -->
						<form id="signupForm" role="form" class="mtbresize" method="post" action="<?php echo base_url('admin/car/contenta');?>" enctype="multipart/form-data" autocomplete="off">
						  <div class="box-body">							
							<div class="form-group">
							  <label for="registration_no">Registration No<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="registration_no" name="registration_no" value="<?php echo set_value('registration_no');?>" placeholder="Registration No" required="required">
							  <?php echo form_error('registration_no','<span class="error">', '</span>'); ?>
							</div>							
							<div class="form-group">
							  <label for="company_name">Company Name<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="company_name" name="company_name" value="<?php echo set_value('company_name');?>" placeholder="Company Name" required="required">
							  <?php echo form_error('company_name','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="make">Make<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="make" name="make" value="<?php echo set_value('make');?>" placeholder="Make" required="required">
							  <?php echo form_error('make','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="model_no">Model<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="model_no" name="model_no" value="<?php echo set_value('model_no');?>" placeholder="Model No" required="required">
							  <?php echo form_error('model_no','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="body">Body<sup class="superr">*</sup></label>
							  <select class="form-control" id="body" name="body">
								<option value="">Select</option>
								<option value="sedan">Sedan</option>
								<option value="wagon">Wagon</option>
								<option value="bus">Bus</option>	
							  </select>
							</div>
							<div class="form-group">
							  <label for="compliance_date">Compliance Date<sup class="superr">*</sup></label>
								<div class='input-group date'>
									<input type='text' class="form-control" placeholder="Compliance Date" id="compliance_date" name="compliance_date" value="<?php echo set_value('compliance_date');?>"/>
									<span class="input-group-addon">
										<span class="glyphicon glyphicon-calendar"></span>
									</span>
								</div>
								<?php echo form_error('compliance_date','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="vin">VIN<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="vin" name="vin" value="<?php echo set_value('vin');?>" placeholder="VIN" required="required">
							  <?php echo form_error('vin','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="engine">Engine<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="engine" name="engine" value="<?php echo set_value('engine');?>" placeholder="Engine" required="required">
							  <?php echo form_error('engine','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="colour">Colour<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="colour" name="colour" value="<?php echo set_value('colour');?>" placeholder="Colour" required="required">
							  <?php echo form_error('colour','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="fuel">Fuel<sup class="superr">*</sup></label>
							  <select class="form-control" id="fuel" name="fuel">
								<option value="">Select</option>
								<option value="GAS">GAS</option>
								<option value="PETROL">PETROL</option>
								<option value="PETROL+GAS">PETROL+GAS</option>	
								<option value="PETROL+GAS+HYBRID">PETROL+GAS+HYBRID</option>
								<option value="PETROL+HYBRID">PETROL+HYBRID</option>
								<option value="DIESEL">DIESEL</option>
							  </select>
							</div>
							<div class="form-group">
							  <label for="network">Network<sup class="superr">*</sup></label>
							  <select class="form-control" id="network" name="network">
								<option value="">Select</option>
								<option value="13 CABS">13 CABS</option>
								<option value="SILVERTOP">SILVERTOP</option>
								<option value="PUNJAB CABS">PUNJAB CABS</option>
								<option value="OTHERS">OTHERS</option>
							  </select>
							</div>
							<div class="form-group" style="height:30px;important!">
								<label for="silver_service">Silver Service<sup class="superr">*</sup></label>
								  <label><input type="radio" name="silver_service" value="1" checked>Yes</label>								
								  <label><input type="radio" name="silver_service" value="0">No</label>							
							</div>
							<div class="form-group"> 
							  <label for="camera">Camera<sup class="superr">*</sup></label>
							  <select class="form-control" id="camera" name="camera">
								<option value="">Select</option>
								<option value="Depo">Depo</option>
								<option value="13 CABS">13 CABS</option>	
								<option value="SILVER TOP">SILVER TOP</option>								
							  </select>
							</div>
							<div class="form-group">
							  <label for="registration_expiry_date">Registration Expiry Date<sup class="superr">*</sup></label>
								<div class='input-group date'>
									<input type='text' class="form-control" placeholder="Registration Expiry Date" id="registration_expiry_date" name="registration_expiry_date" value="<?php echo set_value('registration_expiry_date');?>"/>
									<span class="input-group-addon">
										<span class="glyphicon glyphicon-calendar"></span>
									</span>
								</div>
								<?php echo form_error('expiry_date','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="registration_due_month">RWC Due Month<sup class="superr">*</sup></label>
								<div class='input-group date'>
									<input type='text' class="form-control" placeholder="Roadworthy" id="registration_due_month" name="registration_due_month" value="<?php echo set_value('registration_due_month');?>"/>
									<span class="input-group-addon">
										<span class="glyphicon glyphicon-calendar"></span>
									</span>
								</div>
								<?php echo form_error('registration_date','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group">
							  <label for="plate_type">Plate Type<sup class="superr">*</sup></label>
							  <select class="form-control" id="plate_type" name="plate_type">
								<option value="">Select</option>
								<option value="Taxi">Taxi</option>
								<option value="Private">Private</option>								
							  </select>
							</div>
							<div class="form-group">
							  <label for="status">Status<sup class="superr">*</sup></label>
							  <select class="form-control" id="status" name="status">
								<option value="">Select</option>
								<option value="Current">Current</option>
								<option value="Cancelled">Cancelled</option>								
							  </select>
							</div>
							<div class="form-group">
							  <label for="terminal_no">Terminal No<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="terminal_no" name="terminal_no" value="<?php echo set_value('terminal_no');?>" placeholder="Terminal No" required="required">
							  <?php echo form_error('terminal_no','<span class="error">', '</span>'); ?>
							</div>
							<div class="form-group" style="height: 145px;">
							  <label for="remarks">Remarks:</label>
							  <textarea class="form-control" rows="5" id="remarks" name="remarks"><?php echo set_value('remarks');?></textarea>
							</div>
							<div class="form-group">
							  <label for="owner_type">Owner Type</label>
							  <select class="form-control" id="owner_type" name="owner_type">
								<option value="">Select</option>
								<option value="driver">Driver</option>
								<option value="owner">Owner</option>								
							  </select>
							</div>							
							<div id="contact_div">
								<div class="form-group">
								  <label for="driver_dc">Driver Dc</label>
								  <input type="text" class="form-control" id="driver_dc" name="driver_dc" value="<?php echo set_value('driver_dc');?>" placeholder="Driver Dc">								  
								</div>
								<div class="form-group">
								  <label for="name">Name</label>
								  <input type="text" class="form-control" id="name" name="name" value="<?php echo set_value('name');?>" placeholder="Name">								  
								</div>
								<div class="form-group">
								  <label for="email">Email<sup class="superr">*</sup></label>
								  <input type="email" class="form-control" id="email" name="email" value="<?php echo set_value('email');?>" placeholder="Email" required="required">
								  <?php echo form_error('email','<span class="error">', '</span>'); ?>
								</div>
								<div class="form-group">
								  <label for="unit_no">Unit No</label>
								  <input type="text" class="form-control" id="unit_no" name="unit_no" value="<?php echo set_value('unit_no');?>" placeholder="Unit No">								  
								</div>
								<div class="form-group">
								  <label for="street_no">Street No</label>
								  <input type="text" class="form-control" id="street_no" name="street_no" value="<?php echo set_value('street_no');?>" placeholder="Street No">								  
								</div>
								<div class="form-group">
								  <label for="street">Street</label>
								  <input type="text" class="form-control" id="street" name="street" value="<?php echo set_value('street');?>" placeholder="Street">								  
								</div>
								<div class="form-group">
								  <label for="suburb">Suburb</label>
								  <input type="text" class="form-control" id="suburb" name="suburb" value="<?php echo set_value('suburb');?>" placeholder="Suburb">								  
								</div>
								<div class="form-group">
								  <label for="post_code">Post Code</label>
								  <input type="text" class="form-control" id="post_code" name="post_code" value="<?php echo set_value('post_code');?>" placeholder="Post Code">								  
								</div>
								<div class="form-group">
								  <label for="contact_no">Mobile No</label>
								  <input type="text" class="form-control" id="contact_no" name="contact_no" value="<?php echo set_value('contact_no');?>" placeholder="Contact No">								  
								</div>
								<div class="form-group">
									<label for="dob">Date Of Birth<sup class="superr">*</sup></label>
									<div class='input-group date'>
										<input type='text' class="form-control" placeholder="Date Of Birth" id="dob" name="dob" value="<?php echo set_value('dob');?>"/>
										<span class="input-group-addon">
											<span class="glyphicon glyphicon-calendar"></span>
										</span>
									</div>
									<?php echo form_error('dob','<span class="error">', '</span>'); ?>
								</div>
							</div>
						  </div>
						  <!-- /.box-body -->
						  <div class="box-footer">							
							<button type="submit" class="btn btn-sm btn-primary">Submit</button>
						  </div>
						</form>
					  </div>
				</div>
          <!-- /.box -->
          </div><!-- /.row -->	
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-show-password/1.0.3/bootstrap-show-password.min.js"></script>
<script>
$( document ).ready(function() {
     $('#contact_div').hide();
});
$( "#signupForm" ).validate( {
					rules: {
						registration_no:"required",	
						company_name:"required",
						make:"required",
						model_no: "required",
						body:"required",
						compliance_date:"required",
						vin:"required",
						engine:"required",
						colour:"required",
						fuel:"required",
						network:"required",
						silver_service:"required",
						camera:"required",
						registration_expiry_date:"required",
						registration_due_month:"required",
						plate_type:"required",
						status:"required",
						terminal_no:"required",
						owner_type:"required",
						dob:"required"
						
					},
					messages: {	
						registration_no: {required:"Registration No field is required"},
						company_name:{required:"Company Name field is required"},	
						make:{required:"Make field is required"},
						model_no: {required:"Model No field is required"},
						body:{required:"Body field is required"},
						compliance_date:{required:"Compliance Date is required"},
						vin:{required:"Vin No field is required"},
						engine:{required:"Engine field is required"},
						colour:{required:"Colour No field is required"},
						fuel:{required:"fuel field is required"},
						network:{required:"Network field is required"},
						silver_service:{required:"Network field is required"},
						camera:{required:"Camera field is required"},
						registration_expiry_date:{required:"Registration Expiry Date field is requierd"},
						registration_due_month:{required:"Roadworthy Due Month field is requierd"},
						plate_type:{required:"Plate Type field is requierd"},
						status:{required:"Status field is requierd"},
						terminal_no:{required:"Terminal No field is requierd"},
						owner_type:{required:"Owner type field is requierd"},
						dob:{required:"Date of Birth field is required"}   
						
					},
					errorElement: "em",
					
					highlight: function ( element, errorClass, validClass ) {
						$( element ).parents( ".form-control" ).addClass( "has-error" ).removeClass( "has-success" );
					},
					unhighlight: function (element, errorClass, validClass) {
						$( element ).parents( ".form-control" ).addClass( "has-success" ).removeClass( "has-error" );
					}
				} );
				
$('#owner_type').on('change', function() {
	var owner_type =  this.value;
	if(owner_type == 'driver' || owner_type == 'owner'){
		$('#contact_div').show();
	}else{
		$('#contact_div').hide();
	}
});		

$('#compliance_date').datepicker({
	format: 'dd/mm/yyyy'
});	

$('#registration_expiry_date').datepicker({
	format: 'dd/mm/yyyy'
});	
$('#registration_due_month').datepicker({
	format: 'dd/mm/yyyy'
});	
$('#dob').datepicker({
	format: 'dd/mm/yyyy'
});
	
</script>
<style type="text/css">
	.error{
		float: left;
    	height: 0px;
	}
	.form-group{
		height: 65px;
	}
</style>