@extends('layouts.main_without_top_button')
@section('title')
    Batch Recovery Reports
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{ route('home') }}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{ route('operations.reports.reports') }}">Managements Reports</a> <span class="divider">/</span>
        </li>
        <li class="active">Batch Recovery Reports</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        <style>
            .td_left_border {
                border-top: 1px solid #dddddd;
                border-left: 1px solid #dddddd;
                border-bottom: 0;
            }

            .td_border_right {
                border-right: 1px solid #dddddd;
            }

            .widgettitle {
                color: #000000;
            }
        </style>
        <div class="tab-content">
            <div class="tab-pane active" style="margin-top: 12px">
                <center>
                    <form class="form-inline">
                        <center style="margin-bottom: 8px">
                            <label class="control-label" for="Category"> Report Type </label>
                            <select name="report_type" class="searchable_select" id="report_type">
                                <option value="ALL" selected>ALL</option>
                                <option value="RECOVERY_PLAN">RECOVERY PLAN</option>
                                <option value="RECOVERIES">RECOVERIES</option>
                            </select>
                            <a type="button" class="btn" id="re_generate_report">PRINT</a>
                            {{-- <a type="button" class="btn" id="print_generate_report">PRINT</a> --}}
                        </center>
                        {{-- <div id="income_statement"></div> --}}
                        <div>
                            @include('reports.managerial_reports.batch_recovery.re_generated.batch_recovery_regenerate');
                        </div>
                    </form>
                </center>
            </div><!--tab-pane-->
        </div><!--tabcontent-->
    </div><!--tabbable-->
    <script>
        jQuery('.date_picker').datepicker();

        jQuery('#re_generate_report').on('click', function(e) {
            e.preventDefault();

            var selectedIds = [];
            var reportType = jQuery('#report_type').val();

            jQuery('.report-checkbox:checked').each(function() {
                selectedIds.push(jQuery(this).data('item-id'));
            });

            if (selectedIds.length === 0) {
                alert('Please select at least one item.');
                return; // Exit the function if no item is selected
            }

            let selectedIdsString = selectedIds.join(',');
           
                var form = document.createElement('form');
                form.method = 'POST';
                form.action = '{{ route('reports.managerial_reports.batch_recovery.re_generation') }}';
                form.target = '_blank'; 
                for (var i = 0; i < selectedIds.length; i++) {
                    var idInput = document.createElement('input');
                    idInput.type = 'hidden';
                    idInput.name = 'selected_ids[]'; 
                    idInput.value = selectedIds[i];
                    form.appendChild(idInput);
                }
                
                var reportTypeInput = document.createElement('input');
                reportTypeInput.type = 'hidden';
                reportTypeInput.name = 'report_type';
                reportTypeInput.value = reportType; 
                form.appendChild(reportTypeInput);
                
                
                document.body.appendChild(form);
                
                form.submit();
                
                
                document.body.removeChild(form);


            // jQuery.ajax({
            //     url: '{{ route('reports.managerial_reports.batch_recovery.re_generation') }}',
            //     type: 'POST',
            //     data: {
            //         selected_ids: selectedIds,
            //         report_type: reportType
            //     },
            //     beforeSend: function() {
            //         startSpinner();
            //     },
            //     success: function(data) {
            //         // console.log('Data received:', data);
            //         // window.open(data, '_blank');
            //         var newTab = window.open();
            //         newTab.document.write("<embed width='100%' height='100%' src='"+data+"' type='application/pdf'/>");
            //     },
            //     complete: function() {
            //         stopSpinner();
            //     },
            //     error: function(xhr, textStatus, error) {
            //         console.log(error);
            //         console.log(textStatus);
            //         stopSpinner();
            //     }
                
            // });
        });

        // jQuery('#re_generate_report').on('click', function(e) {
        //     e.preventDefault();
        //     jQuery.ajax({
        //         url: '{{ route('reports.managerial_reports.batch_recovery.re_generation') }}',
        //         type: 'get',
        //         data: jQuery('form').serialize(),
        //         beforeSend: function() {
        //             startSpinner();
        //         },
        //         success: function(data) {
        //             jQuery('#income_statement').empty().append(data);

        //         },
        //         complete: function() {
        //             stopSpinner();
        //         },
        //         error: function(xhr, textStatus, error) {
        //             console.log(error);
        //             console.log(textStatus);
        //             stopSpinner();
        //         }
        //     });
        // });

        // alert($('#start_month').val());
    </script>
@stop