@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('viewMfnDueLoanTransaction/') }}" 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 Over Due Loan Transaction</div>
                </div>
                <div class="panel-body">
                	<div class="row">
						
						{!! Form::open(array('url' => 'storeMfnDueLoanTransaction', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'post')) !!}
							
						
							<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']) !!}
                                                            

                                                    {{-- <div class="form-group">
                                                    </div> --}}
                                                    <div class="row">
                                                        <div class="col-xs-4">
                                                            {{-- <label for="sel1">Member:</label>  --}}
                                                            {!! Form::label('', 'Member:', ['class' => 'control-label pull-left']) !!}
                                                        </div>
                                                        <div class="col-xs-8">
                                                            <select class="form-control" name="searchMember" id="searchMember" required="true">
                                                                <option value="">-- Select --</option>
                                                                @foreach ($damageData['dueLoanList'] as $dueList)
                                                                    <option value="{{$dueList['memberId']}}-{{$dueList['branchId']}}-{{$dueList['samityId']}}">
                                                                        Name : {{$dueList['memberName']}} - {{$dueList['memberCode']}} , 
                                                                        Branch Name : {{$dueList['branchName']}} , 
                                                                        Samity Name : {{$dueList['samityName']}}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <br>

                                                    {{-- {!! createForm::text('member',$dueList['memberName'],'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',[''=>'-- Select --','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', 'required'=>'required', 'autocomplete'=>'off']) !!}


                                                </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>

                                                    <div class="row">
                                                        <div class="col-xs-4">
                                                            <label for="sel1">Due:</label> 
                                                        </div>
                                                        <div class="col-xs-8" id="due">
                                                            <input type="text" name="due" value="" readonly id="due" class="form-control">
                                                        </div>
                                                    </div>

                                                    <br>

                                                    <div class="row">
                                                        <div class="col-xs-4">
                                                            <label for="sel1">Outstanding:</label> 
                                                        </div>
                                                        <div class="col-xs-8" id="outstanding">
                                                            <input type="text" name="outstanding" value="" readonly id="outstanding" class="form-control">
                                                        </div>
                                                    </div>

                                                    <br>

                                                    <div class="row">
                                                        <div class="col-xs-4">
                                                            <label for="sel1">Installment No:</label> 
                                                        </div>
                                                        <div class="col-xs-8" id="installmentNo">
                                                            <input type="text" name="installmentNo" value="" readonly id="installmentNo" class="form-control">
                                                        </div>
                                                    </div>

                                                    <br>

                                                    {{-- {!! 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', ['class' => 'btn btn-info']) !!}
                                            </ul>
											
										</div>
									</div>
									
								
								</div>
								
								
							</div>
						{!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>

<script type="text/javascript">


  @if(Session::has('message'))
    var type = "{{ Session::get('alert-type', 'info') }}";
    switch(type){
        case 'info':
            toastr.info("{{ Session::get('message') }}");
            break;
        case 'warning':
            toastr.warning("{{ Session::get('message') }}");
            break;
        case 'success':
            toastr.success("{{ Session::get('message') }}");
            break;
        case 'error':
            toastr.error("{{ Session::get('message') }}");
            break;
    }
    setTimeout(function(){
        // window.location.href=".erp/public/viewMfnDueLoanTransaction/";
        window.location.href = "{{ url('./viewMfnDueLoanTransaction/') }}";
        // window.location = "./viewMfnDueLoanTransaction/";
    }, 3000);
  @endif

</script>

<script type="text/javascript">
$(".bankDiv").hide();

$("#paymentType").change(function(){
    var value=$(this).val();
    if (value == 'Bank') {
        $(".bankDiv").show();
    }
    else if (value == 'Cash') {
        $(".bankDiv").hide();
    }
});

$(document).ready(function(){
var member;
var SSname;
  $(document).on('change','#searchMember',function(){
    // var product_id = $("#searchBranch").val();
    var member_id=$(this).val();
    console.log('Inside');
    console.log(member_id);
    // console.log('from jQuery');
    var dropdown = $('#loanId');
    dropdown.empty();

    var divt= $(this).parent();
    var op =' ';

    $.ajax({
      type:'post',
      url:'{!! URL::to('addMfnDueLoanTransactionAjax') !!}',
      data:{'id':member_id},
      success:function(data){
        // console.log('success');
        console.log('length: '+data.length);
        console.log('Search member ID: '+member_id);
        var a = 0;
        op+='<option value="" style="color: black;">-- Select --</option>';
        for (var i = 0; i < data.length; i++) {
          // console.log(data[i].branchId);
          console.log('outside');
          console.log('Loan ID : '+data[i].id);
          console.log('Loan Code : '+data[i].loanCode);
          // console.log('Status', data[i].status);
          op+='<option value="'+data[i].id+'" style="color: black;">'+data[i].loanCode+'</option>';
        }

        // op+='<option value="'+data[i].status+'" style="color: black;">'+data[i].status+'- Acti</option>';

        divt.find('#loanId').html(' ');
        $('#loanId').append(op);
      },
      error:function(){
        alert('Something is wrong....!');
      }
    });
  });

});


$("#amount").on('keyup',function(event) {
    var member;
    var SSname;

    var loan_id= $("#loanId").val();
    var amount = $("#amount").val();

    // alert(amount);

    $("#due").empty();
    $("#outstanding").empty();
    $("#installmentNo").empty();
    

    var divt = $(this).parent();
    var op   =' ';

    var divt1 = $(this).parent();
    var op1   =' ';

    var divt2 = $(this).parent();
    var op2   =' ';

    $.ajax({
        type:'post',
        url:'{!! URL::to('addMfnDueLoanTransactionAjaxDueOutstanding') !!}',
        data:{'loan_id':loan_id, 'amount': amount},
        success:function(data){
            console.log(data.amount);

            // $("#due").val(data.loan_id;
            
            if (data.amount >= 0) {
                $("#due").empty();
                $("#outstanding").empty();
                $("#installmentNo").empty();

                op ='<input type="text" name="due" id="due" readonly value="'+data.amount+'" class="form-control">';
                // alert(op);
                op1 ='<input type="text" name="outstanding" id="outstanding" readonly value="'+data.amount+'" class="form-control">';

                op2 ='<input type="text" name="installmentNo" id="installmentNo" readonly value="'+data.number+'" class="form-control">';
            }
            else {
                alert('Please enter a valid value');
            }

            // alert(op1);

            divt.find('#due').html(' ');
            $('#due').append(op);

            // $('#due').append('<input type="text" name="" value="Hello">');

            divt1.find('#outstanding').html(' ');
            $('#outstanding').append(op1);

            divt2.find('#installmentNo').html(' ');
            $('#installmentNo').append(op2);
        },
        error:function(){
            alert('Something is wrong....!');
        }
    });

});

</script>


@endsection