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

<style type="text/css">
    #submit,#previewSubmit{
        background-color: #3b4049 !important;
    }
    .content-title{
        color: white !important;
    }
    #samityTable thead tr th, #samityTable tbody tr td{
        padding: 2px;
    }
    #samityTable{
        font-size: 12px;
    }
    #samityTable tbody tr td input[type='text']{
        width: 60px;
        text-align: right;
    }
    #samityTable tbody tr:nth-child(1) td{
        background-color: #919cad;
    }
    #samityTable tfoot tr td{
        line-height: 5px;
        background-color: #919cad;
    }
    #samityTable tfoot tr td.amount{
        text-align: right;
        padding-right: 8px;
        font-weight: bold;
    }
</style>

<div class="row ">
<div class="col-md-12">
    <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">
            <div class="panel-options">
                <a href="{{ url('viewMfnAutoProcess/') }}" class="btn btn-info pull-right addViewBtn">
                    <i class="glyphicon glyphicon-plus-sign addIcon"></i> 
                    Auto Process List
                </a>
            </div>
            <div style="text-align: center;">
                <h4 class="content-title">Samity Name: {{$samity->name.'('.$samity->code.')'}}<br>Samity Day: {{$samityDayName}}</h4>
            </div>
            </div>
             
        <div class="panel-body panelBodyView"> 
            {!! Form::open(['id'=>'autoProcessForm']) !!}

            {!! Form::hidden('softwareDate',$softwareDate) !!}
            <div id="cloneDiv">
            <table class="table table-striped table-bordered" style="color: black;" id="samityTable">
                <thead>
                      <tr>
                        <th colspan="5">Member Information</th>
                        <th colspan="8">Loan Information</th>
                        <th colspan="6">Saving Information</th>
                      </tr>

                      <tr>
                        <th>SL#</th>
                        <th>Member ID</th>
                        <th>Member Name</th>
                        <th>Father/Spouse Name</th>
                        <th>Is Present?</th>

                        <th>Loan ID</th>
                        <th>Installment Amount</th>
                        <th>Due</th>
                        <th>Advance</th>
                        <th>Full</th>
                        <th>Partial</th>
                        <th>Zero</th>
                        <th>Amount</th>

                        <th>Savings ID</th>
                        <th>Auto Pro. Amount</th>
                        <th>Full</th>
                        <th>Partial</th>
                        <th>Zero</th>
                        <th>Amount</th>
                      </tr>
                    </thead>

                <tbody>

                    <tr>
                        <td colspan="4"></td>
                        <td>{!! Form::checkbox('isPresentAll', '0', true,['class'=>'isPresentAll']) !!}</td>
                        <td colspan="4"></td>
                        <td>{!! Form::checkbox('loanFullAll', '0', true,['class'=>'loanFullAll']) !!}</td>
                        <td>{!! Form::checkbox('loanPartialAll', '0', false,['class'=>'loanPartialAll']) !!}</td>
                        <td>{!! Form::checkbox('loanZeroAll', '0', false,['class'=>'loanZeroAll']) !!}</td>
                        <td></td>
                        <td colspan="2"></td>
                        <td>{!! Form::checkbox('savingsFullAll', '0', true,['class'=>'savingsFullAll']) !!}</td>
                        <td>{!! Form::checkbox('savingsPartialAll', '0', false,['class'=>'savingsPartialAll']) !!}</td>
                        <td>{!! Form::checkbox('savingsZeroAll', '0', false,['class'=>'savingsZeroAll']) !!}</td>
                        <td></td>
                    </tr>

                    @php
                        $currentMemberId = isset($members[0]->id) ? $members[0]->id : 0;
                        $isMemberChanged = 0;
                    @endphp
                    
                    @foreach ($members as $key => $member)

                        @php

                            $savingsAccounts = $dbSavingAccounts->where('memberIdFk',$member->id)->values();

                            $loanAccounts = $dbLoanAccounts->where('memberIdFk', $member->id)->values();
                            
                            $numOfSavingsAcc = count($savingsAccounts);
                            $numOfLoanAcc = count($loanAccounts);                            
                            $rowSpan = max($numOfLoanAcc,$numOfSavingsAcc);                        
                            
                            if ($member->id!=$currentMemberId) {
                                $currentMemberId = $member->id;
                                $isMemberChanged = 1;
                            }
                            else{
                                $isMemberChanged = 0;
                            }  

                        @endphp

                    <tr data-id="{{ $member->id }}">

                        @if($key==0 || $isMemberChanged==1)
                        
                        <td rowspan="{{$rowSpan}}">{{$key+1}}</td>
                        <td rowspan="{{$rowSpan}}" class="hiddenMemberID" style="display: none">{{$member->id}}</td>
                        <td rowspan="{{$rowSpan}}" class="memberCode">{{$member->code}}</td>
                        <td rowspan="{{$rowSpan}}" class="name">{{$member->name}}</td>
                        <td rowspan="{{$rowSpan}}" class="name">{{$member->spouseFatherSonName}}</td>
                        <td rowspan="{{$rowSpan}}">
                            {!! Form::hidden('presentMemberId[]',$member->id) !!} 
                            {!! Form::hidden('isPresentText[]',1,['class'=>'isPresentText']) !!} 
                            {!! Form::checkbox('isPresent[]', 1, true,['class'=>'isPresent']) !!}</td>
                            
                        @endif
                        @if(count($loanAccounts)>0)
                        @php
                            $dueAmount = $dbSchedules->where('loanIdFk',$loanAccounts[0]->id)->where('scheduleDate','<',$softwareDate)->sum('installmentAmount') - $dbLoanCollections->where('loanIdFk',$loanAccounts[0]->id)->where('collectionDate','<',$softwareDate)->sum('amount');
                            $advanceAmount = $dueAmount<0 ? -$dueAmount : 0;
                            $dueAmount = $dueAmount<0 ? 0 : $dueAmount;

                            $outstandingAmount = $loanAccounts[0]->totalRepayAmount - $dbLoanCollections->where('loanIdFk',$loanAccounts[0]->id)->sum('amount');
                           
                            $installmentAmount = ($loanAccounts[0]->installmentAmount > $outstandingAmount) ? $outstandingAmount : $loanAccounts[0]->installmentAmount;
                            
                            // adjusting previously paid advance with due
                            if( $advanceAmount > $dueAmount ) $dueAmount = 0;
                            else {
                                $dueAmount = $dueAmount - $advanceAmount;
                                $advanceAmount = 0;
                            }
                            
                            // adjusting previously paid advance with future advance
                            $maxAllowedAdvanceAmount = (float) $dbSchedules->where('scheduleDate','>',$softwareDate)->sortBy('scheduleDate')->take(1)->sum('installmentAmount');
                            if( $advanceAmount > $maxAllowedAdvanceAmount ) $maxAllowedAdvanceAmount = 0;
                            else $maxAllowedAdvanceAmount = $maxAllowedAdvanceAmount - $advanceAmount;

                            $maxInstallmentAmount = $dueAmount + $maxAllowedAdvanceAmount;

                            $installmentAmount = min( $installmentAmount, $maxInstallmentAmount );
                           
                        @endphp             
                            <td>{{$loanAccounts[0]->loanCode}}</td>
                            <td class="amount">{{number_format($loanAccounts[0]->installmentAmount,2)}}</td>
                            <td class="amount">{{number_format($dueAmount,2)}}</td>
                            <td class="amount">{{number_format($advanceAmount,2)}}</td>
                            <td>{!! Form::checkbox('loanFull', '0', true,['class'=>'loanFull', 'data-member'=> "$member->id"]) !!}</td>
                            <td>{!! Form::checkbox('loanPartial', '0', false,['class'=>'loanPartial' , 'data-member'=> "$member->id"]) !!}</td>
                            <td>{!! Form::checkbox('loanZero', '0', false,['class'=>'loanZero' , 'data-member'=> "$member->id"]) !!}</td>
                            <td>
                                {!! Form::hidden('loanMemberId[]', $member->id) !!}
                                {!! Form::hidden('loanAccId[]', $loanAccounts[0]->id) !!}
                                {!! Form::hidden('loanFullAmount', $installmentAmount,['class'=>'loanFullAmount']) !!}
                                {!! Form::text('loanAmount[]', $installmentAmount,['class'=>"loanAmount loan_$member->id",'readonly', 'data-member'=> "$member->id"]) !!}
                            </td>
                        @else
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        @endif
                        
                        @if (isset($savingsAccounts[0]))
                            @php $savingsZeroId = 'savingsZero' . $savingsAccounts[0]->id . 'id'; @endphp
                            <td>{{$savingsAccounts[0]->savingsCode}}</td>
                            <td>{{$savingsAccounts[0]->autoProcessAmount}}</td>
                            {{-- <td>{!! Form::checkbox('savingsFull', '0', true,['class'=>'savingsFull']) !!}</td> --}}
                            {{-- <td>{!! Form::checkbox('savingsPartial', '0', false,['class'=>'savingsPartial']) !!}</td> --}}
                            {{-- <td>{!! Form::checkbox('savingsZero', '0', false,['class'=>'savingsZero']) !!}</td> --}}
                            
                            <td><input class="savingsFull" name="savingsFull" type="checkbox" checked value="0" data-rowspan="{{ $rowSpan }}" data-member="{{ $member->id }}"></td>
                            <td><input class="savingsPartial" name="savingsPartial" type="checkbox" value="0" data-rowspan="{{ $rowSpan }}" data-member="{{ $member->id }}"></td>
                            <td><input id="{{ $savingsZeroId }}" class="savingsZero" name="savingsZero" type="checkbox" value="0" data-rowspan="{{ $rowSpan }}" data-member="{{ $member->id }}"></td>
                            
                            <td>                            
                                {!! Form::hidden('savingsMemberId[]', $member->id) !!}
                                {!! Form::hidden('savingsAccId[]', $savingsAccounts[0]->id) !!}
                                {!! Form::hidden('savingsFullAmount', $savingsAccounts[0]->autoProcessAmount,['class'=>'savingsFullAmount']) !!}
                                {!! Form::text('savingsAmount[]', $savingsAccounts[0]->autoProcessAmount,['class'=>"savingsAmount sav_$member->id",'readonly', 'data-member'=> "$member->id"]) !!}
                            </td>
                        @else
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        @endif
                        
                    </tr>


                    @for($i=1;$i<$rowSpan;$i++)
                        <tr>
                        {{-- loan accounts --}}
                        @if(isset($loanAccounts[$i]))
                         @php

                           $dueAmount = $dbSchedules->where('loanIdFk',$loanAccounts[$i]->id)->where('scheduleDate','<',$softwareDate)->sum('installmentAmount') - $dbLoanCollections->where('loanIdFk',$loanAccounts[$i]->id)->where('collectionDate','<',$softwareDate)->sum('amount');
                           $advanceAmount = $dueAmount<0 ? -$dueAmount : 0;
                           $dueAmount = $dueAmount<0 ? 0 : $dueAmount;

                           $outstandingAmount = $loanAccounts[$i]->totalRepayAmount - $dbLoanCollections->where('loanIdFk',$loanAccounts[$i]->id)->sum('amount');
                           
                            $installmentAmount = ($loanAccounts[$i]->installmentAmount > $outstandingAmount) ? $outstandingAmount : $loanAccounts[$i]->installmentAmount;
                            
                            // adjusting previously paid advance with due
                            if( $advanceAmount > $dueAmount ) $dueAmount = 0;
                            else {
                                $dueAmount = $dueAmount - $advanceAmount;
                                $advanceAmount = 0;
                            }
                            
                            // adjusting previously paid advance with future advance
                            $maxAllowedAdvanceAmount = (float) $dbSchedules->where('scheduleDate','>',$softwareDate)->sortBy('scheduleDate')->take(1)->sum('installmentAmount');
                            if( $advanceAmount > $maxAllowedAdvanceAmount ) $maxAllowedAdvanceAmount = 0;
                            else $maxAllowedAdvanceAmount = $maxAllowedAdvanceAmount - $advanceAmount;

                            $maxInstallmentAmount = $dueAmount + $maxAllowedAdvanceAmount;

                            $installmentAmount = min( $installmentAmount, $maxInstallmentAmount );
                                
                        @endphp 
                            <td>{{$loanAccounts[$i]->loanCode}}</td>
                            <td class="amount">{{number_format($loanAccounts[$i]->installmentAmount,2)}}</td>
                            <td class="amount">{{number_format($dueAmount,2)}}</td>
                            <td class="amount">{{number_format($advanceAmount,2)}}</td>
                            <td>{!! Form::checkbox('loanFull', '0', true,['class'=>'loanFull', 'data-member'=> "$member->id"]) !!}</td>
                            <td>{!! Form::checkbox('loanPartial', '0', false,['class'=>'loanPartial', 'data-member'=> "$member->id"]) !!}</td>
                            <td>{!! Form::checkbox('loanZero', '0', false,['class'=>'loanZero', 'data-member'=> "$member->id"]) !!}</td>
                            <td>
                                {!! Form::hidden('loanMemberId[]', $member->id) !!}
                                {!! Form::hidden('loanAccId[]', $loanAccounts[$i]->id) !!}
                                {!! Form::hidden('loanFullAmount', $installmentAmount,['class'=>'loanFullAmount']) !!}
                                {!! Form::text('loanAmount[]', $installmentAmount,['class'=>"loanAmount loan_$member->id",'readonly', 'data-member'=> "$member->id"]) !!}
                            </td>
                        @else
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        @endif
                        {{-- end loan accounts --}}


                         {{-- savings accounts --}}
                        @if(isset($savingsAccounts[$i]))
                            @php $savingsZeroId = 'savingsZero' . $savingsAccounts[$i]->id . 'id'; @endphp
                            <td>{{$savingsAccounts[$i]->savingsCode}}</td>
                            <td>{{$savingsAccounts[$i]->autoProcessAmount}}</td>
                            {{-- <td>{!! Form::checkbox('savingsFull', '0', true,['class'=>'savingsFull']) !!}</td> --}}
                            {{-- <td>{!! Form::checkbox('savingsPartial', '0', false,['class'=>'savingsPartial']) !!}</td> --}}
                            {{-- <td>{!! Form::checkbox('savingsZero', '0', false,['class'=>'savingsZero']) !!}</td> --}}

                            <td><input class="savingsFull" name="savingsFull" type="checkbox" checked value="0" data-rowspan="{{ $rowSpan }}" data-member="{{ $member->id }}"></td>
                            <td><input class="savingsPartial" name="savingsPartial" type="checkbox" value="0" data-rowspan="{{ $rowSpan }}" data-member="{{ $member->id }}"></td>
                            <td><input id="{{ $savingsZeroId }}" class="savingsZero" name="savingsZero" type="checkbox" value="0" data-rowspan="{{ $rowSpan }}" data-member="{{ $member->id }}"></td>
                            
                            <td>
                                {!! Form::hidden('savingsMemberId[]', $member->id) !!}
                                {!! Form::hidden('savingsAccId[]', $savingsAccounts[$i]->id) !!}
                                {!! Form::hidden('savingsFullAmount', $savingsAccounts[$i]->autoProcessAmount,['class'=>'savingsFullAmount']) !!}
                                {!! Form::text('savingsAmount[]', $savingsAccounts[$i]->autoProcessAmount,['class'=>"savingsAmount sav_$member->id",'readonly', 'data-member'=> "$member->id"]) !!}
                            </td>
                        @else
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>                            
                        @endif
                        {{-- end savings accounts --}}

                        </tr>
                    @endfor {{-- for multiple accounts --}}
                    @endforeach {{-- member --}}
                    
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="12" style="text-align: center;font-weight:bold;">Total</td>
                        <td class="amount">
                            {!! Form::hidden('loanTotalAmount',0,['id'=>'loanTotalAmount']) !!}
                            <span id="loanTotal"></span>
                        </td>
                        <td colspan="5"></td>
                        <td class="amount">
                            {!! Form::hidden('savingsTotalAmount',0,['id'=>'savingsTotalAmount']) !!}
                            <span id="savingsTotal"></span>
                        </td>
                    </tr>
                </tfoot>
                
            </table>
            </div>
            <br>
            <div class="pull-right">            
                <input id="previewSubmit" class="btn btn-info" type="button" value="Preview & Submit">
            </div>



            {!! Form::close() !!}

        </div>
    </div>
