@extends('layouts/microfin_layout')
@section('title', '| Add Transaction')
@section('content')
    @php
        use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
    @endphp

    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-10 col-md-offset-1 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ url('viewMfnOneTimeLoanTransaction/') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Transaction List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">New One Time Loan Transaction</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            {!! Form::open(array('url' => '', 'role' => 'forl', 'id' => 'rootwizard', 'class' => 'form-horizontal form-groups', 'novalidate' => '')) !!}

                            <div class="tab-content no-margin">
                                <div class="tab-pane with-bg active" id="fwv-1">
                                    <div class="panel panel-default" style="padding:0!important;">

                                        <div class="panel-body" style="padding:5px 10px;">
                                            <div class="row">
                                                <div class="col-xs-6">
                                                    {!! Form::hidden('memberId',null,['id'=>'memberId']) !!}
                                                    {!! Form::hidden('branchId',null,['id'=>'branchId']) !!}
                                                    {!! Form::hidden('samityId',null,['id'=>'samityId']) !!}
                                                    {!! Form::hidden('workingAreaId',null,['id'=>'workingAreaId']) !!}
                                                    {!! createForm::text('member','','Member:',['id'=>'member','autocomplete'=>'off']) !!}
                                                    {!! createForm::select('loanId',[''=>'Select'],null,'Loan Id:',['id'=>'loanId','autocomplete'=>'off']) !!}
                                                    {!! createForm::text('transactionDate',$softwareDate,'Transaction Date:',['id'=>'transactionDate','autocomplete'=>'off','readonly'=>'readonly','style'=>'cursor:pointer']) !!}
                                                    {!! createForm::select('paymentType',['Cash'=>'Cash','Bank'=>'Bank'],null,'Payment Type:',['id'=>'paymentType','autocomplete'=>'off']) !!}

                                                    <div class="bankDiv">
                                                        <div class="form-group">
                                                            {!! Form::label('bank', 'Bank:', ['class' => 'col-sm-4 control-label']) !!}
                                                            <div class="col-sm-8">
                                                                <select id="bank" name="bank" class="form-control">
                                                                    <option value="">Select</option>
                                                                    @foreach ($bankList as $bank)
                                                                        <option value="{{$bank->id}}">{{$bank->name.' ['.$bank->code.']'}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        {!! createForm::text('chequeNumber','','Cheque Number:',['id'=>'chequeNumber','autocomplete'=>'off']) !!}
                                                    </div>
                                                    @if ($dayBasisInterestCalculation == false)
                                                        {!! createForm::text('transactionAmount','','Transaction Amount:',['id'=>'transactionAmount','autocomplete'=>'off']) !!}

                                                        {{-- -------------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////---------------------------------- --}}
                                                        @if($moneyRecNoType == 'manual')
                                                        {!! createForm::text('moneyRecNo','','Money Receipt No:',['id'=>'moneyRecNo','autocomplete'=>'off']) !!}
                                                        @endif
                                                        {{-- --------------------------/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------------------------- --}}

                                                        {!! createForm::text('principalAmount','','Principal Amount:',['id'=>'principalAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                        {!! createForm::text('interestAmount','','Interest Amount:',['id'=>'interestAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}                                                    

                                                    @else

                                                        {{-- -------------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////---------------------------------- --}}
                                                        @if($moneyRecNoType == 'manual')
                                                        {!! createForm::text('moneyRecNo','','Money Receipt No:',['id'=>'moneyRecNo','autocomplete'=>'off']) !!}
                                                        @endif
                                                        {{-- --------------------------/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------------------------- --}}

                                                        {!! createForm::text('principalAmount','','Principal Amount:',['id'=>'principalAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                        {!! createForm::text('interestAmount','','Interest Amount:',['id'=>'interestAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}                                                    
                                                        {!! createForm::text('transactionAmount','','Transaction Amount:',['id'=>'transactionAmount','autocomplete'=>'off']) !!}

                                                    @endif
                                                    
                                                </div>{{-- End First Column --}}

                                                {{-- Second Coloum --}}
                                                <div class="col-xs-6">
                                                    {!! createForm::text('principalCollection','','Principal Collection:',['id'=>'principalCollection','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    {!! createForm::text('interestCollection','','Interest Collection:',['id'=>'interestCollection','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    {!! createForm::text('dueAmount','','Due Amount:',['id'=>'dueAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    {!! createForm::text('advanceAmount','','Advance Amount:',['id'=>'advanceAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    {!! createForm::text('outStanding','','Principal Outstanding:',['id'=>'outStanding','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    {!! createForm::text('interestOutStanding','','Interest Outstanding:',['id'=>'interestOutStanding','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    {!! Form::hidden('principalOutStandingHidden',null,['id'=>'principalOutStandingHidden']) !!}
                                                    {!! Form::hidden('interestOutStandingHidden',null,['id'=>'interestOutStandingHidden']) !!}
                                                    {!! createForm::text('installmentNo','','Installment No:',['id'=>'installmentNo','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                </div>
                                                {{-- End Second Coloum --}}
                                            </div>

                                            <ul class="pager wizard pull-right">
                                                {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                                {!! Form::submit('Submit & Continue', ['id' => 'submitAndContinue', 'class' => 'btn btn-info']) !!}
                                                
                                                {{-- -----------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-------------------------- --}}
                                                @if($isMoneyReceiptPrintAllow == 1)
                                                {!! Form::submit('Submit & Print', ['id' => 'submitAndPrint', 'class' => 'btn btn-info']) !!}
                                                @endif
                                                {{-- --------------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----------------------- --}}


                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @php
        $memberIds = implode(',', DB::table('mfn_loan')
            ->where('softDel',0)
            ->where('loanTypeId',2)
            ->where('loanCompletedDate', '0000-00-00')
            ->where('branchIdFk',Auth::user()->branchId)
            ->pluck('memberIdFk')
            ->toArray()
        );
        if (empty($memberIds)) {
            $memberIds = "0";
        }
        $members = DB::table('mfn_member_information')
            ->where('softDel',0)
            ->where('status',1)
            ->where('branchId',Auth::user()->branchId)
            ->where('admissionDate','<=',$softDate)
            // ->whereIn('id',$memberIds)
            ->whereRaw("id in($memberIds)")
            ->select('id','name','code','branchId','samityId')
            ->get();
    @endphp

    <div id="memberList" class="container" style="display: none;position: absolute;">
        <table id="memberListTable" class="table table-fixed" style="font-size: 10px;">
            <tbody style=" display:block;height: 120px;overflow-y: auto !important;overflow-x: hidden;float:left;">
            @foreach ($members as $member)
                @php
                    $branchName = DB::table('gnr_branch')->where('id',$member->branchId)->value('name');
                    $samity = DB::table('mfn_samity')->where('id',$member->samityId)->select('name','workingAreaId')->first();
                    $workingAreaName = DB::table('gnr_working_area')->where('id',$samity->workingAreaId)->value('name');
                @endphp
                <tr>
                    <td memberId="{{$member->id}}" branchId="{{$member->branchId}}" samityId="{{$member->samityId}}"
                        workingAreaId="{{$samity->workingAreaId}}" style="text-align: left;">
                        <span class="memberName" style="font-size: 11;font-weight: bold;">{{$member->name}}</span> -
                        <span class="memberCode" style="font-size: 11;font-weight: bold;">{{$member->code}}</span><br>
                        {{'Branch: '.$branchName}}<br>
                        {{'Samity: '.$samity->name}}<br>
                        {{'Working Area: '.$workingAreaName}}
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <style type="text/css">
        .bankDiv {
            display: none;
        }

        #rootwizard .panel-body .row {
            margin-bottom: 10px;
        }

        #rootwizard,
        #rootwizard .form-control {
            font-size: 11px !important;
            padding: 5px !important;
        }

        /*#rootwizard input[type='text']{
          height: 18px !important;
        }*/
        #rootwizard label {
            margin-bottom: 0 !important;
            color: #555 !important;
        }

        .validate-has-error {
            color: #FF0000;
        }

        .error {
            color: red;
        }

    </style>

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

            let dayBasisInterestCalculation =  "{{$dayBasisInterestCalculation}}";
            if (dayBasisInterestCalculation == 1) {
                $('#principalAmount').attr('readonly', 'readonly');
                $('#interestAmount').attr('readonly', 'readonly');
                $('#transactionAmount').removeAttr('readonly');
            }else {
                $('#principalAmount').removeAttr('readonly');
                $('#interestAmount').removeAttr('readonly');
                $('#transactionAmount').attr('readonly', 'readonly');
            }

            function updateTransactionAmount() {
                // Get the values of #principalAmount and #interestAmount, default to 0 if empty
                let principalAmount = parseFloat($('#principalAmount').val()) || 0;
                let interestAmount = parseFloat($('#interestAmount').val()) || 0;

                // Calculate the sum
                let total = principalAmount + interestAmount;
                let transactionAmount = parseFloat($('#transactionAmount').val()) || 0;

                if (total != transactionAmount) {
                    alert('Total of principal and interest amount is higher then transaction amount!')
                }
                
            }

            // Trigger the function on change of #principalAmount or #interestAmount
            $('#principalAmount, #interestAmount').on('change', function () {
                updateTransactionAmount();
            });

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

            $("#principalAmount,#interestAmount,#transactionAmount").on('input', function () {
                this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
            });
            $("#chequeNumber").on('input', function () {
                this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
            });

            // $(document).on('keyup', '#transactionAmount', function(){
            //     if(!$('#loanId').val()){
            //         toastr.warning('Please select member and specific loan.')
            //     }else{
            //         var transactionAmount = parseFloat($(this).val());
            //         if(transactionAmount > 0){
            //             var interestOutStanding = parseFloat($('#interestOutStandingHidden').val());
            //             var principalOutStanding = parseFloat($('#principalOutStandingHidden').val());
            //             var totalOutStanding = principalOutStanding + interestOutStanding;
                        
            //             if(transactionAmount <= totalOutStanding){
            //                 if(transactionAmount > interestOutStanding){
            //                     var principal = transactionAmount - interestOutStanding;
            //                     $('#principalAmount').val(principal);
            //                     $('#interestAmount').val(interestOutStanding);
            //                 }else{
            //                     $('#interestAmount').val(transactionAmount);
            //                     $('#principalAmount').val(0);
            //                 }
            //             }else{
            //                 toastr.warning('Transaction amount is greater than Total Outstanding.')
            //                 $(this).val('');
            //                 $('#principalAmount').val('');
            //                 $('#interestAmount').val('');
            //                 // console.log(totalOutStanding, transactionAmount)
            //             }   
            //         }else{
            //             $(this).val('');
            //             $('#principalAmount').val('');
            //             $('#interestAmount').val('');
            //         }                                     
            //     }
            // });
            
            //newly added for api(start)
            $(document).on('keyup', '#transactionAmount', function(){
                $('#principalAmount, #interestAmount').val('');
                var loanId = $('#loanId').val();
                var transactionDate = $('#transactionDate').val();
                var amount = $(this).val();
                var csrf = "{{csrf_token()}}";
                
                $.ajax({
                    url: "{{ url('mfn/loanTransaction/divideAmount') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {loanId: loanId, transactionDate:transactionDate, amount:amount, _token: csrf},
                })
                .done(function (_response) {
                    if (_response.responseTitle == 'Warning!') {
                        toastr.warning(_response.responseText, _response.responseTitle, opts);
                    } else {
                        $('#principalAmount').val(_response.principalAmount);
                        $('#interestAmount').val(_response.interestAmount);
                    }
                })
                .fail(function () {
                    alert("error");
                });
            });
            //newly added for api(end)

            // $(document).on('blur', '#transactionAmount', function(){
            //     var interestOutStanding = parseFloat($('#interestOutStandingHidden').val());
            //     var transactionAmount = parseFloat($(this).val());
            //     if(transactionAmount < interestOutStanding){
            //         toastr.warning('You have to pay at least the Interest outstanding amount.');
            //     }
            // });

            /*Form*/
            $('form').submit(function (event) {
                event.preventDefault();
                var clickedButton = $(document.activeElement).attr('id');
                $("input[type=submit]").prop('disabled',true);
                //alert($('form').serialize());

                // var interestOutStanding = parseFloat($('#interestOutStandingHidden').val());
                // var transactionAmount = parseFloat($('#transactionAmount').val());
                // if(transactionAmount < interestOutStanding){
                //     toastr.warning('You have to pay at least the Interest outstanding amount.');
                //     return false;
                // }

                $.ajax({
                    type: 'post',
                    url: './storeMfnOneTimeLoanTransaction',
                    data: $('form').serialize(),
                    dataType: 'json',
                    success: function (_response) {
                        $("input[type=submit]").prop('disabled',false);
                        $(".error").remove();
                        if (_response.errors) {
                            $.each(_response.errors, function (name, error) {
                                $("#" + name).after("<p class='error'>* " + _response.errors[name] + "</p>");
                            });
                        } else {
                            if (_response.responseTitle=='Warning!') {
                                toastr.warning(_response.responseText, _response.responseTitle, opts);
                            }else{
                                toastr.success(_response.responseText, _response.responseTitle, opts);
                                setTimeout(function() {
                                    if(clickedButton == "submitAndPrint"){
                                        window.location.href = '{{ url("mfn/collection/printMoneyReceipt/") }}/' + _response.transactionId;
                                    }else if(clickedButton == "submitAndContinue"){
                                        location.reload();
                                    }else{
                                        window.location.href = '{{ url('viewMfnOneTimeLoanTransaction/') }}';
                                    }
                                }, 2000);
                            }
                        }
                    },
                    error: function (_response) {
                        $("input[type=submit]").prop('disabled',false);
                        alert('Response Error');
                    }
                });
            });
            /* End Form*/

            /*Hide Errors On Filed input or Change*/
            $(document).on('input', 'input', function () {
                $(this).closest('div').find('.error').remove();
            });
            $(document).on('change', 'select', function () {
                $(this).closest('div').find('.error').remove();
            });
            /*End Hide Errors On Filed input or Change*/

            /*show the member list table on double click the member text field*/
            $("#member").click(function (event) {
                $("#memberList").show('slow/400/fast');
            });
            /*end show the member list table on double click the member text field*/

            /*on select td set the valus of hidden field for the member*/
            $("#memberListTable tbody tr td").on('click', function (event) {
                $("#memberId").val($(this).attr('memberId'));
                $("#branchId").val($(this).attr('branchId'));
                $("#samityId").val($(this).attr('samityId'));
                $("#workingAreaId").val($(this).attr('workingAreaId'));

                $("#member").val($(this).find('.memberName').text() + ' - ' + $(this).find('.memberCode').text());

                $("#memberList").hide('slow/400/fast');

                $("#product").trigger('change');
                $("#memberId").trigger('change');
            });
            /*end on select td set the valus of hidden field for the member*/

            /*set the memberList position*/
            function setMemberListTableSize() {
                var top = $('#member').offset().top - 48;
                var left = $('#member').offset().left - 15;
                var width = $('#member').width() + 12;

                $("#memberList").css({top: top});
                $("#memberList").css({left: left});
                $("#memberList").width(width);
                $("#memberListTable tbody tr td").width(width);
            }

            setMemberListTableSize();

            $(window).resize(function () {
                setMemberListTableSize();
            });

            /*end set the memberList position*/

            var matchedIndex = new Array();
            /*make search throgh table of member*/
            $("#member").on('input', function (event) {
                // Reset the values
                $("#memberId").val('');
                $("#branchId").val('');
                $("#samityId").val('');

                var inputValue = $(this).val().toLowerCase();
                $("#memberList").show('slow/400/fast');
                matchedIndex = [];

                $("#memberListTable tbody tr td").each(function (index, el) {
                    var memberName = $(el).find('.memberName').text().toLowerCase();
                    var memberCode = $(el).find('.memberCode').text().toLowerCase();
                    var fullText = memberName + ' - ' + memberCode;

                    if (memberName.indexOf(inputValue) !== -1 || memberCode.indexOf(inputValue) !== -1 || fullText.indexOf(inputValue) !== -1) {
                        $(el).show();
                        matchedIndex.push($(el).closest('tr').index());
                    } else {
                        $(el).hide();
                    }
                });
                /* Act on the event */
            });
            /*end make search through table of member*/

            $(document).keydown(function (e) {
                //Enter key
                if (e.keyCode == 13 && matchedIndex.length == 1) {
                    e.preventDefault();
                    $("#memberListTable tbody tr").eq(matchedIndex[0]).find('td').trigger('click');
                }
            });

            /*payment mode*/
            $("#paymentType").change(function (event) {

                if ($(this).val() == "Cash") {
                    $(".bankDiv").hide('slow/400/fast');
                } else {
                    $(".bankDiv").show('slow/400/fast');
                }
            });
            /*end payment mode*/

            /*on change memberId get the loans*/
            $("#memberId").change(function (event) {
                var memberId = $(this).val();
                var csrf = "{{csrf_token()}}";

                if (memberId == '' || memberId == null) {
                    $("#savingsCode").find("option:gt(0)").remove();
                    return false;
                }

                $.ajax({
                    url: './getActiveOneTimeLoanForTransaction',
                    type: 'POST',
                    dataType: 'json',
                    data: {memberId: memberId, _token: csrf},
                })
                .done(function (data) {
                    console.log('Data : ', data);
                    if(data.isAdjustmentAuthorized == 'False') {
                        alert('Need to authorize previous loan collection adjustment !');
                    }
                    else {
                        $("#loanId").find("option:gt(0)").remove();
                        $.each(data.loanAccounts, function (index, loanAccount) {
                            $("#loanId").append("<option value='" + loanAccount.id + "'>" + loanAccount.loanCode + "</option>");
                        });
                    }
                })
                .fail(function () {
                    alert("error");
                });
            });

            /*end on change memberId get the loans*/

            /*get account balance info on change loan id*/
            $("#loanId").change(function (event) {
                $("#amount").val('');
                var loanId = $(this).val();
                var csrf = "{{csrf_token()}}";
                /*var transactionDate = $("#transactionDate").val();*/

                if (loanId == '' || loanId == null) {
                    $("#principalCollection,#dueAmount,#advanceAmount,#outStanding,#installmentNo").val('');
                    return false;
                }

                var transactionDate = $("#transactionDate").val();

                $.ajax({
                    url: './mfnGetOneTimeLoanInfo',
                    type: 'POST',
                    dataType: 'json',
                    data: {loanId: loanId, transactionDate: transactionDate, _token: csrf},
                })
                .done(function (data) {
                    $("#principalCollection").val(num(data['princpalCollection']));
                    $("#interestCollection").val(num(data['intererstCollection']));
                    $("#dueAmount").val(num(data['dueAmount']));
                    $("#advanceAmount").val(num(data['advanceAmount']));
                    $("#outStanding").val(num(data['outstandingAmount']));
                    $("#interestOutStanding").val(num(data['interestOutstanding']));
                    $("#interestOutStandingHidden").val(data['interestOutstanding']);
                    $("#principalOutStandingHidden").val(data['outstandingAmount']);
                    $("#installmentNo").val(data['installmentNo']);
                })
                .fail(function () {
                    alert("error");
                });
            });
            /*end get account balance info on change loan id*/

            $(document).mouseup(function (e) {
                var container = $("#memberList");
                // if the target of the click isn't the container nor a descendant of the container
                if (!container.is(e.target) && container.has(e.target).length === 0) {
                    container.hide('slow/400/fast');
                }
            });

            /*amount limit validation*/
            /*$("#amount").on('input', function() {
              var outStanding = $("#outStanding").val().replace(',','');
              var outStandingAmount = 0;
              if (outStanding!='' || outStanding!=null) {
               outStandingAmount = parseFloat(outStanding);
              }
              if (this.value>outStandingAmount) {
               this.value = 0;
               alert("Amount can't be greater than Outstanding Amount.");
              }

            });*/
            /*end amount limit validation*/

            /*Sum the transaction amount*/
            $("#principalAmount,#interestAmount").on('input', function () {
                var principalAmount = 0;
                var interestAmount = 0;
                if ($("#principalAmount").val() != '') {
                    principalAmount = parseFloat($("#principalAmount").val());
                }
                if ($("#interestAmount").val() != '') {
                    interestAmount = parseFloat($("#interestAmount").val());
                }

                var totalAmount = principalAmount + interestAmount;
                $("#transactionAmount").val(totalAmount);

            });
            /*end Sum the transaction amount*/

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

@endsection