nhance/app/Views/policy_grid.php

1612 lines
82 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- Modal content for the Large example -->
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" aria-modal="true" data-backdrop="static">
<div class="modal-dialog modal-full-width">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myLargeModalLabel">Policy Premium <span id="nameOfThePolicy"></span></h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<form role="form" class="parsley-examples" method="post" id="GridForm" enctype="multipart/form-data">
<input type="hidden" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>"/>
<input type="hidden" name="client_id" id="Client_id" value="<?= isset($client['id']) ? $client['id'] : '' ?>"/>
<input type="hidden" name="client_policy_id" id="client_policy_id" />
<input type="hidden" id="grid_emp_count"/>
<div class="form-group">
<div class="form-row">
<div class="form-group col-md-6">
<label for="emp_code">Policy Premium Type<span class="text-danger">*</span></label>
<select class="form-control" id="grid" name="policy_grid_id" onchange="addGridHTML(event)" required>
</select>
</div>
</div>
<hr>
<div class="form-row" id="grid_content_input">
</div>
</div>
<div class="form-group text-right m-b-0">
<button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnGridSubmit">Submit</button>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
var policy_grid_id = $('#client_id').val();
var grid_html = '';
// $('#gmc_remove').hide();
$('#btnGridSubmit').hide();
$('.close').click(function(){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
});
function addGridHTML(event = false, data = false, ui_type = false, si_or_bp=false){
$('#grid_content_input').empty();
// console.log ($('#Client_id').val());
var grid_container = document.getElementById('grid_content_input');
var dataIdValue = ''
if(event === false){
var dataIdValue = ui_type
}else{
var selectElement = event.target;
var selectedOption = selectElement.options[selectElement.selectedIndex];
dataIdValue = selectedOption.getAttribute('data-id');
// console.log('dataIdValue', dataIdValue)
}
if(dataIdValue == '1'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_1">
<input value="1" type="hidden" name="policy_type">
<div class="form-group col-md-3">
<label for="mobile">Select <span class="text-danger">*</span></label>
<select class="form-control" id="si_or_bp" name="si_or_bp" required>
<option value="2">Basic Pay</option>
<option value="1">Sum Insured</option>
</select>
</div>
<div class="form-group" id="si_or_bp_1"></div>
<div class="form-row" id="si_or_bp_1_1"></div>
<div class="form-row" style="margin-left: 2px;" id="si_or_bp_2"></div>
</div>`;
} else if(dataIdValue == '2'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_2" style="width:84%">
<input value="1" type="hidden" name="policy_type">
<div class="form-group col-md-6">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="gpa_si" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_si_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-6">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="basic_gpa_premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_premium_number_word' class="text-danger-2" ></div>
</div>
</div>`;
} else if(dataIdValue == '3'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_3" style="width:84%">
<div class="form-group col-md-5">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_si_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-5">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="basic_gpa_premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0, 3)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(3)">+</button>
</div>
</div>`;
} else if(dataIdValue == '4'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_4" style="width:84%">
<div class="form-group col-md-4">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,4)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(4)">+</button>
</div>
</div>
</div>`;
} else if(dataIdValue == '5'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_5" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-2">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,5)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(5)">+</button>
</div>
</div>`;
} else if(dataIdValue == '6'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_6" style="width:84%">
<div class="form-group col-md-4">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,6)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(6)">+</button>
</div>
</div>
</div>`;
} else if(dataIdValue == '7'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_7" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-2">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,7)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(7)">+</button>
</div>
</div>`;
} else if(dataIdValue == '8'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_8" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-3">
<label for="mobile">Grade/Band<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.grade : ''}" type="text" class="form-control" placeholder="Enter Grade/Band " name="grade[]" id="grade" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,8)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(8)">+</button>
</div>
</div>`;
} else if(dataIdValue == '9'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_9" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-3">
<label for="mobile">Grade/Band<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.grade : ''}" type="text" class="form-control" placeholder="Enter Grade/Band " name="grade[]" id="grade" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,9)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(9)">+</button>
</div>
</div>`;
} else if(dataIdValue == '10'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_10" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-2">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,10)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(10)">+</button>
</div>
</div>`;
} else if(dataIdValue == '11'){
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = `
<div class="form-row" id="grid_11" style="width:84%">
<div class="form-group col-md-2">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-3">
<label for="mobile">Grade/Band<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.grade : ''}" type="text" class="form-control" placeholder="Enter Grade/Band " name="grade[]" id="grade" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">Max SI<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.max_si : ''}" type="text" class="form-control" placeholder="Enter Max SI" name="max_si[]" id="max_si" required>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(0,11)">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more" onclick="appendGridtHtml(11)">+</button>
</div>
</div>`;
}
else
{
for (var i = 1; i <= 11; i++) {
$('#grid_' + i).remove();
}
grid_html = '';
$('#btnGridSubmit').hide();
}
grid_container.insertAdjacentHTML('beforeend', grid_html);
$('#gpa_sum_insured').hide();
$('#btnGridSubmit').show();
$('#si_or_bp').change(function(){
var selectedValue = $(this).val();
si_or_bp_two(selectedValue);
});
if(data !== false && data.si){
console.log('show');
$('#gpa_sum_insured').show();
$('#si_or_bp').val("1");
}else{
$('#si_or_bp').val("2");
}
$("#gpa_si").on("keyup", function() {
var inputNumber = $(this).val();
if (inputNumber) {
var result = convertCommaNumberToWords(inputNumber);
$("#gpa_si_number_word").text(result);
} else {
$("#gpa_si_number_word").text("");
}
});
$("#basic_gpa_premium").on("keyup", function() {
var inputNumber = $(this).val();
if (inputNumber) {
var result = convertCommaNumberToWords(inputNumber);
$("#gpa_premium_number_word").text(result);
} else {
$("#gpa_premium_number_word").text("");
}
});
$("#sum_insured").on("keyup", function() {
var inputNumber = $(this).val();
if (inputNumber) {
var result = convertCommaNumberToWords(inputNumber);
$("#sum_insured_number_word").text(result);
} else {
$("#sum_insured_number_word").text("");
}
});
$("#premium").on("keyup", function() {
var inputNumber = $(this).val();
if (inputNumber) {
var result = convertCommaNumberToWords(inputNumber);
$("#premium_number_word").text(result);
} else {
$("#premium_number_word").text("");
}
});
if (si_or_bp == '1') {
si_or_bp_two(si_or_bp);
}else if(si_or_bp == '2'){
si_or_bp_two(si_or_bp);
}
if (si_or_bp == '2') {
console.log("data line-> 490", data);
$('#si_or_bp').val(si_or_bp);
$('#basic_multiplier').val(data.basic_multiplier);
$('#basic_pay').val(data.basic_pay);
$('#premium_multiplier').val(data.multiplier);
$('#basic_gpa_si').val(data.si);
$('#basic_gpa_premium').val(data.premium);
}else if (si_or_bp == '1') {
console.log("start");
console.log(data);
$('#si_or_bp').val(si_or_bp);
$('#multiplier').val(data.multiplier);
$('#gpa_si').val(data.si);
$('#basic_gpa_premium').val(data.premium);
}
};
$("#GridForm").submit(function(event) {
var check = checkDuplicate();
console.log("check.....");
console.log(check);
event.preventDefault();
if($('#grid_emp_count').val() == 'true'){
toastr.warning('Client has active employees', 'Warning');
return;
}
var isValid = $('#GridForm').parsley().validate();
if (!isValid) {
console.log('Form is Empty', 'Warning');
return ;
}
$('.loader').fadeIn();
$('.loader-mask').fadeIn();
var formData = new FormData($('#GridForm')[0]);
var policy_form_action = '<?= base_url("client/premimum/create") ?>';
$('.loader').fadeIn();
$('.loader-mask').fadeIn();
if(check){
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
}else{
$.ajax({
data: formData,
url: policy_form_action,
type: "POST",
dataType: 'json',
processData: false,
contentType: false,
success: function(res) {
console.log(res);
if (res.status === false) {
toastr.error('Policy Dose Not Create', 'Error');
return;
}
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
var message = (policy_PrimaryKey === '') ? 'Policy Premium Added successfully' : 'Policy Premium Added Successfully';
toastr.success(message, 'Success');
$('.close').click();
}, 1000);
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
console.error(status, error);
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
if (xhr.status === 404) {
toastr.warning('Resource not found', 'Warning');
} else if (xhr.status === 500) {
toastr.warning('Internal server error', 'Warning');
} else {
toastr.warning('Unknown error occurred', 'Warning');
}
}, 1000);
}
});
}
});
$('body').on('click', '.btnPolicyModel', function () {
var client_policy_id = $(this).data('id');
$('#client_policy_id').val(client_policy_id);
$('.loader').fadeIn();
$('.loader-mask').fadeIn();
$.ajax({
url: '<?= base_url("util/policy-premium") ?>' ,
type: "GET",
data: { client_policy_id: client_policy_id},
dataType: 'json',
success: function (res) {
$('#nameOfThePolicy').html(' - ' + res.policy_name);
$('#grid_emp_count').val(res.count);
if (res.status === false) {
toastr.error(res.status);
return;
}
var policy_grid_id_value = '';
if (res.premiumData && res.premiumData.length > 0 && res.premiumData[0].policy_grid_id) {
policy_grid_id_value = res.premiumData[0].policy_grid_id;
}
$('#grid_content_input').empty();
var policeGridOptionHTML = '';
policeGridOptionHTML += ` <option value="">Select Premium Type</option>`;
$.each(res.data, function(index, item) {
policeGridOptionHTML += '<option data-id="'+ item.ui_type +'" value="' + item.id + '" ' + (policy_grid_id_value === item.id ? 'selected="selected"' : '') + '>' + item.policy_grid_type + '</option>';
});
$('#grid').html(policeGridOptionHTML);
if (res.premiumData && res.premiumData.length > 0) {
addGridHTML(false, res.premiumData[0], res.premiumData[0].policy_grid_id, res.premiumData[0].si_or_bp);
res.premiumData.shift();
$.each(res.premiumData, function(index, item){
if (item.si_or_bp == '1') {
appendGridtHtml('1_1_1_1', item);
}else{
appendGridtHtml(item.policy_grid_id, item);
}
});
} else {
console.log("res.premiumData is undefined, null, or empty.");
}
$('#bs-example-modal-lg').modal('show');
$("#gpa_si").trigger("keyup");
$("#basic_gpa_premium").trigger("keyup");
$("#sum_insured").trigger("keyup");
$("#premium").trigger("keyup");
$("input[name='si[]']").trigger("keyup");
$("input[name='premium[]']").trigger("keyup")
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
}, 1000);
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
console.error(status, error);
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
toastr.warning('Something Wrong!', 'warning');
}, 1000);
}
});
});
$('#grid').change(function(){
var grid_id=$(this)[0].value;
var client_policy_id =$('#client_policy_id')[0].value;
$('.loader').fadeIn();
$('.loader-mask').fadeIn();
$.ajax({
url: '<?= base_url("util/policy-premium") ?>',
type: "GET",
data: { client_policy_id: client_policy_id},
dataType: 'json',
success: function (res) {
appendGridtHtml('1_2');
appendGridtHtml('1_2_1');
console.log('responce :', res);
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
}, 1000);
if (res.premiumData.length > 0 && res.premiumData[0].policy_grid_id === grid_id) {
console.log("heelo");
$('#nameOfThePolicy').html(' - ' + res.policy_name);
$('#grid_emp_count').val(res.count);
if (res.status === false) {
toastr.error(res.status);
return;
}
var policy_grid_id_value = '';
if (res.premiumData && res.premiumData.length > 0 && res.premiumData[0].policy_grid_id) {
policy_grid_id_value = res.premiumData[0].policy_grid_id;
}
$('#grid_content_input').empty();
var policeGridOptionHTML = '';
policeGridOptionHTML += ` <option value="">Select Premium Type</option>`;
$.each(res.data, function(index, item) {
policeGridOptionHTML += '<option data-id="'+ item.ui_type +'" value="' + item.id + '" ' + (policy_grid_id_value === item.id ? 'selected="selected"' : '') + '>' + item.policy_grid_type + '</option>';
});
// $('#grid').html(policeGridOptionHTML);
if (res.premiumData && res.premiumData.length > 0) {
addGridHTML(false, res.premiumData[0], res.premiumData[0].policy_grid_id, res.premiumData[0].si_or_bp);
res.premiumData.shift();
$.each(res.premiumData, function(index, item){
// console.log('premiumData index :',index)
// appendGridtHtml(item.policy_grid_id, item);
if (item.si_or_bp == '1') {
appendGridtHtml('1_1_1_1', item);
}else{
appendGridtHtml(item.policy_grid_id, item);
}
});
} else {
console.log("res.premiumData is undefined, null, or empty.");
}
$('#bs-example-modal-lg').modal('show');
$("#gpa_si").trigger("keyup");
$("#basic_gpa_premium").trigger("keyup");
$("#sum_insured").trigger("keyup");
$("#premium").trigger("keyup");
$("input[name='si[]']").trigger("keyup");
$("input[name='premium[]']").trigger("keyup");
}else{
if($('#si_or_bp').val() == 2){
addGridHTML(false, false, grid_id,)
}
// console.log("novkfdmmk");
addGridHTML(false, false, grid_id)
}
// console.log("hello");
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
console.error(status, error);
setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').delay(350).fadeOut('slow');
toastr.warning('Something Wrong!', 'warning');
}, 1000);
}
});
})
var Count = 1
function appendGridtHtml(ui_type = false, data = false,) {
var html = '';
// console.log('Grid Content',data)
Count++;
var container = document.getElementById('grid_content_input');
if(ui_type == '1_1' || ui_type == '1_1_1' || ui_type == '1_1_1_1')
{
if (ui_type == '1_1_1' || ui_type == '1_1_1_1') {
html=`<div class="form-row" style="width:84%" id="removeChild_${Count}"><div class="form-group col-md-4" id="">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_si_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-4">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="basic_gpa_premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_premium_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml('1_1_1_1')">+</button>
</div>
</div>`;
// return html;
}else{
html =` <div class="form-row col-md-4">
<label for="mobile">Multiplier<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.multiplier : ''}" type="text" class="form-control" placeholder="Multiplier" name="multiplier" id="multiplier" onkeyup="gpaSumInsureMultiplier(this)" required>
</div>
`;
// return html;
}
}
else if(ui_type == '1_2' || ui_type == '1_2_1')
{
if (ui_type == '1_2_1') {
html=`<div class="form-group col-md-4" id="" style="width:84%">
<label for="mobile">Basic Pay<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="basic_pay" id="basic_pay" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_si_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-4" id="">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="basic_gpa_si" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_si_number_word' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-4">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="basic_gpa_premium" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_premium_number_word' class="text-danger-2" ></div>
</div>`;
}else{
html =` <div class="form-col col-md-4">
<label for="mobile">Basic Multiplier<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.multiplier : ''}" type="text" class="form-control" placeholder="Multiplier" name="basic_multiplier" id="basic_multiplier" onkeyup='basicPayMultiple(this)' required>
</div>
<div class="form-col col-md-4">
<label for="mobile">Premium Multiplier<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.multiplier : ''}" type="text" class="form-control" placeholder="Multiplier" name="premium_multiplier" id="premium_multiplier" onkeyup='basicPayMultiple(this)'required>
</div>
`;
}
}
else if(ui_type == '3'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-5">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="gpa_si_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_si_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-5">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="gpa_premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='gpa_premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(3)">+</button>
</div>
</div>
`;
}else if(ui_type == '4'){
html =`
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(4)">+</button>
</div>
</div>`;
}else if(ui_type == '5'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-2">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(5)">+</button>
</div>
</div>`;
}else if(ui_type == '6'){
html =`
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-4">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)"required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(6)">+</button>
</div>
</div>
</div>`;
}else if(ui_type == '7'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-2">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(7)">+</button>
</div>
</div>`;
}else if(ui_type == '8'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-3">
<label for="mobile">Grade/Band<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.grade : ''}" type="text" class="form-control" placeholder="Enter Grade/Band " name="grade[]" id="grade" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(8)">+</button>
</div>
</div>`;
}else if(ui_type == '9'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-3">
<label for="mobile">Grade/Band<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.grade : ''}" type="text" class="form-control" placeholder="Enter Grade/Band " name="grade[]" id="grade" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(9)">+</button>
</div>
</div>`;
}else if(ui_type == '10'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-3">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">From Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_from : ''}" type="text" class="form-control" placeholder="Enter From Age" name="age_from[]" id="age_from" required>
</div>
<div class="form-group col-md-2">
<label for="mobile">To Age<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.age_to : ''}" type="text" class="form-control" placeholder="Enter TO Age" name="age_to[]" id="age_to" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(10)">+</button>
</div>
</div>`;
}else if(ui_type == '11'){
html = `
<div class="form-row" id="removeChild_${Count}" style="width:84%">
<div class="form-group col-md-2">
<label for="mobile">Sum Insured<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.si : ''}" type="text" class="form-control" placeholder="Enter Sum Insured" name="si[]" id="sum_insured_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='sum_insured_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-3">
<label for="mobile">Grade/Band<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.grade : ''}" type="text" class="form-control" placeholder="Enter Grade/Band " name="grade[]" id="grade" required>
</div>
<div class="form-group col-md-3">
<label for="mobile">Premium<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.premium : ''}" type="text" class="form-control" placeholder="Enter Premium" name="premium[]" id="premium_${Count}" onkeypress = "return onlyNumbers(event)" onkeyup="formatNumber(this)" required>
<div id='premium_number_word_${Count}' class="text-danger-2" ></div>
</div>
<div class="form-group col-md-2">
<label for="mobile">Max SI<span class="text-danger">*</span></label>
<input value="${data !== false && data !== undefined && data !== '' ? data.max_si : ''}" type="text" class="form-control" placeholder="Enter Max SI" name="max_si[]" id="max_si[]" required>
</div>
<div class="form-group">
<button style="margin-top: 44px;" type="button" class="btn btn-danger" id="gmc_remove" onclick="removebutton(${Count})">x</button>
<button style="margin-top: 44px;" type="button" class="btn btn-primary" id="gmc_add_more_${Count}" onclick="appendGridtHtml(11)">+</button>
</div>
</div>`;
}
if (ui_type == '1_1' || ui_type == '1_1_1' || ui_type == '1_2' || ui_type == '1_2_1' || ui_type == '1_1_1_1') {
if(ui_type == '1_1'){
$('#si_or_bp_1').empty().append(html);
$('#si_or_bp_1_1').empty();
$('#gmc_add_more').hide()
$('#gmc_remove').show()
Count--
$('#gmc_add_more_'+Count).hide()
Count++
}else if(ui_type == '1_1_1'){
$('#si_or_bp_2').empty().append(html);
$('#gmc_add_more').hide()
$('#gmc_remove').show()
Count--
$('#gmc_add_more_'+Count).hide()
Count++
}else if(ui_type == '1_2'){
$('#si_or_bp_1').empty();
$('#si_or_bp_1_1').empty().append(html);
$('#gmc_add_more').hide()
$('#gmc_remove').show()
Count--
$('#gmc_add_more_'+Count).hide()
Count++
}else if(ui_type == '1_2_1'){
$('#si_or_bp_2').empty().append(html);
$('#gmc_add_more').hide()
$('#gmc_remove').show()
Count--
$('#gmc_add_more_'+Count).hide()
Count++
}else if(ui_type == '1_1_1_1'){
$('#si_or_bp_2').append(html);
$('#gmc_add_more').hide()
$('#gmc_remove').show()
Count--
$('#gmc_add_more_'+Count).hide()
Count++
console.log("data", data);
if(data){
$('input[name="premium[]"]').length;
$('input[name="premium[]"]').each(function(index) {
if (index === $('input[name="premium[]"]').length - 1) {
console.log("data.premium",data.premium);
$(this).val(data.premium);
// console.log("This ", $(this)[0].val(data.premium));
// var basicGpaPremiumValue = $(this).val();
// if (basicGpaPremiumValue !== "" && basicGpaPremiumValue !== null) {
// console.log("Value of basic_gpa_premium[]: " + basicGpaPremiumValue);
// } else {
// console.log("basic_gpa_premium[] value is empty or null");
// }
}
});
}
}
}else{
container.insertAdjacentHTML('beforeend', html);
$('#gmc_add_more').hide();
$('#gmc_remove').show();
Count--
$('#gmc_add_more_'+Count).hide()
Count++
}
// Number to word
$(document).keyup(function(event) {
if (event.target) {
var result = convertCommaNumberToWords(event.target.value);
var next = event.target.nextElementSibling;
if (next && next.tagName.toLowerCase() === 'div') {
next.textContent = result; // Set the content of the div
}
}
});
}
function removebutton(index, type) {
if(index == 0){
var inputs = document.querySelectorAll('#grid_'+ type +' input');
inputs.forEach(function(input) {
input.value = '';
});
}else{
var element = document.getElementById('removeChild_'+ index);
var gridContentDiv = document.getElementById('grid_content_input');
var count = gridContentDiv.childElementCount;
if (element) {
element.remove();
}
if(count == 2){
$('#gmc_add_more').show();
}
index--;
$('#gmc_add_more_'+index).show();
}
}
function checkDuplicate()
{
// console.log($('#grid')[0].value);
if ($('#grid')[0].value === '3') {
var siInputs = $('input[name="si[]"]');
var premiumInputs = $('input[name="premium[]"]');
var siValues = [];
var premiumValues = [];
var siDuplicates = false;
var premiumDuplicates = false;
// Extract values from input arrays
siInputs.each(function() {
siValues.push($(this).val());
});
premiumInputs.each(function() {
premiumValues.push($(this).val());
});
console.log("Checking for duplicates...");
for (var i = 0; i < siValues.length; i++) {
for (var j = i + 1; j < siValues.length; j++) {
if (siValues[i] === siValues[j] && premiumValues[i] === premiumValues[j]) {
console.log('Duplicate values found in si[] at indices', i, 'and', j);
siDuplicates = true;
}
}
}
if (siDuplicates || premiumDuplicates) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if($('#grid')[0].value === '4'){
var ageFrom = $('input[name="age_from[]"]');
var ageTo = $('input[name="age_to[]"]');
var ageFromValues = [];
var ageToValues = [];
var ageDuplicates = false;
// Extract values from input arrays
ageFrom.each(function() {
ageFromValues.push($(this).val());
});
ageTo.each(function() {
ageToValues.push($(this).val());
});
console.log("Checking for duplicates...");
for (var i = 0; i < ageFromValues.length; i++) {
for (var j = i + 1; j < ageFromValues.length; j++) {
// Check for duplicates between age_from[] and age_to[]
if (ageFromValues[i] === ageFromValues[j] && ageToValues[i] === ageToValues[j]) {
console.log('Duplicate values found in age_from[] and age_to[] at indices', i, 'and', j);
ageDuplicates = true;
}
}
}
if (ageDuplicates) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if ($('#grid')[0].value === '5') {
var si = $('input[name="si[]"]');
var ageFrom = $('input[name="age_from[]"]');
var ageTo = $('input[name="age_to[]"]');
var si_array = [];
var ageFrom_array = [];
var ageTo_array = [];
var siDuplicates = false;
var ageDuplicates = false;
si.each(function() {
si_array.push($(this).val());
});
ageFrom.each(function() {
ageFrom_array.push($(this).val());
});
ageTo.each(function() {
ageTo_array.push($(this).val());
});
for (var i = 0; i < ageFrom_array.length; i++) {
for (var j = i + 1; j < ageFrom_array.length; j++) {
if (ageFrom_array[i] === ageFrom_array[j] && ageTo_array[i] === ageTo_array[j] && si_array[i] === si_array[j]) {
ageDuplicates = true;
}
}
}
if (siDuplicates || ageDuplicates) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if($('#grid')[0].value === '6'){
var ageFrom = $('input[name="age_from[]"]');
var ageTo = $('input[name="age_to[]"]');
var ageFromValues = [];
var ageToValues = [];
var ageDuplicates = false;
// Extract values from input arrays
ageFrom.each(function() {
ageFromValues.push($(this).val());
});
ageTo.each(function() {
ageToValues.push($(this).val());
});
console.log("Checking for duplicates...");
for (var i = 0; i < ageFromValues.length; i++) {
for (var j = i + 1; j < ageFromValues.length; j++) {
// Check for duplicates between age_from[] and age_to[]
if (ageFromValues[i] === ageFromValues[j] && ageToValues[i] === ageToValues[j]) {
console.log('Duplicate values found in age_from[] and age_to[] at indices', i, 'and', j);
ageDuplicates = true;
}
}
}
if (ageDuplicates) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if($('#grid')[0].value === '7'){
var si = $('input[name="si[]"]');
var ageFrom = $('input[name="age_from[]"]');
var ageTo = $('input[name="age_to[]"]');
var si_array = [];
var ageFrom_array = [];
var ageTo_array = [];
var siDuplicates = false;
var ageDuplicates = false;
si.each(function() {
si_array.push($(this).val());
});
ageFrom.each(function() {
ageFrom_array.push($(this).val());
});
ageTo.each(function() {
ageTo_array.push($(this).val());
});
for (var i = 0; i < ageFrom_array.length; i++) {
for (var j = i + 1; j < ageFrom_array.length; j++) {
if (ageFrom_array[i] === ageFrom_array[j] && ageTo_array[i] === ageTo_array[j] && si_array[i] === si_array[j]) {
ageDuplicates = true;
}
}
}
if (siDuplicates || ageDuplicates) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if($('#grid')[0].value === '10'){
var si = $('input[name="si[]"]');
var ageFrom = $('input[name="age_from[]"]');
var ageTo = $('input[name="age_to[]"]');
var si_array = [];
var ageFrom_array = [];
var ageTo_array = [];
var siDuplicates = false;
var ageDuplicates = false;
si.each(function() {
si_array.push($(this).val());
});
ageFrom.each(function() {
ageFrom_array.push($(this).val());
});
ageTo.each(function() {
ageTo_array.push($(this).val());
});
for (var i = 0; i < ageFrom_array.length; i++) {
for (var j = i + 1; j < ageFrom_array.length; j++) {
if (ageFrom_array[i] === ageFrom_array[j] && ageTo_array[i] === ageTo_array[j] && si_array[i] === si_array[j]) {
ageDuplicates = true;
}
}
}
if (siDuplicates || ageDuplicates) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if($('#grid')[0].value === '8'){
var siInputs = $('input[name="si[]"]');
var gradeInputs = $('input[name="grade[]"]');
var siValues = [];
var gradeValues = [];
var duplicatesFound = false;
// Extract values from input arrays
siInputs.each(function() {
siValues.push($(this).val());
});
gradeInputs.each(function() {
gradeValues.push($(this).val());
});
console.log("Checking for duplicates...");
for (var i = 0; i < siValues.length; i++) {
for (var j = i + 1; j < siValues.length; j++) {
// Check for duplicates between si[] and grade[]
if (siValues[i] === siValues[j] && gradeValues[i] === gradeValues[j]) {
console.log('Duplicate values found in si[] and grade[] at indices', i, 'and', j);
duplicatesFound = true;
}
}
}
if (duplicatesFound) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if($('#grid')[0].value === '9'){
var siInputs = $('input[name="si[]"]');
var gradeInputs = $('input[name="grade[]"]');
var siValues = [];
var gradeValues = [];
var duplicatesFound = false;
// Extract values from input arrays
siInputs.each(function() {
siValues.push($(this).val());
});
gradeInputs.each(function() {
gradeValues.push($(this).val());
});
console.log("Checking for duplicates...");
for (var i = 0; i < siValues.length; i++) {
for (var j = i + 1; j < siValues.length; j++) {
// Check for duplicates between si[] and grade[]
if (siValues[i] === siValues[j] && gradeValues[i] === gradeValues[j]) {
console.log('Duplicate values found in si[] and grade[] at indices', i, 'and', j);
duplicatesFound = true;
}
}
}
if (duplicatesFound) {
toastr.warning('Duplicates found!', 'warning');
console.log('Duplicates found');
return true;
} else {
console.log('No duplicates found');
return false;
}
}else if ($('#grid')[0].value === '11') {
var siInputs = $('input[name="si[]"]');
var gradeInputs = $('input[name="grade[]"]');
var maxSiInputs = $('input[name="max_si[]"]');
var siValues = [];
var gradeValues = [];
var maxSiValues = [];
var duplicatesFound = false;
// Extract values from input arrays
siInputs.each(function() {
siValues.push($(this).val());
});
gradeInputs.each(function() {
gradeValues.push($(this).val());
});
maxSiInputs.each(function() {
maxSiValues.push($(this).val());
});
console.log("Checking for duplicates...");
for (var i = 0; i < siValues.length; i++) {
for (var j = i + 1; j < siValues.length; j++) {
console.log(maxSiValues);
console.log("maxSiValues[i] ", maxSiValues[i] );
console.log("maxSiValues[j]", maxSiValues[j]);
if (siValues[i] === siValues[j] && gradeValues[i] === gradeValues[j] && maxSiValues[i] === maxSiValues[j]) {
console.log('Duplicate values found in si[], grade[], and max_si[] at indices', i, 'and', j);
duplicatesFound = true;
}
}
}
if (duplicatesFound) {
console.log('Duplicates found');
toastr.warning('Duplicates found!', 'warning');
return true;
} else {
console.log('No duplicates found');
return false;
}
}
}
</script>
<script>
function si_or_bp_two(selectedValue =false){
if(selectedValue == 1){
appendGridtHtml('1_1');
appendGridtHtml('1_1_1');
}else {
appendGridtHtml('1_2');
appendGridtHtml('1_2_1')
}
}
function basicPayMultiple(input) {
if(input.id == 'basic_pay')
{
var multi = $('#basic_multiplier')[0].value.replace(/,/g, '') * input.value.replace(/,/g, '');
$('#basic_gpa_si').val(multi).trigger('keyup');
var multi_2 = $('#basic_gpa_si')[0].value.replace(/,/g, '') * $('#premium_multiplier')[0].value.replace(/,/g, '');
$('#basic_gpa_premium').val(multi_2).trigger('keyup');
}else if(input.id == 'basic_multiplier')
{
var multi =input.value * $('#basic_pay')[0].value.replace(/,/g, '');
$('#basic_gpa_si').val(multi).trigger('keyup');
var multi_2 = $('#basic_gpa_si')[0].value.replace(/,/g, '') * $('#premium_multiplier')[0].value.replace(/,/g, '');
$('#basic_gpa_premium').val(multi_2).trigger('keyup');
}else if(input.id == 'premium_multiplier')
{
var multi = input.value.replace(/,/g, '') * $('#basic_gpa_si')[0].value.replace(/,/g, '');
$('#basic_gpa_premium').val(multi).trigger('keyup');
}else if(input.id == 'basic_gpa_si')
{
var multi = input.value.replace(/,/g, '') * $('#premium_multiplier')[0].value.replace(/,/g, '');
$('#basic_gpa_premium').val(multi).trigger('keyup');
}
}
function gpaSumInsureMultiplier() {
var element = $('#multiplier')[0];
var sumInsured = $('input[name="si[]"]');
var premium = $('input[name="premium[]"]');
sumInsured.each(function(index) {
var siValue = $(this).val().replace(/,/g, '');
var premiumValue = siValue * element.value;
premium[index].value = Math.floor(premiumValue);
$(premium[index]).trigger('keyup');
// premium.eq(index).val(Math.floor(premiumValue));
});
}
</script>