File: //var/www/html/taxicamera/old/application/views/admin/customer/addcustomer.php
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid"><!-- Basic form layout section start -->
<section id="basic-form-layouts">
<!--<div class="row">
<div class="col-sm-12">
<h2 class="content-header">Driver Master</h2>
</div>
</div>-->
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Customer Master</h4>
<a class="title_btn t_btn_list" href="<?= base_url();?>admin/customer/"><span><i class="fa fa-list-ul" aria-hidden="true"></i></span> Customer List</a>
</div>
</div>
<div class="card-body">
<div class="px-3">
<?php
if(empty($singl_customer))
{
?>
<form class="form custom_form_style" method="Post" action="<?= base_url();?>admin/customer/submitcustomer">
<div class="form-body">
<!--<h4 class="form-section">
<i class="icon-user"></i> Personal Details</h4>-->
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Customer Type</label>
<div class="input-group">
<div class="custom-control custom-radio display-inline-block mr-2">
<input type="radio" id="comType1" value="I" name="customer_type" checked class="custom-control-input" >
<label class="custom-control-label" for="comType1">Individual</label>
</div>
<div class="custom-control custom-radio display-inline-block">
<input type="radio" id="comType2" value="B" name="customer_type" class="custom-control-input" >
<label class="custom-control-label" for="comType2">Business</label>
</div>
</div>
</div>
</div>
</div>
<div id="myRadioGroup">
<div id="Cars2" class="desc">
<div class="row">
<div class="col-md-4" id="business_name_div" style="display:none">
<div class="form-group">
<label>Business Name</label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" id="business_name" name="business_name" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>First name<sup>*</sup></label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" pattern="[A-Za-z]+" name="first_name" required="" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Middle name</label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" pattern="[A-Za-z]+" name="middle_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Last name<sup>*</sup></label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" pattern="[A-Za-z]+" name="last_name" required="">
</div>
</div>
<!-- <div class="col-md-4">
<div class="form-group">
<label>DOB<sup>*</sup></label>
<div class="input-group">
<input type="text" class="form-control pickadate" id="dob" name="dob" placeholder="" required="" />
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div> -->
<div class="col-md-4">
<div class="form-group">
<label>ABN<sup>*</sup></label>
<input type="number" min="1" class="form-control" onKeyPress="if(this.value.length==11) return false;" name="abn" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Landline No.</label>
<input type="text" id="landline_no" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="landline_no" class="form-control landlineNO">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile Number<sup>*</sup></label>
<input type="text" id="mobile" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="mobile" class="form-control mobileNO" required="">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email<sup>*</sup></label>
<input type="email" name="email" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" required="">
</div>
</div>
</div>
<h4 class="form-section">Address Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>UNIT NO. / FLAT NO.</label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" name="flat_no">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street No.<sup>*</sup></label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)"class="form-control" name="street_no" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street Name<sup>*</sup></label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" name="street_name" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Suburb<sup>*</sup></label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" name="suburb" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>State<sup>*</sup></label>
<input type="text" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" name="state" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Post Code<sup>*</sup></label>
<input type="text" pattern="[0-9]+" maxlength="4" class="form-control" name="pin" required="">
</div>
</div>
</div>
<div class="form-actions">
<a class="btn btn-danger mr-1" href="<?php echo base_url().'admin/customer'; ?>">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</a>
<button type="submit" class="btn btn-success">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
</button>
</div>
</div>
</div>
</div>
</form>
<?php
}
else
{
?>
<form class="form custom_form_style" method="Post" action="<?= base_url();?>admin/customer/update_submitcustomer">
<div class="form-body">
<!--<h4 class="form-section">
<i class="icon-user"></i> Personal Details</h4>-->
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>Customer Type</label>
<div class="input-group">
<div class="custom-control custom-radio display-inline-block mr-2">
<input type="radio" id="comType1" value="I" <?php if($singl_customer['customer_type'] == 'I') { echo "checked";}?> name="customer_type" class="custom-control-input" >
<label class="custom-control-label" for="comType1">Individual</label>
</div>
<div class="custom-control custom-radio display-inline-block">
<input type="radio" id="comType2" value="B" name="customer_type" <?php if($singl_customer['customer_type'] == 'B') { echo "checked";}?> class="custom-control-input" >
<label class="custom-control-label" for="comType2">Business</label>
</div>
</div>
</div>
</div>
</div>
<div id="myRadioGroup">
<!--2 Cars<input type="radio" name="cars" checked="checked" value="2" />
3 Cars<input type="radio" name="cars" value="3" />-->
<div id="Cars2" class="desc">
<div class="row">
<?php if($singl_customer['customer_type'] == 'B') { $style="display:block;";}else{$style="display:none;";}?>
<div class="col-md-4" id="business_name_div" style="<?=$style?>">
<div class="form-group">
<label>Business Name</label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" id="business_name" name="business_name" value="<?= $singl_customer['business_name'];?>" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>First name<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" pattern="[A-Za-z]+" value="<?= $singl_customer['first_name'];?>" name="first_name" required="" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Middle name</label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" pattern="[A-Za-z]+" value="<?= $singl_customer['middle_name'];?>" name="middle_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Last name<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" pattern="[A-Za-z]+" value="<?= $singl_customer['last_name'];?>" name="last_name" required="">
</div>
</div>
<!-- <div class="col-md-4">
<div class="form-group">
<label>DOB<sup>*</sup></label>
<div class="input-group">
<input type="text" class="form-control pickadate" name="dob" value="<?= $singl_customer['dob'];?>" placeholder="" required="" />
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div> -->
<div class="col-md-4">
<div class="form-group">
<label>ABN<sup>*</sup></label>
<input type="number" min="1" class="form-control" name="abn" onKeyPress="if(this.value.length==11) return false;" value="<?= $singl_customer['abn'];?>" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Landline No.</label>
<input type="text" name="landline_no" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control landlineNO" value="<?= $singl_customer['landline_no'];?>" >
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile Number<sup>*</sup></label>
<input type="text" name="mobile" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control mobileNO" value="<?= $singl_customer['mobile'];?>" required="">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email<sup>*</sup></label>
<input type="email" name="email" onkeyup="nospaces(this)" onkeypress="nospaces(this)" class="form-control" value="<?= $singl_customer['email'];?>" required="">
</div>
</div>
</div>
<h4 class="form-section">Address Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>UNIT NO. / FLAT NO.</label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="flat_no" value="<?= $singl_customer['flat_no'];?>">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street No.<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="street_no" value="<?= $singl_customer['street_no'];?>" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street Name<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="street_name" value="<?= $singl_customer['street_name'];?>" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Suburb<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="suburb" value="<?= $singl_customer['suburb'];?>" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>State<sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" name="state" value="<?= $singl_customer['state'];?>" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Post Code<sup>*</sup></label>
<input type="text" pattern="[0-9]+" maxlength="4" class="form-control" value="<?= $singl_customer['pin'];?>" name="pin" required="">
</div>
</div>
</div>
<input type="hidden" name="customer_id" value="<?= $singl_customer['customer_id'];?>">
<div class="form-actions">
<a class="btn btn-danger mr-1" href="<?php echo base_url().'admin/customer'; ?>">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</a>
<button type="submit" class="btn btn-success">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
</button>
</div>
</div>
</div>
</div>
</form>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
<script>
$(document).ready(function(){
var licence_exp_min_date = new Date();
licence_exp_min_date.setDate(licence_exp_min_date.getDate() + 1);
// var dob_max_date = new Date();
// dob_max_date.setFullYear(dob_max_date.getFullYear() - 18);
$('#dr_licence_expiry').pickadate({
format: 'dd/mm/yyyy',
min: licence_exp_min_date,
selectYears: true,
selectMonths: true
});
$('#dr_dc_expiry').pickadate({
format: 'dd/mm/yyyy',
min: licence_exp_min_date,
selectYears: true,
selectMonths: true
});
// $('#dob').pickadate({
// format: 'dd/mm/yyyy',
// max: dob_max_date,
// selectYears: true,
// selectMonths: true
// });
});
function validateNumber(number) {
var filter = /\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})/;
if (filter.test(number)) {
return true;
} else {
return false;
}
}
function validatelandlineNumber(number) {
var filter = /\(?([0-9]{1})\)?([ .-]?)([0-9]{4})\2([0-9]{4})/;
if (filter.test(number)) {
return true;
} else {
return false;
}
}
$(document).on('keyup','.landlineNO',function(){
var landline_no = $(this).val();
if(!validatelandlineNumber(landline_no)) {
$(this).next('span').html('Please enter valid landline no.');
$(this).next('span').css({'color':'red','font-size':'12px'});
}
else{
$(this).next('span').html('');
}
});
$(document).on('keyup','.mobileNO',function(){
var mobile_no = $(this).val();
if(!validateNumber(mobile_no)){
$(this).next('span').html('Please enter a valid mobile no.');
$(this).next('span').css({'color':'red','font-size':'12px'});
}
else{
$(this).next('span').html('');
}
});
$(document).on('change','.custom-control-input',function(){
var customer_type = $(this).val();
if(customer_type == 'B'){
$("#business_name_div").show();
}
else{
$("#business_name_div").hide();
// $("#business_name").val('');
}
});
function nospaces(t){
if(t.value.match(/\s/g) && t.value.length == 1){
alert('Sorry, you are not allowed to enter any spaces in the starting.');
t.value=t.value.replace(/\s/g,'');
}
}
</script>