@extends('layouts/microfin_layout')
@section('title', '| Unsettled Recovery')
@section('content')

@php
use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
$pageNo = isset($_GET['page']) ? (int) $_GET['page']: 1;
@endphp

<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('addLoanUnsettledRecovery/') }}" class="btn btn-info pull-right addViewBtn">
            <i class="glyphicon glyphicon-plus-sign addIcon"></i>
            Add Unsettled Recovery
        </a>
    </div>

    {!! Form::open(array('name' => 'searchForm', 'class' => 'searchForm', 'url' => 'viewLoanUnsettledRecovery', 'method' => 'GET')) !!}
    
    <input type="hidden" value="{{ $userBranchId }}" id="userBranchId" name="userBranchId" />
    <input type="hidden" value="{{ $softDate }}" id="softwareDate" name="softwareDate" />
                
    <div class="row">
      @if(!in_array($userRoleId, Config('services.branch_level_user_roles')))
        <div class="col-xs-1">
          {!! Form::label('branch', 'Branch:', ['class' => 'control-label']) !!} <br/>
          {!! Form::select('branchId', array('' => 'Select') + $branch, null, array('class'=>'form-control', 'id' => 'branchId')) !!}
        </div>
      @endif
    <div class="col-xs-2">
        {!! Form::label('samity', 'Samity:', ['class' => 'control-label']) !!} <br/>
        {!! Form::select('samityId', array('' => 'Select') + $samity, null, array('class'=>'form-control', 'id' => 'samityId')) !!}
    </div>
    <div class="col-xs-2">
        {!! Form::label('loan code', 'Loan Code:', ['class' => 'control-label']) !!} <br/>
        {!! Form::text('loanCode', $value = null, ['class' => 'form-control', 'id' => 'loanCode', 'type' => 'text']) !!}
    </div>

    <div class="col-xs-1">
        {!! Form::label('date from', 'Date From:', ['class' => 'control-label']) !!} <br/>
        {!! Form::text('dateFrom', $value = null, ['class' => 'form-control datepicker', 'id' => 'dateFrom', 'type' => 'text', 'readonly' => 'readonly']) !!}
    </div>
    <div class="col-xs-1">
        {!! Form::label('date to', 'Date To:', ['class' => 'control-label']) !!} <br/>
        {!! Form::text('dateTo', $value = null, ['class' => 'form-control datepicker', 'id' => 'dateTo', 'type' => 'text', 'readonly' => 'readonly']) !!}
    </div>


    <div class="col-xs-1">
        {!! Form::label('', '', ['class' => 'control-label']) !!} <br/>
        {!! Form::submit('Search', ['id' => 'submit', 'class' => 'btn btn-search', 'style' => 'float:right;color:white']) !!}
    </div>
</div>
{!! Form::close() !!}

<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">UNSETTLED RECOVERY LIST</font></h1>
</div>
<div class="panel-body panelBodyView">
    <table class="table table-striped table-bordered" id="areaListView">
      <thead>
        <tr>
          <th>SL#</th>
          <th>Member Name</th>
          <th>Member Code</th>
          <th>Loan Code</th>
          <th>Samity Code</th>
          <th>Settlement Type</th>
          <th>Date</th>
          <th>Recovery Amount</th>
          {{-- <th>Notes</th> --}}
          <th>Entry By</th>
          <th width="75">Action</th>
      </tr>
  </thead>
  <tbody>
    <br />
