258 lines
10 KiB
PHP
258 lines
10 KiB
PHP
<div class="container-fluid-min" style="margin-left: 30px;">
|
|
<div class="col-xl-12">
|
|
<div id="accordion" class="mb-3">
|
|
<div class="card mb-1" style="background-color: #F5FFFF !important; border-radius: 10px; box-shadow: 4px 4px 4px 4px #00000040;">
|
|
<h4 class="m-1" style="display: flex;justify-content: space-between;padding: 12px;">
|
|
<span>Filter</span>
|
|
<a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
|
|
aria-expanded="true">
|
|
<i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
|
|
</a>
|
|
</h4>
|
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
|
|
<div class="card-body" style="margin-top: -30px;">
|
|
<!-- <div class="text-center"> -->
|
|
<div class="form-row">
|
|
<div class="form-group col-md-3" id="date_div">
|
|
<label>Date<span class="text-danger"></span></label>
|
|
<!-- <div id="reportrange" class="form-control"
|
|
style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
|
|
<i class="mdi mdi-calendar-blank"></i>
|
|
<span></span> <i class="mdi mdi-menu-down"></i>
|
|
</div> -->
|
|
<div class="input-icon">
|
|
<input type="text" id="reportrange" class="form-control" readonly style="caret-color: transparent;">
|
|
<i class="mdi mdi-calendar-blank-outline additional-icon"></i>
|
|
</div>
|
|
<input type="hidden" id="startDate" value=<?= $default_start ?>>
|
|
<input type="hidden" id="endDate" value=<?= $default_end ?>>
|
|
</div>
|
|
|
|
<div class="form-group col-md-3">
|
|
<label for="client_branch">Nhance Branch<span class="text-danger"></span></label>
|
|
<select class="form-control" id="issuer_branch" name="issuer_branch">
|
|
<option value="">Select Branch</option>
|
|
<?php
|
|
if (isset($issuer_branch) && count($issuer_branch)) {
|
|
foreach ($issuer_branch as $key => $value) {
|
|
echo "<option value=" . $value['id'] . ">" . $value['branch_name'] . "</option>";
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<div class="form-group col-md-3 client_type_div">
|
|
<label for="client_type">Client Type<span class="text-danger"></span></label>
|
|
<select class="form-control" id="client_type" name="client_type">
|
|
<option value="">Select Client type</option>
|
|
<option value="1">Group</option>
|
|
<option value="2">Individual</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group col-md-3">
|
|
<label for="client_branch">Client<span class="text-danger"></span></label>
|
|
<select class="form-control" id="client_id" name="client_id">
|
|
<option value="">Select Client</option>
|
|
<?php
|
|
if (isset($client_list) && count($client_list)) {
|
|
foreach ($client_list as $key => $value) {
|
|
echo "<option value=" . $value['id'] . ">" . $value['client_name'] . "</option>";
|
|
}
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row justify-content-end">
|
|
|
|
<div class="col-auto">
|
|
<a href="#" class="btn btn-primary waves-effect waves-light" id="get-report-page"
|
|
onclick="fetchReportPage(event);">Submit</a>
|
|
</div>
|
|
</div>
|
|
<!-- </div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="report"></div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
let client_list = [];
|
|
|
|
$(document).ready(function() {
|
|
// getClientAndBranchAndPolicy();
|
|
$('#client_id').select2();
|
|
$('#issuer_branch').select2();
|
|
})
|
|
|
|
$(function() {
|
|
|
|
var start = $('#startDate').val();
|
|
var end = $('#endDate').val();
|
|
|
|
var start = moment(start, 'DD/MM/YYYY');
|
|
var end = moment(end, 'DD/MM/YYYY');
|
|
|
|
function cb(start, end) {
|
|
$('#reportrange').html(start.format('D-MM-YYYY') + ' - ' + end.format('D-MM-YYYY'));
|
|
$('#startDate').val(start.format('DD-MM-YYYY'));
|
|
$('#endDate').val(end.format('DD-MM-YYYY'));
|
|
}
|
|
|
|
$('#reportrange').daterangepicker({
|
|
startDate: start,
|
|
endDate: end,
|
|
locale: {
|
|
format: 'DD-MM-YYYY'
|
|
},
|
|
ranges: {
|
|
'Today': [moment(), moment()],
|
|
'Next 7 Days': [moment(), moment().add(6, 'days')], // Next 7 Days
|
|
'Next 30 Days': [moment(), moment().add(29, 'days')], // Next 30 Days
|
|
'Next Month': [moment().add(1, 'month').startOf('month'), moment().add(1, 'month').endOf(
|
|
'month')], // Next Month
|
|
'Next Year': [moment().add(1, 'year').startOf('year'), moment().add(1, 'year').endOf(
|
|
'year')], // Next Year
|
|
'Current Year': [moment().startOf('year'), moment().endOf('year')] // Current Year
|
|
|
|
}
|
|
}, cb);
|
|
|
|
cb(start, end);
|
|
});
|
|
|
|
// ----------------------------------------------------------------------------------------------
|
|
|
|
function fetchReportPage() {
|
|
|
|
var fromDate = $('#startDate').val();
|
|
var toDate = $('#endDate').val();
|
|
var client_id = $('#client_id').val();
|
|
var client_type = $('#client_type').val();
|
|
var issuer_branch = $('#issuer_branch').val();
|
|
var requestData = {
|
|
fromDate: fromDate,
|
|
toDate: toDate,
|
|
client_id: client_id,
|
|
client_type: client_type,
|
|
issuer_branch: issuer_branch,
|
|
};
|
|
console.log(typeof fromDate);
|
|
var url = '<?= base_url('/bdsReport/renewal_report') ?>';
|
|
$('.loader').fadeIn();
|
|
$('.loader-mask').fadeIn();
|
|
sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
|
|
if (response.status == true) {
|
|
$('#report').html(response.html);
|
|
$('.loader').fadeOut();
|
|
$('.loader-mask').delay(350).fadeOut('slow');
|
|
|
|
} else {
|
|
$('.loader').fadeOut();
|
|
$('.loader-mask').delay(350).fadeOut('slow');
|
|
let message = response.message;
|
|
toastr.error(message, 'Error');
|
|
}
|
|
|
|
|
|
}, function(xhr, status, error) {
|
|
console.error('Error fetching data:', error);
|
|
console.error(xhr.responseText);
|
|
toastr.error('An error occurred while fetching the report page.', 'Error');
|
|
|
|
$('.loader').fadeOut();
|
|
$('.loader-mask').delay(350).fadeOut('slow');
|
|
});
|
|
}
|
|
|
|
// ----------------------------------------------------------------------------------------------
|
|
|
|
//get client , branch, policy data
|
|
function getClientAndBranchAndPolicy() {
|
|
|
|
return_type = 'client';
|
|
|
|
$.ajax({
|
|
url: '<?= base_url("/util/getClientAndBranchAndPolicy") ?>',
|
|
type: "GET",
|
|
data:{ return_type : return_type},
|
|
dataType: 'json',
|
|
success: function(res) {
|
|
|
|
console.log('getClientAndBranchAndPolicy', res);
|
|
if (res.status == true) {
|
|
client_list = res.client_data;
|
|
appendClients(res.client_data);
|
|
} else {
|
|
console.log('No data found');
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error(xhr.responseText);
|
|
console.error(status, error);
|
|
}
|
|
});
|
|
}
|
|
|
|
//append the clients data
|
|
function appendClients(data) {
|
|
$('#client_id').empty();
|
|
|
|
$('#client_id').append($('<option>', {
|
|
value: '0',
|
|
text: 'Select Client'
|
|
}));
|
|
|
|
$.each(data, function(index, item) {
|
|
var option = $('<option>', {
|
|
value: item.id,
|
|
text: item.client_name,
|
|
'data-name': item.client_name,
|
|
});
|
|
|
|
$('#client_id').append(option).select2();
|
|
});
|
|
|
|
}
|
|
|
|
$('#client_type').on('change', function() {
|
|
|
|
var selectedClientType = $(this).val();
|
|
|
|
// console.log('selectedClientType', selectedClientType);
|
|
|
|
// Clear and add default options for client
|
|
$('#client_id').empty().append($('<option>', {
|
|
value: '',
|
|
text: 'Select Client'
|
|
}))
|
|
|
|
// Populate client options based on selected client type
|
|
if (selectedClientType) {
|
|
|
|
$.each(client_list, function(index, item) {
|
|
if (item.client_type == selectedClientType) {
|
|
var option = $('<option>', {
|
|
value: item.id,
|
|
text: item.client_name,
|
|
});
|
|
$('#client_id').append(option);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
// Initialize or refresh Select2 for both dropdowns
|
|
$('#client_id').select2();
|
|
});
|
|
</script>
|