218 lines
10 KiB
PHP
218 lines
10 KiB
PHP
<!-- Client form content modal-->
|
||
<div class="modal fade" id="upload_enrollment_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static">
|
||
<div class="modal-dialog modal-dialog-centered">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title" id="myCenterModalLabel">Add New Client</h4>
|
||
<button type="button" id="close_btn" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
</div>
|
||
<div class="modal-body" style="overflow-y: auto;height: 90vh;">
|
||
<form class="parsley-examples" method="post" id="client_form" enctype="multipart/form-data">
|
||
<div class="form-group">
|
||
|
||
<div class="form-row">
|
||
<div class="form-group col-md-12">
|
||
<label for="client_name">Client Name<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="client_name" name="client_name" required>
|
||
</div>
|
||
<div class="form-group col-md-12">
|
||
<label for="short_name">Client Short name<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="short_name" name="short_name" required>
|
||
</div>
|
||
|
||
<div class="form-group col-md-12">
|
||
<label for="cost_center">PAN</label>
|
||
<input type="text" class="form-control" id="pan" placeholder="Enter PAN No" name="pan" onchange="validateInput(this, 'clients', 'pan')">
|
||
</div>
|
||
</div>
|
||
|
||
<hr>
|
||
|
||
<!-- Client Type -->
|
||
<div class="form-row clienttypediv" style="display: none;">
|
||
|
||
<div class="form-group col-md-6">
|
||
<label for="dob">Date of Birth<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="dob" placeholder="DD/MM/YYYY" name="dob" >
|
||
</div>
|
||
|
||
<div class="form-group col-md-6">
|
||
<label for="cost_center">Mobile<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="phone" placeholder="Enter Mobile Number" maxlength="10" name="phone"
|
||
onkeypress="return onlyNumbers(event)" onchange="validateInput(this, 'clients', 'phone')">
|
||
</div>
|
||
|
||
<div class="form-group col-md-12">
|
||
<label for="email2">Email<span class="text-danger">*</span></label>
|
||
<input type="email" class="form-control" id="email2" placeholder="Enter Email" name="email2">
|
||
</div>
|
||
<div class="form-group col-md-12">
|
||
<label for="aadhar">Aadhar</label>
|
||
<input type="text" class="form-control" id="aadhar" placeholder="Enter Aadher No" name="aadhar" maxlength="12" onchange="validateInput(this, 'clients', 'aadhar')">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- branch -->
|
||
<div class="form-row branchdiv">
|
||
|
||
<div class="form-group col-md-12">
|
||
<label for="short_name">Entity Type<span class="text-danger">*</span></label>
|
||
<select class="form-control" id="entity_type_id_for_client" name="entity_type_id">
|
||
<option value="" selected>Select Entity</option>
|
||
<?php
|
||
if (isset($entity) && count($entity)) {
|
||
foreach ($entity as $key => $value) {
|
||
echo "<option value=" . $value['id'] . ">" . $value['name'] . "</option>";
|
||
}
|
||
}
|
||
?>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-group col-md-6">
|
||
<label for="client_name">Branch Name<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="branch_name" name="branch_name">
|
||
</div>
|
||
|
||
<div class="form-group col-md-6">
|
||
<label for="branch_code">Branch Code<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="branch_code" name="branch_code">
|
||
</div>
|
||
|
||
<div class="form-group col-md-6">
|
||
<label for="branch_code">Name<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="name" name="name">
|
||
</div>
|
||
|
||
<div class="form-group col-md-6">
|
||
<label for="branch_code">Mobile<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="mobile" maxlength="10" name="mobile" onkeypress="return onlyNumbers(event)">
|
||
</div>
|
||
<div class="form-group col-md-12">
|
||
<label for="email">Email<span class="text-danger">*</span></label>
|
||
<input type="email" class="form-control" id="email" placeholder="Enter Email" name="email" required>
|
||
</div>
|
||
|
||
<div class="form-group col-md-12">
|
||
<label for="gst">GST<span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="gst" placeholder="Enter GST Number" onchange="validateInput(this, 'client_branch', 'gst')"
|
||
data-parsley-error-message="Invalid GST Number. Example: 12ABCDE1234F5Z6" name="gst" data-parsley-trigger="change" data-parsley-pattern="^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$" required>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="form-group text-right m-b-0" id="hide_smbt_btn">
|
||
<button type="submit" class="btn btn-primary waves-effect waves-light mr-1">Submit</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal-dialog -->
|
||
</div>
|
||
|
||
<script>
|
||
$("#client_form").submit(function(event) {
|
||
// alert("Function Called from Modal")
|
||
let form_type = $(this).data('id') || 0;
|
||
|
||
console.log('onsubmit event', this)
|
||
console.log('onsubmit event get data value',form_type)
|
||
console.log('client_type', $('#client_type').val());
|
||
|
||
event.preventDefault();
|
||
|
||
|
||
$('#aadhar').attr('data-parsley-required', 'false');
|
||
$('#aadhar').removeAttr('required');
|
||
|
||
|
||
isClientFormSubmitting = true;
|
||
var isValid = $('#client_form').parsley().validate();
|
||
if (!isValid) {
|
||
console.log('Form is Empty', 'Warning');
|
||
return ;
|
||
}
|
||
|
||
form_action = '<?= base_url("util/createClientWithMinimalData"); ?>';
|
||
|
||
$('.loader').fadeIn();
|
||
$('.loader-mask').fadeIn();
|
||
|
||
var client_type = $('#client_type').val() || $('#Owner_type').val() || 1;
|
||
console.log('client_type:', client_type);
|
||
|
||
//FORM Data
|
||
var formData = new FormData($('#client_form')[0]);
|
||
formData.append('client_type', client_type);
|
||
console.log("formData : ",formData);
|
||
// return
|
||
$.ajax({
|
||
data:formData,
|
||
url: form_action,
|
||
type: "POST",
|
||
dataType: 'json',
|
||
processData: false,
|
||
contentType: false,
|
||
success: function(res) {
|
||
|
||
$('.loader').fadeOut();
|
||
$('.loader-mask').delay(350).fadeOut('slow');
|
||
|
||
console.log('create_Client_With_Minimal_Data', res)
|
||
|
||
if(res.status == true){
|
||
getClientAndBranchAndPolicy(res.client_id, res.branch_id);
|
||
|
||
if(form_type != 1){
|
||
|
||
setTimeout(function(){
|
||
$('#client_id').val(res.client_id).change();
|
||
setTimeout(function(){
|
||
$('#client_branch_id').val(res.branch_id).change();
|
||
// try {
|
||
// setTimeout(function () {(res.branch_id)},1000);
|
||
// }catch (e) {
|
||
// console.error('Error calling getBranchData:', e); // optional logging
|
||
// }
|
||
}, 1000)
|
||
}, 2000)
|
||
|
||
}else{
|
||
|
||
toastr.error("Couldn't Add Client","Error");
|
||
}
|
||
|
||
toastr.success(res.message, 'Success');
|
||
|
||
}else{
|
||
toastr.error(res.message, 'Error');
|
||
}
|
||
|
||
$('#client_form')[0].reset();
|
||
$('.close').click();
|
||
|
||
if(form_type == 1){
|
||
|
||
var myModal = new bootstrap.Modal(document.getElementById('vehicle_modal'));
|
||
myModal.show();
|
||
|
||
$('#client_form').removeAttr('data-id');
|
||
|
||
// Load form data into #vehicle_form from localStorage
|
||
setFormDataFromLocalStorage("#vehicle_form", "vehicleFormData");
|
||
}
|
||
|
||
isClientFormSubmitting = false;
|
||
},
|
||
error: function (xhr, status, error) {
|
||
console.error(xhr.responseText);
|
||
console.error(status, error);
|
||
$('.loader').fadeOut();
|
||
$('.loader-mask').delay(350).fadeOut('slow');
|
||
}
|
||
});
|
||
});
|
||
|
||
</script>
|