196 lines
8.4 KiB
PHP
196 lines
8.4 KiB
PHP
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title">Create Client</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<!-- <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Pages</a></li>
|
|
<li class="breadcrumb-item active">Starter</li> -->
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
|
|
|
|
<form method="post"
|
|
<?php if(isset($clientData)){ ?> action="<?= base_url()."client_edit"; ?>"
|
|
<?php } else { ?> action="<?= base_url()."client_create"; ?>" <?php } ?>
|
|
class="parsley-examples">
|
|
|
|
|
|
<?php if(isset($clientData)){ ?>
|
|
<input type="hidden" required name="id" value="<?= $clientData->client_id; ?>" id='id' >
|
|
<?php } ?>
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
|
|
<div class="form-group col-md-3">
|
|
<label for="staffName">Name<span class="text-danger">*</span></label>
|
|
<input type="text" name="name" value="<?php if(isset($clientData)){ echo $clientData->name; } ?>" parsley-trigger="change" required placeholder="Enter Name" class="form-control" id="name">
|
|
</div>
|
|
|
|
<div class="form-group col-md-3">
|
|
<label for="pan_no">PAN<span class="text-danger">*</span></label>
|
|
<input type="text" name="pan_no" value="<?php if(isset($clientData)){ echo $clientData->pan_no; } ?>" parsley-trigger="change" required placeholder="Enter PAN" class="form-control" id="pan_no"
|
|
onchange="validatePanNumber()">
|
|
<span id="error-message" style="color:red;display:none;">Invalid PAN Number.</span>
|
|
</div>
|
|
|
|
|
|
<div class="form-group col-md-3">
|
|
<label for="mobile">Mobile<span class="text-danger">*</span></label>
|
|
<input type="text" name="mobile_no" value="<?php if(isset($clientData)){ echo $clientData->mobile_no; } ?>" parsley-trigger="change" required placeholder="Enter Mobile" class="form-control" id="mobile_no"
|
|
onkeypress="return isNumberKey(event)" onchange="validateMobileNumber()">
|
|
<span id="error-message2" style="color:red;display:none;">Invalid Mobile Number.</span>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group col-md-3">
|
|
<label for="email">Email<span class="text-danger">*</span></label>
|
|
<input type="email" name="email" value="<?php if(isset($clientData)){ echo $clientData->email; } ?>" parsley-trigger="change" required placeholder="Enter Email" class="form-control" id="email">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="form-group col-md-8">
|
|
<label for="address">Address</label>
|
|
<input type="text" name="address" value="<?php if(isset($clientData)){ echo $clientData->address; } ?>" parsley-trigger="change" placeholder="Enter Address" class="form-control" id="address">
|
|
</div>
|
|
|
|
<div class="form-group col-md-4">
|
|
<label for="city">City</label>
|
|
<input type="text" value="<?php if(isset($clientData)){ echo $clientData->city; } ?>" placeholder="Enter City" name="city" class="form-control" id="city">
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group col-md-4">
|
|
<label for="state">State </label>
|
|
<input type="text" name="state" value="<?php if(isset($clientData)){ echo $clientData->state; }else{ echo 'Tamil Nadu';} ?>" placeholder="Enter State" class="form-control" id="state">
|
|
</div>
|
|
|
|
<div class="form-group col-md-4">
|
|
<label for="country">Country</label>
|
|
<input type="text" name="country" value="<?php if(isset($clientData)){ echo $clientData->country; }else{ echo 'India';} ?>" placeholder="Enter country" class="form-control" id="country">
|
|
</div>
|
|
|
|
<div class="form-group col-md-4">
|
|
<label for="pin_code">PIN </label>
|
|
<input type="text" name="pin_code" value="<?php if(isset($clientData)){ echo $clientData->pin_code; } ?>" placeholder="Enter PIN" class="form-control" id="pin_code">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group text-right m-b-0">
|
|
<button class="btn btn-primary waves-effect waves-light mr-1" type="submit">
|
|
Submit
|
|
</button>
|
|
<button type="reset" onclick="window.history.back()" class="btn btn-secondary waves-effect">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
|
|
</div>
|
|
|
|
|
|
</div> <!-- container -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
<script>
|
|
function convertToUpperCase() {
|
|
var inputField = document.getElementById("pan_no");
|
|
inputField.value = inputField.value.toUpperCase();
|
|
}
|
|
|
|
// Attach the function to the input field using an event listener
|
|
document.getElementById("pan_no").addEventListener("input", convertToUpperCase);
|
|
|
|
function validatePanNumber() {
|
|
var panNumber = document.getElementById("pan_no").value;
|
|
var errorMessage = document.getElementById("error-message");
|
|
|
|
// Example regex: Adjust according to the format you need to validate
|
|
var regex = /^[A-Za-z]{5}\d{4}[A-Za-z]$/;
|
|
|
|
if (regex.test(panNumber)) {
|
|
errorMessage.style.display = "none";
|
|
|
|
} else {
|
|
errorMessage.style.display = "inline";
|
|
|
|
}
|
|
}
|
|
|
|
// Function to allow only numbers in input field
|
|
function isNumberKey(evt) {
|
|
var charCode = (evt.which) ? evt.which : event.keyCode;
|
|
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
// Function to validate mobile number format
|
|
function validateMobileNumber() {
|
|
alert();
|
|
var mobileNumber = document.getElementById("mobile_no").value;
|
|
alert(mobileNumber);
|
|
var errorMessage = document.getElementById("error-message2");
|
|
// Regular expression to match a 10-digit Indian mobile number
|
|
var mobileRegex = /^[6-9]\d{9}$/;
|
|
|
|
if (mobileRegex.test(mobileNumber)) {
|
|
errorMessage.style.display = "none";
|
|
|
|
} else {
|
|
errorMessage.style.display = "inline";
|
|
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|