</div>

</div>


{{-- preview modal --}}
<div id="previewModal" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog modal-lg" style="width: 1250px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center">Auto Process Preview</h4>
            </div>
            <div id="modalBody" class="modal-body" style="pointer-events: none;">
                
            </div> {{-- End View Modal Body--}}
            <div class="modal-footer">
                <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" type="button"><span> Close</span></button>

                 <button id="submitButton" class="btn actionBtn glyphicon glyphicon-check btn-success edit" type="button"> Submit</button>
            </div>
        </div>
    </div>
</div>
{{-- end preview modal --}}



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

        function num(argument) {
            return argument.toLocaleString('en-US', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            });
        }
        calculateTotalAmount();

        function toggleAllCheckBox(parentClassName, childClassName) {
            var parent = parentClassName;
            var child = childClassName;

            var numAllChilds = $(child).length;
            var numOfCheckChilds = $(child + ":checkbox:checked").length;

            if (numOfCheckChilds == numAllChilds) {
                $(parent).prop("checked", true);
            } else {
                $(parent).prop("checked", false);
            }
        }

        $(document).on('change', '.isPresentAll', function (event) {
            if ($(this).is(':checked')) {
                $(".isPresent").prop("checked", true);
                $(".isPresentText").val(1);
                $(".loanAmount").each(function (index, el) {
                    $(el).val($(el).closest('tr').find('.loanFullAmount').val());
                });
                $(".savingsAmount").each(function (index, el) {
                    $(el).val($(el).closest('tr').find('.savingsFullAmount').val());
                });
            } else {
                $(".isPresent").prop("checked", false);
                $(".isPresentText").val(0);
                $(".loanAmount").each(function (index, el) {
                    $(el).val(0);
                });
                $(".savingsAmount").each(function (index, el) {
                    $(el).val(0);
                });
            }

            $(".loanAmount").each(function (index, el) {
                $(el).trigger('input');
            });

            $(".savingsAmount").each(function (index, el) {
                $(el).trigger('input');
            });
        });

        $('body').on('click', '.isPresent', function (event) {
            var tr = $(this).closest('tr');
            var memberId = tr.attr('data-id');
            if ($(this).is(':checked')) {
                tr.find('.isPresentText').val(1);
                $(".loan_"+memberId).each(function (index, el) {
                    $(el).val($(el).closest('tr').find('.loanFullAmount').val());
                });
                $(".sav_"+memberId).each(function (index, el) {
                    $(el).val($(el).closest('tr').find('.savingsFullAmount').val());
                });
            } else {
                $(".loan_"+memberId).each(function (index, el) {
                    $(el).val(0);
                });

                $(".sav_"+memberId).each(function (index, el) {
                    $(el).val(0);
                });
                tr.find('.isPresentText').val(0);
            }
            $(".loan_"+memberId).each(function (index, el) {
                $(el).trigger('input');
            });

            $(".sav_"+memberId).each(function (index, el) {
                $(el).trigger('input');
            });
            toggleAllCheckBox('.isPresentAll', '.isPresent');
        });

        $(document).on('change', '.savingsFullAll', function (event) {
            if ($(this).is(':checked')) {
                $(".savingsFull").prop("checked", true);

                $(".savingsPartialAll").prop("checked", false).trigger('change');
                $(".savingsZeroAll").prop("checked", false).trigger('change');
                $('.savingsAmount').attr('readonly', true);
                $('.savingsAmount').each(function (index, el) {
                    $(el).val($(el).closest('tr').find('.savingsFullAmount').val());
                    $(el).closest('tr').find('.savingsAmount').trigger('input');
                });
            } else {
                $(".savingsFull").prop("checked", false);
            }
        });

        $(document).on('change', '.savingsPartialAll', function (event) {
            if ($(this).is(':checked')) {
                $(".savingsPartial").prop("checked", true);

                $(".savingsFullAll").prop("checked", false).trigger('change');
                $(".savingsZeroAll").prop("checked", false).trigger('change');

                $('.savingsAmount').attr('readonly', false);
                $('.savingsAmount').val('');
                $('.savingsAmount').each(function (index, el) {
                    $(el).closest('tr').find('.savingsAmount').trigger('input');
                });
            } else {
                $(".savingsPartial").prop("checked", false);
            }
            calculateTotalAmount();
        });

        $(document).on('change', '.savingsZeroAll', function (event) {
            if ($(this).is(':checked')) {
                $(".savingsZero").prop("checked", true);

                $(".savingsFullAll").prop("checked", false).trigger('change');
                $(".savingsPartialAll").prop("checked", false).trigger('change');

                $('.savingsAmount').attr('readonly', false);
                $('.savingsAmount').val(0);
                $('.savingsAmount').each(function (index, el) {
                    $(el).closest('tr').find('.savingsAmount').trigger('input');
                });
            } else {
                $(".savingsZero").prop("checked", false);
            }
            calculateTotalAmount();
        });
        

        $(document).on('change', '.savingsFull', function (event) {
            toggleAllCheckBox('.savingsFullAll', '.savingsFull');

            if ($(this).is(':checked')) {
                $(this).closest('tr').find('.savingsPartial').prop("checked", false);
                $(this).closest('tr').find('.savingsZero').prop("checked", false);
            }
            toggleAllCheckBox('.savingsPartialAll', '.savingsPartial');
            toggleAllCheckBox('.savingsZeroAll', '.savingsZero');

            var savingsFullAmount = $(this).closest('tr').find('.savingsFullAmount').val();
            $(this).closest('tr').find('.savingsAmount').val(savingsFullAmount);
            $(this).closest('tr').find('.savingsAmount').attr('readonly', true);
            $(this).closest('tr').find('.savingsAmount').trigger('input');
            calculateTotalAmount();
        });

        $(document).on('change', '.savingsPartial', function (event) {
            toggleAllCheckBox('.savingsPartialAll', '.savingsPartial');

            if ($(this).is(':checked')) {
                $(this).closest('tr').find('.savingsFull').prop("checked", false);
                $(this).closest('tr').find('.savingsZero').prop("checked", false);
            }

            toggleAllCheckBox('.savingsFullAll', '.savingsFull');
            toggleAllCheckBox('.savingsZeroAll', '.savingsZero');
            $(this).closest('tr').find('.savingsAmount').val('');
            $(this).closest('tr').find('.savingsAmount').attr('readonly', false);
            $(this).closest('tr').find('.savingsAmount').trigger('input');
            calculateTotalAmount();
        });

        $(document).on('change', '.savingsZero', function (event) {
            toggleAllCheckBox('.savingsZeroAll', '.savingsZero');

            if ($(this).is(':checked')) {
                $(this).closest('tr').find('.savingsFull').prop("checked", false);
                $(this).closest('tr').find('.savingsPartial').prop("checked", false);
            }

            toggleAllCheckBox('.savingsFullAll', '.savingsFull');
            toggleAllCheckBox('.savingsPartialAll', '.savingsPartial');
            $(this).closest('tr').find('.savingsAmount').val(0);
            $(this).closest('tr').find('.savingsAmount').attr('readonly', true);
            $(this).closest('tr').find('.savingsAmount').trigger('input');
            calculateTotalAmount();
        });


        /*calculate total amount*/
        function calculateTotalAmount() {
            var totalAmount = 0;
            $(".savingsAmount").each(function (index, el) {
                var savingsAmount = 0;
                if ($(el).val() != '') {
                    savingsAmount = parseFloat($(el).val());
                }
                totalAmount = totalAmount + savingsAmount;
            });

            $("#savingsTotalAmount").val(totalAmount);
            $("#savingsTotal").html(num(totalAmount));
        }
        /*end calculate total amount*/

        $(document).on('input', '.savingsAmount', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
            tr =  $(this).closest('tr');
            $(this).closest('tr').find('.savingsFull, .savingsPartial, .savingsZero').prop("checked", false);
            var savingsAmount = $(this).closest('tr').find('.savingsFullAmount').val();
            if(!this.value){
                $(this).closest('tr').find('.savingsPartial').prop("checked", true);
            } else if(parseInt(this.value) == 0){
                $(this).closest('tr').find('.savingsZero').prop("checked", true);
            } else if(parseInt(this.value) == savingsAmount){
                $(this).closest('tr').find('.savingsFull').prop("checked", true);
            } else {
                $(this).closest('tr').find('.savingsPartial').prop("checked", true);
            }
            calculateTotalAmount();
        });



        /*-------------loan section starts------------*/

        $(document).on('change', '.loanFullAll', function (event) {
            if ($(this).is(':checked')) {
                $(".loanFull").prop("checked", true);

                $(".loanPartialAll").prop("checked", false).trigger('change');
                $(".loanZeroAll").prop("checked", false).trigger('change');
                $('.loanAmount').attr('readonly', true);
                $('.loanAmount').each(function (index, el) {
                    $(el).val($(el).closest('tr').find('.loanFullAmount').val());
                    $(el).closest('tr').find('.loanAmount').trigger('input');
                });
            } else {
                $(".loanFull").prop("checked", false);
            }
        });

        $(document).on('change', '.loanPartialAll', function (event) {
            if ($(this).is(':checked')) {
                $(".loanPartial").prop("checked", true);

                $(".loanFullAll").prop("checked", false).trigger('change');
                $(".loanZeroAll").prop("checked", false).trigger('change');

                $('.loanAmount').attr('readonly', false);
                $('.loanAmount').val('');
                $('.loanAmount').each(function (index, el) {
                    $(el).closest('tr').find('.loanAmount').trigger('input');
                });
            } else {
                $(".loanPartial").prop("checked", false);
            }
            calculateTotalAmount();
        });

        $(document).on('change', '.loanZeroAll', function (event) {
            if ($(this).is(':checked')) {
                $(".loanZero").prop("checked", true);

                $(".loanFullAll").prop("checked", false).trigger('change');
                $(".loanPartialAll").prop("checked", false).trigger('change');

                $('.loanAmount').attr('readonly', false);
                $('.loanAmount').val(0);
                $('.loanAmount').each(function (index, el) {
                    $(el).closest('tr').find('.loanAmount').trigger('input');
                });
            } else {
                $(".loanZero").prop("checked", false);
            }
            calculateTotalAmount();
        });




        $(document).on('change', '.loanFull', function (event) {
            toggleAllCheckBox('.loanFullAll', '.loanFull');

            if ($(this).is(':checked')) {
                $(this).closest('tr').find('.loanPartial').prop("checked", false);
                $(this).closest('tr').find('.loanZero').prop("checked", false);
            }
            toggleAllCheckBox('.loanPartialAll', '.loanPartial');
            toggleAllCheckBox('.loanZeroAll', '.loanZero');
            var loanFullAmount = $(this).closest('tr').find('.loanFullAmount').val();
            $(this).closest('tr').find('.loanAmount').val(loanFullAmount);
            $(this).closest('tr').find('.loanAmount').attr('readonly', true);
            $(this).closest('tr').find('.loanAmount').trigger('input');
            calculateTotalAmount();
        });

        $(document).on('change', '.loanPartial', function (event) {
            toggleAllCheckBox('.loanPartialAll', '.loanPartial');

            if ($(this).is(':checked')) {
                $(this).closest('tr').find('.loanFull').prop("checked", false);
                $(this).closest('tr').find('.loanZero').prop("checked", false);
            }

            toggleAllCheckBox('.loanFullAll', '.loanFull');
            toggleAllCheckBox('.loanZeroAll', '.loanZero');
            $(this).closest('tr').find('.loanAmount').val('');
            $(this).closest('tr').find('.loanAmount').attr('readonly', false);
            $(this).closest('tr').find('.loanAmount').trigger('input');
            calculateTotalAmount();
        });

        $(document).on('change', '.loanZero', function (event) {
            toggleAllCheckBox('.loanZeroAll', '.loanZero');

            if ($(this).is(':checked')) {
                $(this).closest('tr').find('.loanFull').prop("checked", false);
                $(this).closest('tr').find('.loanPartial').prop("checked", false);
            }

            toggleAllCheckBox('.loanFullAll', '.loanFull');
            toggleAllCheckBox('.loanPartialAll', '.loanPartial');
            $(this).closest('tr').find('.loanAmount').val(0);
            $(this).closest('tr').find('.loanAmount').attr('readonly', true);
            $(this).closest('tr').find('.loanAmount').trigger('input');
            calculateTotalAmount();
        });


        $(document).on('input', '.loanAmount', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1')      
            let inputAmount = parseFloat(this.value)   
            let loanFullAmount = $(this).closest('tr').find('.loanFullAmount').val()            
            $(this).closest('tr').find('.loanZero, .loanPartial, .loanFull').prop("checked", false)
            
            if(!this.value) $(this).closest('tr').find('.loanPartial').prop("checked", true)
            else if(this.value == 0) $(this).closest('tr').find('.loanZero').prop("checked", true)
            else if(this.value == loanFullAmount) $(this).closest('tr').find('.loanFull').prop("checked", true)
            else  $(this).closest('tr').find('.loanPartial').prop("checked", true)
                    
            $(".error").remove()
            let maxInstallmentAmount = 0
            if (loanFullAmount != '' || loanFullAmount != null) maxInstallmentAmount = parseFloat(loanFullAmount)
            if (inputAmount > maxInstallmentAmount) {
                this.value = maxInstallmentAmount
                toastr.warning("Amount can't be greater than Max Repay Amount.", "Invalid Amount")
                $(this).after("<p class='error'>* Invalid Amount </p>")
            }

            calculateTotalAmount()
        });

        /*end loan section*/

        //Is Present Checked Defend on Collection(Start)
        $(document).on('input', '.loanAmount, .savingsAmount', function () {
            let memberId = $(this).attr('data-member');
            isPresentStatus(memberId);
        });

        function  isPresentStatus(memberId){
            let loanAmount = 0;
            let savingsAmount  = 0;
            $(".loan_"+memberId).each(function (index, el) {
                loanAmount += +$(el).closest('tr').find('.loanAmount').val();
            });
            $(".sav_"+memberId).each(function (index, el) {
                savingsAmount  += +$(el).closest('tr').find('.savingsAmount ').val();
            });
            $("tr[data-id='" + memberId + "']").find('.isPresent').attr("disabled", false); 
            if(savingsAmount >0 || loanAmount > 0 ){
                $("tr[data-id='" + memberId + "']").find('.isPresent').prop("checked", true).trigger('change'); 
                $("tr[data-id='" + memberId + "']").find('.isPresent').attr("disabled", true); 
            }

        }
        //Is Present Checked Defend on Collection(End)


        /*form submit*/
        $('#autoProcessForm').submit(function (event) {
            event.preventDefault();
            $("#submitButton").prop("disabled", true);
            //alert($(this).serialize());

            var inputEmptyFlag = 0;

            $(".loanAmount").each(function (index, el) {
                if ($(this).val() == '') {
                    inputEmptyFlag = 1;
                    return false;
                }
            });
            if (inputEmptyFlag == 0) {
                $(".savingsAmount").each(function (index, el) {
                    if ($(this).val() == '') {
                        inputEmptyFlag = 1;
                    }
                });
            }

            if (inputEmptyFlag == 1) {
                alert("Please Fill All Amount Input Fields.");
            } else {
                // submit form
                $.ajax({
                        url: './../mfnAutoProcessStoreCollectionNDeposit',
                        type: 'POST',
                        dataType: 'json',
                        data: $(this).serialize(),
                    })
                    .done(function (data) {

                        if (data.responseTitle == 'Warning!') {
                            toastr.warning(data.responseText, data.responseTitle, opts);
                            return false;
                        } else {
                            toastr.success(data.responseText, data.responseTitle, opts);

                            setTimeout(function () {
                                location.href = "{{url('viewMfnAutoProcess/')}}";
                            }, 2000);
                        }

                    })
                    .fail(function () {
                        alert("error");
                    });

            }

        });
        /*end form submit*/

        $("#previewSubmit").click(function (event) {
            $("#modalBody").empty();
            $("#cloneDiv").clone().appendTo("#modalBody");
            $("#previewModal").modal('show');
        });

        $("#submitButton").click(function (event) {
            $("#autoProcessForm").trigger('submit');
        });

        $('#previewModal').on('hidden.bs.modal', function () {
            $("#modalBody").empty();
        });

        $(document).on('click', '.loanFull,.loanPartial,.loanZero,.savingsFull,.savingsPartial,.savingsZero', function (event) {
            if (!$(this).is(":checked")) {
                event.preventDefault();
                return false;
            }
        });


    }); /*Ready*/
</script>

@endsection