<b>Warning</b>:  Undefined variable $SL in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/loan/loanUnsettledRecovery/viewLoanUnsettledRecovery.blade.php</b> on line <b>80</b><br />
    @foreach($unsettledRecoveries as $key => $unsettledRecovery)

    <tr>
      <td>{{$SL}}</td>
      <td class="name">{{$members->where('id',$unsettledRecovery->memberIdFk)->first()->name}}</td>
      <td>{{$members->where('id',$unsettledRecovery->memberIdFk)->first()->code}}</td>
      <td>{{$loans->where('id',$unsettledRecovery->loanIdFk)->first()->loanCode}}</td>
      <td>{{$samitys->where('id',$unsettledRecovery->samityIdFk)->first()->code}}</td>
      <td>{{$unsettledRecovery->recoveryType}}</td>
      <td>{{date('d-m-Y',strtotime($unsettledRecovery->date))}}</td>
      <td class="amount">{{number_format($unsettledRecovery->amount,2)}}</td>
      {{-- <td>{{$unsettledRecovery->notes}}</td> --}}
      <td class="name">{{@$employees->where('id',$unsettledRecovery->entryByEmployeeIdFk)->first()->emp_name_english}}</td>
      @if ($unsettledRecovery->ds==1)
      <td>
        <a href="javascript:;" class="showDetails" data-id="{{$unsettledRecovery->id}}">
          <i class="fa fa-eye" aria-hidden="true"></i>
      </a>
      {{-- <a>
          <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
      </a> --}}
      <a>
          <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
      </a>
  </td>
  @else

  <td>
    <a href="javascript:;" class="showDetails" data-id="{{$unsettledRecovery->id}}">
      <i class="fa fa-eye" aria-hidden="true"></i>
  </a>
  {{-- <a href="javascript:;" class="showUpdateForm" data-id="{{$unsettledRecovery->id}}">
      <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
  </a> --}}
  <a href="javascript:;" class="deleteConfirmation" data-id="{{$unsettledRecovery->id}}">
      <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
  </a>
</td>

@endif

</tr>
@endforeach
</tbody>
</table>
<div class="pull-right">

</div>
{{ $unsettledRecoveries->appends(request()->input())->links() }}
</div>
</div>
</div>

</div>

{{-- View Modal --}}
<div class="modal fade" id="show-details-modal">
  <div class="modal-dialog" style="width:750px">
    <div class="modal-content">
      <div class="panel panel-color panel-black">
        <div class="panel-heading">
          <h4 class="panel-title">Unsettled Recovery Details</h4>
          <div class="panel-options">
            <a class="close" href="#" data-dismiss="modal">X</a>
        </div>
    </div>
    <div style="padding:0" class="panel-body">
      <div class="table-responsive" style="border:none!important;margin:0">
        <table id="detailsModalTable" cellspacing="0" cellpadding="0" class="table table-small-font table-striped samity-details-table-wrapper" style="color: black;">
          <tbody>

          </tbody>
      </table>
  </div>
</div>
</div>
</div>
</div>
</div>
{{-- End View Modal --}}

