@extends('layouts/microfin_layout')
@section('title', '| One Time Loan Transaction')
@section('content')

<style type="text/css">
    .form-group, .form-control{
        font-size: 11px !important;
        color: black !important;
    }
    .form-control{
        padding: 5px !important;
    }
    #searchButton{
        font-size: 12px;
        margin-top: 20px;
    }
</style>

@php
  use carbon\Carbon; 
  use App\Traits\GetSoftwareDate;
  use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
	$pageNo = isset($_GET['page']) ? (int) $_GET['page']: 1;
  $branchSelected = isset($_GET['filBranch']) ? $_GET['filBranch'] : null;
  $samitySelected = isset($_GET['filSamity']) ? $_GET['filSamity'] : null;
  $memberCodeSelected = isset($_GET['filMemberCode']) ? $_GET['filMemberCode'] : null;
  $loanProductSelected = isset($_GET['filLoanProduct']) ? $_GET['filLoanProduct'] : null;
  $dateFromSelected = isset($_GET['filDateFrom']) ? $_GET['filDateFrom'] : null;
  $dateToSelected = isset($_GET['filDateTo']) ? $_GET['filDateTo'] : null;
  $balanceZeroSelected = isset($_GET['zeroBalance']) ? $_GET['zeroBalance'] : null;

  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  $moneyRecNoSelected = isset($_GET['filMoneyRecNo']) ? $_GET['filMoneyRecNo'] : null;
  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@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">
        @if(in_array($userRoleId, Config('services.branch_level_user_roles')))
          <a href="{{url('addMfnOneTimeLoanTransaction/')}}" class="btn btn-info pull-right addViewBtn">
            <i class="glyphicon glyphicon-plus-sign addIcon"></i>
            Add Transaction
          </a>
        @endif
			</div>
			<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">ONE TIME LOAN TRANSACTION LIST</font></h1>
		</div>
		<div class="panel-body panelBodyView">
      <!-- Filtering Start-->
                {!! Form::open(array('url' => 'viewMfnOneTimeLoanTransaction', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
                <div class="row">
                    <div class="col-md-12">
                        @if(!in_array($userRoleId, Config('services.branch_level_user_roles')))
                          <div class="col-md-2">
                              <div class="form-group">
                                  <div class="col-md-12">
                                      {!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
                                  </div>
                                  <div class="col-md-12">
                                      {!! Form::select('filBranch', [''=>'--All--']+$branchList, $branchSelected ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                  </div>
                              </div>
                          </div>
                        @endif

                        <div class="col-md-2">
                          <div class="form-group">
                            <div class="col-md-12">
                              {!! Form::label('', 'Samity:', ['class' => 'control-label pull-left']) !!}
                            </div>
                            <div class="col-md-12">
                              {!! Form::select('filSamity', [''=>'--All--']+$samityList, $samitySelected ,['id'=>'filSamity','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                            </div>
                          </div>
                        </div>

                        <div class="col-md-2">
                          <div class="form-group">
                            <div class="col-md-12">
                              {!! Form::label('', 'Member/Loan Code:', ['class' => 'control-label pull-left']) !!}
                            </div>
                            <div class="col-md-12">
                              {!! Form::text('filMemberCode', $memberCodeSelected ,['id'=>'filMemberCode','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                            </div>
                          </div>
                        </div>

                        {{-- --------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------- --}}
                        @if($moneyRecNoType != null)
                        <div class="col-md-2">
                          <div class="form-group">
                              <div class="col-md-12">
                                  {!! Form::label('', 'Money Receipt No:', ['class' => 'control-label pull-left']) !!}
                              </div>
                              <div class="col-md-12">
                                  {!! Form::text('filMoneyRecNo', $moneyRecNoSelected,['id'=>'filMoneyRecNo','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                              </div>
                          </div>
                        </div>
                        @endif
                        {{-- --------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------- --}}

                      <div class="col-md-1">
                        <div class="form-group">
                          <div class="col-md-12">
                            {!! Form::label('', 'Loan Product:', ['class' => 'control-label pull-left']) !!}
                          </div>
                          <div class="col-md-12">
                            {!! Form::select('filLoanProduct', [''=>'--All--']+$loanProductList, $loanProductSelected ,['id'=>'filLoanProduct','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                          </div>
                        </div>
                      </div>

                       <div class="col-md-1">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Date From:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDateFrom', $dateFromSelected,['id'=>'filDateFrom','class'=>'form-control input-sm', 'autocomplete'=>'off','style'=>'cursor:pointer']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-1">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Date To:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDateTo', $dateToSelected,['id'=>'filDateTo','class'=>'form-control input-sm', 'autocomplete'=>'off','style'=>'cursor:pointer', 'required']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-1">
                          <div class="form-group">
                              <div class="col-md-12">
                                  {!! Form::label('', 'Balance 0:', ['class' => 'control-label pull-left']) !!}
                              </div>
                              <div class="col-md-12">
                                  {!! Form::select('zeroBalance', [1=>'Yes', 0=>'No'], $balanceZeroSelected,['id'=>'zeroBalance','class'=>'form-control input-sm', 'autocomplete'=>'off','style'=>'cursor:pointer', 'required']) !!}
                              </div>
                          </div>
                      </div>

                        <div class="col-md-1">
                            <div class="form-group">
                                {!! Form::label('', '', ['class' => 'control-label col-md-12']) !!}
                                <div class="col-md-12">
                                    {!! Form::submit('Search', ['id' => 'searchButton', 'class' => 'btn btn-primary btn-xs']); !!}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                {!! Form::close()  !!}
                <!-- filtering end-->

                <table class="table table-striped table-bordered" id="areaListView">
                  <thead>
                    <tr>
                      <th rowspan="2">SL#</th>
                      <th rowspan="2">Member Name</th>
                      <th rowspan="2">Member Code</th>
                      <th rowspan="2">Loan Code</th>
                      <th rowspan="2">Date</th>
                      <th colspan="5">Transaction Amount</th>
                      {{-- --------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------- --}}
                      @if($moneyRecNoType != null)
                      <th rowspan="2">Money Receipt No</th>
                      @endif
                      {{-- ------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----- --}}
                      <th rowspan="2">Mode Of <br> Payment</th>
                      <th rowspan="2">Entry By</th>
                      <th rowspan="2">Status</th>
                      <th rowspan="2">Action</th>
                  </tr>
                  <tr>
                      <th>P</th>
                      <th>I</th>
                      <th>P+I</th>
                      <th>Paid</th>
                      <th>Outstanding</th>
                  </tr>
              </thead>
              <tbody>
                    @php
                        // dd($transactions);
                        $sl = 0;
                    @endphp
                    @foreach($transactions as $key => $transaction)
                    @php
                        // $paidPricipalAmount = DB::table('mfn_loan_collection')->where('softDel', 0)->where('loanIdFk',$transaction->loanIdFk)->where('collectionDate','<=',$transaction->collectionDate)->sum('principalAmount');
                        
                        // $outstandingAmount = $transaction->loanAmount - $paidPricipalAmount;
                        // $rebateAmount = $loanRebates->where('loanIdFk',$transaction->loanIdFk)->where('date',$transaction->collectionDate)->sum('amount');
                        // if ($rebateAmount>0) {
                        //     $outstandingAmount = $outstandingAmount - $rebateAmount;
                        // }

                        // // CHECK IF THERE IS ANY OTHER TRANSACTION ON THE SAME DATE OR AFTERWARDS. IF IT HAS, THIS TRANSACTION CANN'T BE EDITED OR DELETED.

                        // if($transaction->isLoanCompleted == 0){
                        //   if(!$transaction->transactionAfterwards){
                        //     if($dateToSelected != null){
                        //       $transactionDaysDiff = Carbon::parse($transaction->collectionDate)->diffInDays(Carbon::parse($dateToSelected))+1;
                        //     }else{
                        //       $transactionDaysDiff = Carbon::parse($transaction->collectionDate)->diffInDays(Carbon::parse($softwareDate))+1;
                        //     }
                            
                        //     $interestOutstanding = round($outstandingAmount*$transactionDaysDiff*0.000657);
                        //     $outstandingAmount += $interestOutstanding;
                        //   }
                        // }else{
                        //   $outstandingAmount = 0;
                        // }

                        if($balanceZeroSelected == 0  && (int)$outstandingAmount == 0) {
                          continue;
                        }else{
                          $sl++;
                        }
                    @endphp
                    <tr>
                        {{-- <td>{{($pageNo-1)*100+($key+1)}}</td> --}}
                        <td>{{$sl}}</td>
                        <td class="name">{{$transaction->memberName}}</td>
                        <td>{{$transaction->memberCode}}</td>
                        <td>{{$transaction->loanCode}}</td>
                        <td>{{date('d-m-Y',strtotime($transaction->collectionDate))}}</td>
                        <td class="amount">{{number_format($transaction->principalAmount,2)}}</td>
                        <td class="amount">{{number_format($transaction->interestAmount,2)}}</td>
                        <td class="amount">{{number_format($transaction->amount,2)}}</td>
                        <td class="amount">{{number_format($transaction->paidAmount,2)}}</td>
                        <td class="amount">{{number_format($transaction->outstandingAmount,2)}}</td>
                        {{-- ------------------/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////------------- --}}
                        @if($moneyRecNoType != null)
                        <td>{{$transaction->moneyReceiptNo}}{{$transaction->moneyReceiptAutoSerialNo ?? null}}</td>
                        @endif
                        {{-- ---------------------///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////---------- --}}
                        <td>{{$transaction->paymentType}}</td>
                        <td class="name">{{$transaction->entryBy}}</td>

                        <td>
                            @if ($transaction->isAuthorized==1)
                                <i style="color:#72A230" class="fa fa-check" aria-hidden="true"></i>
                            @else
                                <i style="color:#F00" class="fa fa-times" aria-hidden="true"></i>
                            @endif
                        </td>
                        <td>
                            <a href="javascript:;" class="showDetails" data-id="{{ $transaction->id }}">
                                <i class="fa fa-eye" aria-hidden="true"></i>
                            </a>


                            {{-- --------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----------------- --}}
                            @if($isMoneyReceiptPrintAllow == 1)
                            <a href="{!! url('mfn/collection/printMoneyReceipt/'.$transaction->id)!!}">
                            <i class="fa fa-print" aria-hidden="true"></i>
                            </a>
                            @endif
                            {{-- -------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////------------ --}}


                            @if($transaction->canDeleteOrEdit)
                            <a href="javascript:;" class="showUpdateForm" data-id="{{ $transaction->id }}">
                              <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                            </a>

                            <a href="javascript:;" class="deleteConfirmation" data-id="{{ $transaction->id }}" >
                              <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                            </a>
                            @endif                            
                        </td>
                    </tr>
                    @endforeach
                </tbody>
			</table>
      {{-- @if (!$_GET['filDateFrom'] && $_GET['filDateFrom'] == '')
			<div class="pull-right">
          {{ $transactions->appends(request()->input())->links() }}
      </div>
      @endif --}}
		</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">Collection 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">
  <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">Savings Deposit Update</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:5px 10px;">
                  <div class="row">
                        <div class="col-xs-6">

                        {!! Form::hidden('collectionId',null,['id'=>'collectionId']) !!}
                        {!! Form::hidden('loanId',null,['id'=>'loanId']) !!}

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

                        {!! createForm::text('transactionDate','','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>

                           {!! 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']) !!}   
                        </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('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']) !!}
                          {!! createForm::text('installmentNo','','Installment No:',['id'=>'installmentNo','autocomplete'=>'off','readonly'=>'readonly']) !!}
                          {!! Form::hidden('principalOutStandingHidden',null,['id'=>'principalOutStandingHidden']) !!}
                          {!! Form::hidden('interestOutStandingHidden',null,['id'=>'interestOutStandingHidden']) !!}
                        </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" id="submit" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;">Save</button>
        @if($isMoneyReceiptPrintAllow == 1)
        <button type="submit" id="submitAndPrint" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;">Save & Print</button>
        @endif
        {{-- --------------------------------------------------/////////////////////////////////////////////////////--------------------------------------------------------------- --}}

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

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

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

			$.ajax({
				url: './mfnGetOneTimeLoanCollectionDetails',
				type: 'POST',
				dataType: 'json',
				data: {
			      '_token': "{{ csrf_token() }}",
			      '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*/


    // $(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 collectionId = $('#collectionId').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, collectionId:collectionId, _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.');
    //     }
    // });


		/*Edit Modal*/
		$(document).on('click', '.showUpdateForm', function() {
			$("#collectionId").val($(this).data('id'));
			$.ajax({
				url: './mfnGetOneTimeLoanCollectionDetailsToUpdate',
				type: 'POST',
				dataType: 'json',
				data: {
					_token: "{{csrf_token()}}",
					id : $(this).data('id')
				},
			})
			.done(function(data) {

                $("#member").val(data['tFirst']['Member Name:'] + '-' + data['tFirst']['Member Code:']);
                $("#loanId").val(data['collection'].loanIdFk);
                $("#loanCode").val(data['tFirst']['Loan Code:']);
                $("#transactionDate").val(data['tFirst']['Date:']);
                $("#paymentType").val(data['collection'].paymentType).trigger('change');
                $("#bank").val(data['collection'].ledgerIdFk);
                $("#chequeNumber").val(data['collection'].chequeNumber);

                $("#principalAmount").val(parseFloat(data['collection'].principalAmount).toFixed(2));
                $("#principalAmount").attr('initialAmount',parseFloat(data['collection'].principalAmount));

                $("#interestAmount").val(parseFloat(data['collection'].interestAmount).toFixed(2));
                $("#transactionAmount").val(parseFloat(data['collection'].amount));

                ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                $("#moneyRecNo").val((data['collection'].moneyReceiptNo !== null ? data['collection'].moneyReceiptNo : '') + (data['collection'].moneyReceiptAutoSerialNo !== null ? data['collection'].moneyReceiptAutoSerialNo : ''));
                //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

                $("#transactionAmount").attr('initialAmount',parseFloat(data['collection'].amount));

                $("#principalCollection").val(parseFloat(data['totalPrincipalCollection']).toFixed(2));
                $("#principalCollection").attr('initialAmount',parseFloat(data['totalPrincipalCollection']));

                $("#interestCollection").val(parseFloat(data['totalInterestCollection']).toFixed(2));
                $("#interestCollection").attr('initialAmount',parseFloat(data['totalInterestCollection']));

                /*$("#dueAmount").val(data['totalDue']);
                $("#dueAmount").attr('initialDue',data['dueAmount']);

                $("#advance").val(data['advanceAmount']);
                $("#advance").attr('initialAdvance',data['advanceAmount']);*/

                $("#outStanding").val(parseFloat(data['principalOutstanding']).toFixed(2));
                $("#outStanding").attr('initialAmount',parseFloat(data['principalOutstanding']));
                $("#interestOutStanding").val(parseFloat(data['interestOutstanding']).toFixed(2));
                $("#interestOutStanding").attr('initialAmount',parseFloat(data['interestOutstanding']));

                $("#installmentNo").val(data['collection'].installmentNo);
                $("#interestOutStandingHidden").val(parseFloat(data['interestOutstanding']));
                $("#principalOutStandingHidden").val(parseFloat(data['principalOutstanding']));

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


		});
		/*End Edit Modal*/

		/*Update Information*/
        $('#updateForm').submit(function(event){
            event.preventDefault();
            //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;
            // }
            var clickedButton = $(document.activeElement).attr('id');
			      $("#submit, #submitAndPrint").prop('disabled', true);
            $.ajax({
                type: 'post',
                url: './updateMfnOneTimeLoanTransaction',
                data: $('#updateForm').serialize(),
                dataType: 'json',
                success: function(_response) {

                	//alert(JSON.stringify(_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 {

                      if (_response.responseTitle=='Warning!') {
                        $("#submit, #submitAndPrint").prop('disabled', false);
                        toastr.warning(_response.responseText, _response.responseTitle, opts);
                      }else{
                        $("#submit, #submitAndPrint").prop('disabled', false);
                        toastr.success(_response.responseText, _response.responseTitle, opts);
                        
                        setTimeout(function() {
                          if(clickedButton == "submitAndPrint"){
                            window.location.href = '{{ url("mfn/collection/printMoneyReceipt/") }}/' + _response.transactionId;
                          }else{
                            location.reload();
                          }
                        }, 2000);	
                        
                      }
                    }
                },
                error: function(_response) {
                    alert("error");
                }
            });

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


         /*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: './deleteMfnOneTimeLoanTransaction',
        		type: 'POST',
        		dataType: 'json',
        		data: {
        			id: $('#id').val()
        		},
        	})
        	.done(function(_response) {
              if (_response.responseTitle=='Warning!') {
                toastr.warning(_response.responseText, _response.responseTitle, opts);
              }else{
                toastr.success(_response.responseText, _response.responseTitle, opts);
                setTimeout(function() {
                    location.reload();
                }, 2000);	
              }
        	})
        	.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: './',
            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*/

       $("#principalAmount").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 principalCollection = parseFloat($("#principalCollection").attr('initialAmount'));
            var outStandingAmount = parseFloat($("#outStanding").attr('initialAmount'));
            var transactionAmount = parseFloat($("#transactionAmount").attr('initialAmount'));

            var newPrincipalCollection = principalCollection + currentAmount - initialAmount;
            var newOutstanding = outStandingAmount + initialAmount - currentAmount;

            $("#principalCollection").val(newPrincipalCollection);
            $("#outStanding").val(newOutstanding);

            var interestAmount = 0;
            if ($("#interestAmount").val()!='') {
                interestAmount = parseFloat($("#interestAmount").val());
            }
            var newtransactionAmount = currentAmount + interestAmount;
            $("#transactionAmount").val(newtransactionAmount);

            if (newOutstanding<1) {
                this.value = initialAmount;
                $("#principalCollection").val(principalCollection);
                $("#outStanding").val(outStandingAmount);
                $("#transactionAmount").val(initialAmount+interestAmount);
                alert("Sum of Principal Amounts can not greater than Outstanding.");
            }

       });

       $("#interestAmount").on('input', function(event) {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
            var interestAmount = 0;
            var principalAmount = 0;
            if ($("#interestAmount").val()!='') {
                interestAmount = parseFloat($("#interestAmount").val());
            }
            if ($("#principalAmount").val()!='') {
                principalAmount = parseFloat($("#principalAmount").val());
            }

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


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

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


       $('#filDateFrom').datepicker({
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        changeMonth: true,
        onSelect: function(){
            thisDate = $("#filDateFrom").datepicker('getDate');
            $('#filDateTo').datepicker('option','minDate',thisDate);
        }
       });

       $('#filDateTo').datepicker({
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        changeMonth: true,
        onSelect: function(){
            thisDate = $("#filDateTo").datepicker('getDate');
            $('#filDateFrom').datepicker('option','maxDate',thisDate);
        }
       });

       $('#filDateFrom,#filDateTo').click(function(event) {
         this.value = '';
       });

       /*on change branch get the samity list*/
       $("#filBranch").change(function(event) {
        var branchId = $(this).val();
         $.ajax({
          url: './getMfnBranchWiseSamityList',
          type: 'POST',
          dataType: 'json',
          data: {branchId: branchId},
         })
         .done(function(samityList) {
          $("#filSamity option:gt(0)").remove();
          $.each(samityList, function(index, val) {
             $("#filSamity").append("<option value='"+index+"'>"+val+"</option>");
          });
         })
         .fail(function() {
          alert("error");
         });

       });
       /*end on change branch get the samity list*/


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

@endsection