nhance/app/Views/irba_report.php

<div class="container-fluid-min">
    <div class="col-xl-12" id="outstanding_filter">
        <div class="card-body">
            <div id="accordion" class="mb-3">
                <div class="card mb-1">
                    <h4 class="m-1">
                        <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">
                            <!-- <div class="text-center"> -->
                            <div class="form-row">
                                <div class="form-group col-md-4" id="date_div">
                                    <label>Date<span class="text-danger"></span></label>
                                    <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-4">
                                    <label>Category<span class="text-danger"> *</span></label> <br />
                                    <select name="category" class="form-control" id="category" required>
                                        <option value="">Select</option>
                                        <?php foreach ($categories as $category => $key) : ?>
                                            <option value="<?= $key ?>"><?= $category ?></option>
                                        <?php endforeach ?>
                                    </select>
                                </div>


                                <div class="form-group col-md-4">
                                    <label>Report Type<span class="text-danger"> *</span></label> <br />
                                    <select class="form-control" id="report_type" required>
                                        <option value="0">Select</option>
                                        <?php foreach ($report_type as $reports => $key) : ?>
                                            <option value="<?= $key ?>"><?= $reports ?></option>
                                        <?php endforeach ?>
                                    </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>
    <!-- <div id="view_name"></div> -->
    <div id="report"></div>
</div>



<script>
    $(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()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
                'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')]
            }
        }, cb);

        cb(start, end);
    });
</script>
<script>
    $('#category').on('click', function() {

        var choosed_option = $('#category').val();
        $("#report_type").val('0');
        if (choosed_option == 'life') {
            $("#report_type option[value='insurer']").show();
            $("#report_type option[value='bap']").hide();
            $("#report_type option[value='bapClient']").hide();
            $("#report_type option[value='bapInsurer']").hide();
            $("#report_type option[value='client']").show();

        } else if (choosed_option == 'nonLife') {
            $("#report_type option[value='insurer']").show();
            $("#report_type option[value='bap']").show();
            $("#report_type option[value='bapClient']").show();
            $("#report_type option[value='bapInsurer']").show();
            $("#report_type option[value='client']").hide();
        }
    })

    function fetchReportPage() {

        var fromDate = $('#startDate').val();
        var toDate = $('#endDate').val();
        var category = $('#category').val();
        var report_type = $('#report_type').val();

        if(category == false || report_type == false){
            alert("Please Fill the Mandatory Fields Category and Report Type to Proceed ..!! ");
            return ;
        }

        var requestData = {
            fromDate: fromDate,
            toDate: toDate,
            category: category,
            report_type: report_type
        };
        
        var url = '<?= base_url('/bdsReport/irba_report') ?>';
        $('.loader').fadeIn();
        $('.loader-mask').fadeIn();
        sendAjaxRequestForGlobal(url, 'POST', requestData, function(response) {
            if (response.status == true) {
                $('#report').html(response.html);
               // $('#view_name').html(response.view_name);
                $('.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');
        });
    }
</script>