@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('viewMfnRegularLoanTransaction/') }}" 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 Regular 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',$damageData['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 ($damageData['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>

                                                    {!! createForm::text('amount','','Amount:',['id'=>'amount','autocomplete'=>'off']) !!}

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


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

                                                {{-- Second Coloum --}}
                                                <div class="col-xs-6">

                                                    {{-- <div class="form-group">
                                                        {!! Form::label('loanInformation', 'Loan Information', ['class' => 'col-sm-10 control-label','style'=>'text-align:center !important;font-size:15px;']) !!}

                                                      </div> --}}
                                                    <div id="dueAdvanceDiv">
                                                        {!! createForm::text('due','','Due:',['id'=>'due','autocomplete'=>'off','readonly'=>'readonly']) !!}

                                                        {!! createForm::text('advance','','Advance:',['id'=>'advance','autocomplete'=>'off','readonly'=>'readonly']) !!}
                                                    </div>

                                                    {!! createForm::text('outStanding','','Out Standing:',['id'=>'outStanding','autocomplete'=>'off','readonly'=>'readonly']) !!}

                                                    <div class="form-group" id="interestDiv" style="display: none;">
                                                        {!! Form::label('interest', 'Interest:', ['class' => 'col-sm-4 control-label']) !!}
                                                        <div class="col-sm-8">
                                                            {!! Form::text('interest',null,['id'=>'interest','class'=>'form-control','autocomplete'=>'off','readonly']) !!}
                                                        </div>
                                                    </div>

                                                    {!! 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($damageData['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>

    {{-- Modify for API(Start) --}}
    @if(isset($damageData['members']))
        <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 ($damageData['members'] as $member)
                    <tr>
                        <td memberId="{{$member->id}}" branchId="{{$member->branchId}}" samityId="{{$member->samityId}}"
                            workingAreaId="{{$member->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: '.$member->branchName}}<br>
                            {{'Samity: '.$member->samityName}}<br>
                            {{'Working Area: '.$member->workingArea}}
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
    {{-- Modify for API(End) --}}


    <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 () {

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

            $("#amount").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');
            });


            //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            /*Form*/
            $('form').submit(function (event) {
                event.preventDefault();
            
                if ($("#interest").is(":visible")) {

                    var interest = $("#interest").val().replace(',', '');
                    var collectionAmount = 0;
                    var interestAmount = 0;
                    if ($("#amount").val() != '') {
                        collectionAmount = parseFloat($("#amount").val().replace(',', ''));
                    }
                    if (interest != '' || interest != null) {
                        interestAmount = parseFloat(interest);
                    }
                    if (collectionAmount < interestAmount) {
                        alert("Amount can't be less than Interest Amount.");
                        return false;
                    }
                }

                /*end amount limit validation*/

                var clickedButton = $(document.activeElement).attr('id');
                $("input[type=submit]").prop('disabled',true);
                $.ajax({
                    type: 'post',
                    url: './storeRegularLoanTransaction',
                    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('viewMfnRegularLoanTransaction/') }}';
                                }
                            }, 2000);
                            }

                        }
                    },
                    error: function (_response) {
                         $("#submit, #submitAndPrint").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 throgh 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: './mfnGetRegularLoanAccountsOfParticularMember',
                    type: 'POST',
                    dataType: 'json',
                    data: {memberId: memberId, _token: csrf},
                })
                    .done(function (data) {
                        console.log(data.isAdjustmentAuthorized);
                        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('');
                $("#amount").unbind('keyup');
                var loanId = $(this).val();
                /*var transactionDate = $("#transactionDate").val();*/

                if (loanId == '' || loanId == null) {
                    $("#due,#advance,#outStanding").val('');
                    return false;
                }


                $.ajax({
                    url: './mfnGetLoanInstallmentMinDate',
                    type: 'POST',
                    dataType: 'json',
                    async: false,
                    data: {loanId: loanId},
                })
                    .done(function (data) {

                        //$("#transactionDate").datepicker('option','minDate',new Date(data['lastCollectionDate']));
                    })
                    .fail(function () {
                        alert("error");
                    });

                if ($("#transactionDate").val() == '' || $("#transactionDate").val() == null) {
                    return false;
                }

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

                $.ajax({
                    url: './mfnGetLoanInfo',
                    type: 'POST',
                    dataType: 'json',
                    data: {loanId: loanId, transactionDate: transactionDate},
                })
                    .done(function (data) {
                        if (data['isReducingMethod'] == 1) {
                            $("#interestDiv").show();
                            $("#dueAdvanceDiv").hide();

                            $("#interest").val(num(data['interestAmount']));

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

                            });
                            /*end amount limit validation*/
                        } else {
                            $("#interestDiv").hide();
                            $("#dueAdvanceDiv").show();

                            $("#due").val(num(data['dueAmount']));
                            $("#advance").val(num(data['advanceAmount']));
                            if (data['outStandingAmount'] > data['installmentAmount']) {
                                $("#amount").val(data['installmentAmount']);
                            } else {
                                $("#amount").val(data['outStandingAmount']);
                            }


                            /*amount limit validation*/
                            $("#amount").on('keyup', function () {
                                var outStanding = $("#outStanding").val().replace(/\,/g, '');
                                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*/
                        }
                        $("#outStanding").val(num(data['outStandingAmount']));
                        $("#installmentNo").val(data['installmentNo']);

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

            });
            /*end get account balance info on change loan id*/


            /*Date Picker*/
            /*$("#transactionDate").datepicker({
                 changeMonth: true,
                 changeYear: true,
                 yearRange : "c-10:c+10",

                 dateFormat: 'dd-mm-yy',
                 onSelect: function(){
                     $(this).closest('div').find('.error').remove();
                   $("#amount").val('');


                     var loanId = $("#loanId").val();
                     var transactionDate = $(this).val();
                     if (loanId<1) {
                       $(this).val('');
                       return false;
                     }

                     var csrf = "{{csrf_token()}}";

                $.ajax({
                    url: './mfnGetLoanInfo',
                    type: 'POST',
                    dataType: 'json',
                    data: {loanId: loanId, transactionDate: transactionDate, _token: csrf},
                })
                .done(function(data) {
                    $("#due").val(num(data['dueAmount']));
                    $("#advance").val(num(data['advanceAmount']));
                    $("#outStanding").val(num(data['outStandingAmount']));
                    $("#installmentNo").val(data['installmentNo']);
                })
                .fail(function() {
                    alert("error");
                });
                

                
            }
        });*/
            /*End Date Picker*/

            $(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');
                }
            });


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

@endsection