<!-- <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"/>-->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<style>
.btnRemoveAddress{ padding-top:1px;}

</style>
<!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h3>
            Clients 
            
          </h3>
          <!--<ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Dashboard</li>
          </ol>-->
        </section>

        <!-- Main content -->
        <section class="content"> 
			<div class="row">
				<!-- general form elements -->
				<div class="col-md-12">
				<div class="admin-tab-wrapper">
						<div class="admin_tab">							
							<ul>							  
			          		  <li><a href="<?php echo base_url('admin/client');?>">Back</a></li> 
							</ul>
						</div>
						</div>
					  <div class="box box-primary">
						<div class="box-header with-border">
						  <h3 class="box-title"></h3>
						  <?php if($this->session->flashdata('error_msg')){?>
							<div class="alert alert-warning alert-dismissible hite" style="height:60px;">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								<h4><i class="icon fa fa-warning"></i><?php echo $this->session->flashdata('error_msg'); ?></h4>
							</div>
						  <?php }?>
						  <?php if($this->session->flashdata('success_msg')){?>
							<div class="alert alert-success alert-dismissible hite" style="height:60px;">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								<h4><i class="icon fa fa-warning"></i><?php echo $this->session->flashdata('success_msg'); ?></h4>
							</div>
						  <?php }?>
						</div>
						<!-- /.box-header -->
						<!-- form start -->
						<form  id="categoryform" role="form" class="mtbresize" method="post" action="<?php echo base_url('admin/client/contenta');?>" enctype="multipart/form-data" autocomplete="off">
						  <div class="box-body">													
							<div class="form-group">
							  <label for="title">Name<sup class="superr">*</sup></label>
							  <input type="text" class="form-control" id="client_name" name="client_name"  value="<?php echo set_value('client_name');?>" placeholder="Name" required="required">
							  <?php echo form_error('client_name','<span class="error">', '</span>'); ?>
							</div>	
							
							 <div class="form-group">
								<label for="city">City<sup class="superr">*</sup></label>
                                <select class="form-control"   required="required" name="city_id">
                                 <option value="">Select</option>
                                  <?php foreach($city_list as $city){?>
									<option value="<?php echo $city['city_id']; ?>" title="<?php echo $city['name'];?>"><?php echo $city['name'];?></option>
                                   <?php } ?>
                                 </select>
                                 <?php echo form_error('city_id','<span class="error">', '</span>'); ?>	
							</div> 

							<!-- <div class="form-group" id="more_address">
							  <label for="title">Address</label>
							  <input type="text" class="form-control" id="client_address" name="client_address[]"  value="<?php echo set_value('client_address');?>" placeholder="Address" required="required">
							 
							 
							</div> -->
							<div id="more_address">
							<div class="form-group" >							  
							  <div class="row">
								<div class="col-sm-6">
								<label for="Address">Address</label>
							  <input type="text" class="form-control" id="client_address" name="client_address[]"  value="<?php echo set_value('client_address');?>" placeholder="Address" required="required">								
								</div><!--col-sm-2-->			
								
								
								
								<div class="col-sm-6">
								
								</div><!--col-sm-2-->										
							  </div><!--row-->							  							 
							</div>	
	<div class="form-group hide" >	
		<div class="row">
			<div class="col-sm-4">
			<button class="btn btn-danger"><i class="fa fa-close"></i></button>
			</div>
		</div>
	</div>
							
						</div><!--#more_address-->
							
							<div class="form-group">
								<button type="button" onclick="add_new_address()" class="btn btn-primary btn-md">Add More Address</button>							 
							</div>
							<div class="form-group">
							  <label for="title">Phone No</label>
							  <input type="text" class="form-control" id="client_phone_no" name="client_phone_no" pattern="[0-9]*"  value="<?php echo set_value('client_phone_no');?>" placeholder="Phone No">							 
							</div>
							
							<div class="form-group">
							  <label for="title">Land Line No</label>
							  <input type="text" class="form-control" id="land_line_no" name="land_line_no" pattern="[0-9]*"  value="<?php echo set_value('land_line_no');?>" placeholder="Land Line No">							 
							</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>
var i = 0;
function add_new_address()
{
	 //$("#more_address").append('<div class="address'+i+'"><input type="text" class="form-control" id="client_address" name="client_address[]"  value="<?php echo set_value('client_address');?>" placeholder="Address" required="required"><button type="button" onclick="remove_address('+i+')" class="btn btn-primary btn-md">Remove</button><div>');
	 $("#more_address").append('<div class="address'+i+'"><div class="form-group" ><div class="row"><div class="col-sm-6"><input type="text" class="form-control" id="client_address" name="client_address[]"  value="<?php echo set_value('client_address');?>" placeholder="Address" required="required"></div><div class="col-sm-6"><div class="btnRemoveAddress"><button type="button" class="btn btn-danger" onclick="remove_address('+i+')"><i class="fa fa-close"></i></button></div></div></div></div></div>');
	i++;
}
$(document).ready(function() {	  
	  
	  $( "#categoryform" ).validate( {
					rules: {
						client_name: {
							required:true							
						},
						city_id: {
							required:true
						}
					},
					messages: {
						client_name: {
							required:"Client Name field is required"
						},
						city_id:{
							required:"City 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" );
					}
				} );
  });
  
   

function remove_address(i)
{
	if(i)
	{
		$(".address"+i).remove();
	}
	
	if( i == undefined) 
	{
		$(".address").remove();
	}
	
	if(i == 0)
	{
		$(".address0").remove();
	}
}
</script>