@extends('layouts/microfin_layout')
@section('title', '| Mfn MRA Process')
@section('content')

<div class="row">
    <div class="col-md-12">

        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-options">


                        </div>
                        <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Mfn MRA Process</h3>
                    </div>

                    <div class="panel-body panelBodyView">

                        <!-- Filtering Start -->
                        {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
                        <div class="row">
                            <div class="col-md-12">

                                <div class="col-md-2" id="branchDiv">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('branchId', $data['branches'], null ,['id'=>'branchId','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                        </div>
                                    </div>
                                </div>

                                
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('filMonth', 'Select Month:*', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::text('filMonth', null,['id'=>'filMonth','class'=>'form-control input-sm', 'autocomplete'=>'off',  'readonly','style'=>'cursor:pointer']) !!}
                                        </div>
                                    </div>
                                </div>



                                <div class="col-md-3" id="operationDiv">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Process:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('operationName', array(
                                            
                                                // 'updateMemberIdAndBranchIdInMfnLoanScheduleTable' => 'Update MemberId And BranchId in Mfn_Loan_Schedule Table',
                                                // 'updateRegularLoanRepayPeriodInMonth'             => 'Update Regular Loan Repay Period In Month',
                                                
                                                // 'updateLoanPurpose'       => 'Update Loan Purpose',
                                                // 'checkMissingLoanPurpose' => 'Check Missing Loan Purpose',
    
                                                // 'generateBiannualLoanSummary'     => 'Generate Biannual Loan Summary',
                                                // 'generateBiannualLoanSizeSummary' => 'Generate Biannual Loan Size Summary',
                                                
                                                // 'generateBiannualSavingsSummary'          => 'Generate Biannual Savings Summary',
                                                // 'generateSavingsInformationOnSavingsSize' => 'Generate Savings Information on Savings Size',
                                                
                                                //
                                                //
                                                //
                                                
                                                // 'generateManualMonthlyLoanSummary'   => 'Generate Monthly Loan Summary',
                                                // 'generateManualMonthlySavingSummary' => 'Generate Monthly Savings Summary',
                                                
                                            ), null ,['id'=>'operationName','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                        </div>
                                    </div>
                                </div>



                                <div class="col-md-1">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', '&nbsp;', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::submit('Run process', ['id' => 'runProcess', 'class' => 'btn btn-primary btn-sm']); !!}
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        {!! Form::close() !!}
                        <!-- filtering end-->

                        <div class="row">
                            <div class="col-md-12" id="reportingDiv">

                            </div>
                        </div>
                    </div> {{-- panel-body panelBodyView DIV --}}
                </div>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript">
    $(document).ready(function() {

        $("#runProcess").click(function(event) {
            event.preventDefault();
            
            // autoRunProcess();
            
            // manuallyRunProcess();
        });
        
        const isLeap = year => new Date(year, 1, 29).getDate() === 29;
        
        function getMonthLastdate(m, y) {
            if(m == 01) return 31
            if(m == 02) return isLeap(y) ? 29 : 28
            if(m == 03) return 31
            if(m == 04) return 30
            if(m == 05) return 31
            if(m == 06) return 30
            if(m == 07) return 31
            if(m == 08) return 31
            if(m == 09) return 30
            if(m == 10) return 31
            if(m == 11) return 30
            if(m == 12) return 31
        }
        
        async function autoRunProcess() {
            
            let filMonth = $('#filMonth').val()
            let startDate = `01-${filMonth}`
            let startdateArray = startDate.split('-')
            let monthlastDate = getMonthLastdate(startdateArray[1], startdateArray[2])
            let endDate = `${monthlastDate}-${filMonth}`
            
            let operationName = $("#operationName option:selected").val()
            
            let i = 0
            let branchId = parseInt( $("#branchId option:selected").val() )
            let lastBranch = parseInt( $('#branchId option:last').val() )
            if(branchId == 0) { 
                $('#branchId option:selected').next().attr('selected', 'selected') 
                branchId = parseInt( $("#branchId option:selected").val() ) 
            }
            
            // startDate = '01-07-2021'; endDate = '31-07-2021'; // july
            // startDate = '01-08-2021'; endDate = '31-08-2021'; // august
            // startDate = '01-09-2021'; endDate = '30-09-2021'; // september
            // startDate = '01-10-2021'; endDate = '31-10-2021'; // october
            // startDate = '01-11-2021'; endDate = '30-11-2021'; // november
            // startDate = '01-12-2021'; endDate = '31-12-2021'; // december
            
            // startDate = '01-01-2022'; endDate = '31-01-2022'; // january
            // startDate = '01-02-2022'; endDate = '28-02-2022'; // february
            // startDate = '01-03-2022'; endDate = '31-03-2022'; // march
            // startDate = '01-04-2022'; endDate = '30-04-2022'; // april
            // startDate = '01-05-2022'; endDate = '31-05-2022'; // may
            // startDate = '01-06-2022'; endDate = '30-06-2022'; // june
            
            // startDate = '01-07-2022'; endDate = '31-07-2022'; // july
            // startDate = '01-08-2022'; endDate = '31-08-2022'; // august
            // startDate = '01-09-2022'; endDate = '30-09-2022'; // september
            // startDate = '01-10-2022'; endDate = '31-10-2022'; // october
            // startDate = '01-11-2022'; endDate = '30-11-2022'; // november
            // startDate = '01-12-2022'; endDate = '31-12-2022'; // december
            // return; 
            
            // single branch 
            // callProcess(operationName, branchId, 0, startDate, endDate)
            
            // all branch 
            //*
            while (branchId <= lastBranch) 
            {                 
                // fixed date range
                callProcess(operationName, branchId, 0, startDate, endDate) 
                
                if (branchId == lastBranch) break;
                $('#branchId option:selected').next().attr('selected', 'selected')
                branchId = parseInt( $('#branchId option:selected').val() )
            }
            //*/
        }
        
        async function manuallyRunProcess() {
            let operationName = $("#operationName option:selected").val()
            let branchId = parseInt( $("#branchId option:selected").val() )
            
            // callProcess(operationName, branchId, 0, '01-07-2021', '31-07-2021') // july
            // callProcess(operationName, branchId, 0, '01-08-2021', '31-08-2021') // august
            // callProcess(operationName, branchId, 0, '01-09-2021', '30-09-2021') // september
            // callProcess(operationName, branchId, 0, '01-10-2021', '31-10-2021') // october
            // callProcess(operationName, branchId, 0, '01-11-2021', '30-11-2021') // november
            // callProcess(operationName, branchId, 0, '01-12-2021', '31-12-2021') // december
            
            // callProcess(operationName, branchId, 0, '01-01-2022', '31-01-2022') // january
            // callProcess(operationName, branchId, 0, '01-02-2022', '28-02-2022') // february
            // callProcess(operationName, branchId, 0, '01-03-2022', '31-03-2022') // march
            // callProcess(operationName, branchId, 0, '01-04-2022', '30-04-2022') // april
            // callProcess(operationName, branchId, 0, '01-05-2022', '31-05-2022') // may
            // callProcess(operationName, branchId, 0, '01-06-2022', '30-06-2022') // june
        }
        
        function callProcess(operationName, branchId, mraProductGroupId, startDate, endDate) 
        {
            console.log(operationName, branchId, startDate, endDate)
            
            let url = './' + operationName;
            $.ajax({
        		type: 'post',
        		url: url,
        		dataType: 'json',
        		data: {
        			'branchId'          : branchId,
        			'mraProductGroupId' : mraProductGroupId,
                    'startDate'         : startDate,
                    'endDate'           : endDate
        		},
        		success: function(data) {
        		    $('#loadingModal').hide();
        			if (data.responseTitle=='Success!') toastr.success(data.responseText, data.responseTitle, opts);                    
        			if (data.responseTitle=='Warning!') toastr.warning(data.responseText, data.responseTitle, opts);  
        		}
            });
        }
        
        
        const sleep = (milliseconds) => {
            return new Promise(resolve => setTimeout(resolve, milliseconds))
        }
        
    });
    
    $("#filMonth").datepicker({
        dateFormat: 'mm-yy',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        onClose: function(dateText, inst) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).val($.datepicker.formatDate('mm-yy', new Date(year, month, 1)));
        }
    });

    $('#filMonth').click(function(event) {
        this.value = '';
    }); 
    

</script>


@endsection