{{-- Edit Modal --}}
<div class="modal fade" id="show-update-modal" style="padding-top: 5% !important;">
  <div class="modal-dialog" style="width:1050px">
    {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups','id'=>'updateForm')) !!}
    <div class="modal-heading" style="background-color:#000;color:#FFF;padding:10px 15px!important;">
      <h4 class="modal-title">Unsettled Recovery Waiver</h4>
      <div class="panel-options">
        <a class="close" href="#" data-dismiss="modal">X</a>
    </div>
</div>
<div class="modal-content">
  <div class="modal-body">
    <div class="row">

      <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:0px 5px;">
              <div class="row">
                <div class="col-xs-6">

                  {!! Form::hidden('recoveryId','',['id'=>'recoveryId']) !!}

                  {!! createForm::text('member','','Member:',['id'=>'member','autocomplete'=>'off','readonly'=>'readonly']) !!}

                  {!! createForm::text('loanId','','Loan Id:',['id'=>'loanId','autocomplete'=>'off','readonly'=>'readonly']) !!}

                  {!! createForm::text('recoveryDate','','Recovery Date:',['id'=>'recoveryDate','autocomplete'=>'off','readonly'=>'readonly']) !!}

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

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

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

                  {!! createForm::text('recoveryAmount','','Recovery Amount:',['id'=>'recoveryAmount','autocomplete'=>'off','amountLimit'=>0,'amountLimit'=>0,'readonly'=>'readonly']) !!}

                  <div class="form-group">
                    {!! Form::label('notes', 'Notes:', ['class' => 'col-sm-4 control-label']) !!}
                    <div class="col-sm-8">
                       {!! Form::textarea('notes','',['class'=>'form-control','rows'=>4]) !!}
                   </div>
               </div>
           </div>{{-- End First Column --}}

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

            @php
            $tableRows = ['Payable','Transaction','Outstanding','Installment','Advance','Due'];
            @endphp

            <h4 id="loanInfoTableHeading">Loan Information</h4>
            <table id="loanInfoTable" class="table table-striped table-bordered">
               <thead>
                 <tr>
                   <th>Loan</th>
                   <th>Total</th>
                   <th>Principal</th>
                   <th>Interest</th>
               </tr>
           </thead>
           <tbody>
              @foreach ($tableRows as $tableRow)
              <tr class="{{$tableRow}}">
                 <td class="name">{{$tableRow}}</td>
                 <td class="amount"></td>
                 <td class="amount"></td>
                 <td class="amount"></td>
             </tr>
             @endforeach

         </tbody>
     </table>


 </div>
 {{-- End Second Coloum --}}

</div>

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

</div>

</div>
</div>
</div>
<div class="modal-footer" style="background-color:#FFF;color:#FFF;">
  <button type="submit" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;">Save</button>
  <button type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">Close</button>
</div>
{!! Form::close() !!}
</div>
</div>
{{-- End Edit Modal --}}

{{-- Delete Modal --}}
<div class="modal fade" id="delete-confirmation-modal">
  <div class="modal-dialog">
    <div class="modal-header">
      <h4 class="modal-title">Delete Confirmation</h4>
      <a class="close" href="#" data-dismiss="modal">X</a>
  </div>
  <div class="modal-content">
      <div class="modal-body">
        Are you sure to delete this item?
    </div>
</div>
<div class="modal-footer">
  <div class="form-group hidden">
    <div class="col-sm-6 col-sm-offset-2">
      {!! Form::text('id', null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text', 'readonly']) !!}
  </div>
</div>
<button id="yesBtn" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" >Yes</button>
<button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">No</button>
</div>
</div>
</div>
{{-- End Delete Modal --}}


<style type="text/css">

  #areaListView thead tr th{
    padding: 2px;
}

#detailsModalTable tbody tr td{
    width: 25%;
    text-align: left;
    padding-left: 5px;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {

    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


.cbr-replaced {
    top: 8px!important;
}
table.samity-details-table-wrapper tbody tr td {
    padding: 0;
    border-bottom: none !important;
    /*vertical-align: top !important;*/
}
table.samity-details-table tbody tr td {
    text-align: left;
    padding: 3px 5px !important;
    font-size: 11px;
    border-bottom: 1px solid #EEE!important;
}
table.TTitleFirstTable tbody tr:last-child td,
table.TValueFirstTable tbody tr:last-child td,
table.TTitleSecondTable tbody tr:last-child td,
table.TValueSecondTable tbody tr:last-child td {
    border-bottom: none !important;
}
table.samity-details-table tbody tr th {
    text-align: left;
    padding: 3px 5px;
    font-weight: normal;
    font-size:11px;
}
table.samity-details-table-wrapper tr:nth-child(odd),
table.samity-details-table tr:nth-child(odd),
table#TTitleFirst tr:nth-child(odd),
table#TValueFirst tr:nth-child(odd),
table#TTitleSecond tr:nth-child(odd),
table#TValueSecond tr:nth-child(odd) {
    background-color: #f9f9f9 !important;
}
table.samity-details-table-wrapper tbody tr:nth-child(even):hover td,
table.samity-details-table tbody tr:nth-child(even):hover td
table#TTitleFirst tbody tr:nth-child(even):hover td,
table#TValueFirst tbody tr:nth-child(even):hover td,
table#TTitleSecond tbody tr:nth-child(even):hover td,
table#TValueSecond tbody tr:nth-child(even):hover td {
    background-color:#FFF !important;
}
table tbody tr td.name{
    text-align: left;
    padding-left: 5px;
}
</style>

<script type="text/javascript">
  $(document).ready(function() {
      
    var userBranchId = $("#userBranchId").val()
    var softwareDate = $("#softwareDate").val()
    var minDate = (userBranchId != 1) ? softwareDate : ''
    minDate = ''
    
    $('#dateFrom').datepicker({
        minDate: minDate,
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        changeMonth: true,
        onSelect: function(){
            thisDate = $("#dateFrom").datepicker('getDate');
            $('#dateTo').datepicker('option','minDate',thisDate);
        }
    });

    $('#dateTo').datepicker({
        minDate: minDate,
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        changeMonth: true,
        onSelect: function(){
            thisDate = $("#dateTo").datepicker('getDate');
            $('#dateFrom').datepicker('option','maxDate',thisDate);
        }
    });
    
    $('#dateFrom,#dateTo').click(function() {
        this.value = '';
    });

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

  /*View Modal*/
  $(document).on('click', '.showDetails', function(event) {

      $.ajax({
        url: './mfnUnsettledRecoveryDetails',
        type: 'POST',
        dataType: 'json',
        data: {
          operation: "details",
          id: $(this).data('id')
      },
  })
      .done(function(data) {
        $("#detailsModalTable tbody").empty();
        var markup = "";
        $.each(data.tFirst, function(index, value) {
          markup = markup + "<tr>"+
          "<td>"+index+"</td>"+
          "<td>"+value+"</td>"+
          "<td></td>"+
          "<td></td>"+
          "</tr>";
      });
        $("#detailsModalTable tbody").append(markup);

        var i = 0;
        $.each(data.tSecond, function(index, value) {
          $("#detailsModalTable tbody tr").eq(i).find('td:nth-child(3)').html(index);
          $("#detailsModalTable tbody tr").eq(i).find('td:nth-child(4)').html(value);
          i++;
      });


        jQuery('#show-details-modal').modal('show', {backdrop: 'fade'});
    })
      .fail(function() {
        alert("error");
    })

  });
  /*End View MOdal*/

  /*Edit Modal*/
  $(document).on('click', '.showUpdateForm', function() {
      $("#waiverId").val($(this).data('id'));

      $.ajax({
        url: './mfnGeUnsettledRecoveryDetailsToUpdate',
        type: 'POST',
        dataType: 'json',
        data: {
          operation: "update",
          id : $(this).data('id')
      },
  })
      .done(function(data) {

        $("#member").val(data['member']);
        $("#loanId").val(data['loanCode']);
        $("#recoveryDate").val(data['recoveryDate']);
        $("#principalAmount").val(data['principalAmount']);
        $("#interestAmount").val(data['interestAmount']);
        $("#outstandingAmount").val(data['outstandingAmount']);
        $("#recoveryAmount").val(data['recoveryAmount']);
        $("#recoveryAmount").attr('amountLimit',data['recoveryAmountLimit']);

        $.ajax({
          url: './mfnGetLoanInfoForWaiver',
          type: 'POST',
          dataType: 'json',
          data: {loanId: data['loanId'], recoveryDate: data['waiverDate']},
          async: false,
      })
        .done(function(data) {
          $("#principalAmount").val(data['principalAmount']);
          $("#interestAmount").val(data['interestAmount']);
          $("#outstandingAmount").val(data['outStandingAmount']);

          $("#recoveryAmount").attr('amountLimit',data['outStandingAmountPlain']);

          var element = $("#loanInfoTable tbody").find('.Payable');
          element.find('td').eq(1).html(data['payableTotal']);
          element.find('td').eq(2).html(data['payablePricipal']);
          element.find('td').eq(3).html(data['payableInterest']);

          var element = $("#loanInfoTable tbody").find('.Transaction');
          element.find('td').eq(1).html(data['traTotal']);
          element.find('td').eq(2).html(data['traPrincipal']);
          element.find('td').eq(3).html(data['traInterest']);

          var element = $("#loanInfoTable tbody").find('.Outstanding');
          element.find('td').eq(1).html(data['outStandingAmount']);
          element.find('td').eq(2).html(data['principalAmount']);
          element.find('td').eq(3).html(data['interestAmount']);

          var element = $("#loanInfoTable tbody").find('.Installment');
          element.find('td').eq(1).html(data['installmentTotal']);
          element.find('td').eq(2).html(data['installmentPrincipal']);
          element.find('td').eq(3).html(data['installmentInterest']);

          var element = $("#loanInfoTable tbody").find('.Advance');
          element.find('td').eq(1).html(data['advanceTotal']);
          element.find('td').eq(2).html(data['advancePricipal']);
          element.find('td').eq(3).html(data['advanceInterest']);

          var element = $("#loanInfoTable tbody").find('.Due');
          element.find('td').eq(1).html(data['dueTotal']);
          element.find('td').eq(2).html(data['duePricipal']);
          element.find('td').eq(3).html(data['dueInterest']);
      })
        .fail(function() {
          alert("error");
      });

        jQuery('#show-update-modal').modal('show', {backdrop: 'static'});
    })
      .fail(function() {
        console.log("error");
    })


  });
  /*End Edit Modal*/

  /*waiver type*/
        /*$('#waiverType').change(function(event) {
            $("#recoveryAmount").val('');
            if ($(this).val()==1) {
                $("#recoveryAmount").prop('readonly', true);
                $("#recoveryAmount").val($("#outstandingAmount").val());
            }
            else{
                $("#recoveryAmount").prop('readonly', false);
                $("#recoveryAmount").val('');
            }
        });*/
        /*end waiver type*/

        /*waiver type*/
        // $('#waiverType').change(function(event) {
        //     $("#recoveryAmount").closest('div').find('.error').remove();
        //     $("#recoveryAmount").val('');
        //     var loanId = $("#loanId").val();
        //     if (!loanId>0) {
        //       $("#recoveryAmount").val('');
        //       return false;
        //   }
          //if ($(this).val()==1) {
              $("#recoveryAmount").val($("#outstandingAmount").val());
          //}
        //   else if($(this).val()==2){
        //       $("#recoveryAmount").val($("#principalAmount").val());
        //   }
        //   else{
        //       $("#recoveryAmount").val('');
        //   }
      //});
        /*end waiver type*/

        /*when select waiverType full then hide the amount error*/
    //     $('#waiverType').change(function(event) {
    //      if ($(this).val()==1) {
    //         $("#recoveryAmount").closest('div').find('.error').remove();
    //     }
    // });
        /*end when select waiverType full then hide the amount error*/

        /*check the amount limit of waiver amount*/
        $("#recoveryAmount").on('input', function(event) {
         this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
         var amountLimit = parseFloat($(this).attr('amountlimit'));
         var inputAmount = 0;
         if (this.value!='') {
            inputAmount = parseFloat(this.value);
        }
        if (inputAmount>amountLimit) {
            this.value = '';
            $(this).after("<p class='amountLimit' style='color:red;'>* Amount can not be greater than the Outstanding Amount.</p>");
        }
        else{
            $(".amountLimit").remove();
        }
    });
        /*end check the amount limit of waiver amount*/

        /*Update Information*/
        $('#updateForm').submit(function(event){
            event.preventDefault();

            $('#loanId').removeAttr('disabled');

            $.ajax({
              type: 'post',
              url: './updateLoanUnsettledRecovery',
              data: $('#updateForm').serialize(),
              dataType: 'json',
              success: function(_response) {

                $(".error").remove();
                if(_response.errors) {
                  $.each(_response.errors, function(name, error) {
                     $("#"+name).after("<p class='error' style='color:red;'>* "+_response.errors[name]+"</p>");
                 });
              }
              else {
                  toastr.success(_response.responseText, _response.responseTitle, opts);
                  setTimeout(function(){
                    location.reload();
                }, 2000);
              }
          },
          error: function(_response) {
            alert("error");
        }
    });

        });/*form*/
        /*End Update Information*/



        /*$("#transactionDate").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange : "c-10:c+10",
            maxDate: "dateToday",
            dateFormat: 'dd-mm-yy',
            onSelect: function(){
                $(this).closest('div').find('.error').remove();
            }
        });*/




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

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

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




        /*Delete Modal*/
        $(document).on('click', '.deleteConfirmation', function() {
            $('#id').val($(this).data('id'));
            jQuery('#delete-confirmation-modal').modal('show', {backdrop: 'fade'});
        });
        /*End Delete Modal*/

        /*Delete Product*/
        $("#yesBtn").click(function(event) {
            $.ajax({
              url: './deleteLoanUnsettledRecovery',
              type: 'POST',
              dataType: 'json',
              data: {
                id: $('#id').val()
            },
        })
            .done(function(data) {

              toastr.success(data.responseText, data.responseTitle, opts);

              setTimeout(function(){
                location.reload();
            }, 3000);
          })
            .fail(function() {
              alert("error");
          })


        });
        /*End Delete Product*/

        /*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',
              async: false,
              data: {memberId: memberId, _token: csrf},
          })
          .done(function(loanAccounts) {
              $("#loanId").find("option:gt(0)").remove();
              $.each(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) {
         var loanId = $(this).val();
         var csrf = "{{csrf_token()}}";

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


        $.ajax({
            url: './mfnGetLoanInfoToUpdate',
            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']));
        })
        .fail(function() {
            alert("error");
        });

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

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

         var initialAmount = parseFloat($(this).attr('initialAmount'));
         var currentAmount = 0;
         if (this.value!='') {
            currentAmount = parseFloat(this.value);
        }

        var dueAmount = parseFloat($("#due").attr('initialDue'));
        var advanceAmount = parseFloat($("#advance").attr('initialAdvance'));
        var outStandingAmount = parseFloat($("#outStanding").attr('initialOutStanding'));

        if (currentAmount==initialAmount) {
            $("#due").val(dueAmount);
            $("#advance").val(advanceAmount);
            $("#outStanding").val(outStandingAmount);
            return false;
        }


        var dueAdjust = 0;
        var addDue = 0;
        var advanceAdjust = 0;
        var addAdvance = 0;
        if (currentAmount>initialAmount) {

            $("#due").val(dueAmount);
            $("#advance").val(advanceAmount);
            $("#outStanding").val(outStandingAmount);

            if (dueAmount>0) {
              dueAdjust = currentAmount - initialAmount;
              dueAdjust = dueAdjust>dueAmount ? dueAmount:dueAdjust;
              $("#due").val(dueAmount - dueAdjust);
          }
          if ( (currentAmount - initialAmount) > dueAdjust) {
              addAdvance = currentAmount - initialAmount - dueAdjust;
              $("#advance").val(advanceAmount+addAdvance);
          }
          $("#outStanding").val(outStandingAmount - currentAmount + initialAmount);
      }

      else{
        $("#due").val(dueAmount);
        $("#advance").val(advanceAmount);
        $("#outStanding").val(outStandingAmount);
            // when currentAmount < initialAmount
            if (advanceAmount>0) {
              advanceAdjust = initialAmount - currentAmount;
              advanceAdjust = advanceAdjust>advanceAmount ? advanceAmount:advanceAdjust;
              $("#advance").val(advanceAmount-advanceAdjust);
          }
          if (initialAmount-currentAmount > advanceAdjust) {
              addDue = initialAmount-currentAmount - advanceAdjust;
              $("#due").val(dueAmount+addDue);
          }
          $("#outStanding").val(outStandingAmount + initialAmount - currentAmount);
      }

  });

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

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

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

        $(document).on('change', '#branchId', function() {

         $.ajax({
           type: 'post',
           url: './getMfnBranchWiseSamityList',
           dataType: 'json',
           data: {
             'branchId': $('#branchId').val(),
         },
         success: function(_response) {
             if(_response.errors) {
               alert(_response.errors);
           } else {
               $('#samityId').empty();
               $('#samityId').append('<option value="" selected="selected">Select</option>');

               $.each(_response, function(index, value) {
                 $('#samityId').append('<option value="'+ index +'">' + value + '</option>');
             });

            //    $('#primaryProductId').empty();
            //    $('#primaryProductId').append('<option value="" selected="selected">Select</option>');

            //    $.each(_response.primaryProduct, function(index, value) {
            //      $('#primaryProductId').append('<option value="'+ index +'">' + value + '</option>');
            //  });
           }
       },
       error: function(_response) {
         alert(_response.errors);
     }
 });
     });


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

@endsection