@extends('layouts/microfin_layout')
@section('title', '| Loan Rebate')
@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 \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;
@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('addMfnLoanRebate/') }}" class="btn btn-info pull-right addViewBtn">
       <i class="glyphicon glyphicon-plus-sign addIcon"></i> 
       Add Loan Closing/Rebate
     </a>
   </div>
   <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">LOAN REBATE LIST</font></h1>
 </div>
 <div class="panel-body panelBodyView"> 

  <!-- Filtering Start-->
  {!! Form::open(array('url' => 'viewMfnLoanRebates', '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-1">
                <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>
        @else
            <div class="col-md-1">
                <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', $branchList, $branchSelected ,['id'=>'filBranch','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('', '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-1">
        <div class="form-group">
          <div class="col-md-12">
            {!! Form::label('', 'Member 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>

      <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','readonly','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','readonly','style'=>'cursor:pointer']) !!}
          </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>SL#</th>
      <th>Member Name</th>
      <th>Member Code</th>
      <th>Loan Code</th>
      <th>Samity Code</th>
      <th>Transaction Date</th>
      <th>Rebate Amount</th>
      <th>Delay Interest Amount</th>
      <th>Notes</th>
      <th>Entry By</th>
      <th>Action</th>
    </tr>
    
  </thead>
  <tbody>
    
    @foreach ($loanRebates as $key => $loanRebate)
    <tr>
      <td>{{ ($pageNo-1)*100+($key+1) }}</td>
      <td class="name">{{ $members->where('id',$loanRebate->memberIdFk)->max('name') }}</td>
      <td>{{ $members->where('id',$loanRebate->memberIdFk)->max('code') }}</td>
      <td>{{ $loans->where('id',$loanRebate->loanIdFk)->max('loanCode') }}</td>
      <td>{{ $samity->where('id',$loanRebate->samityIdFk)->max('code') }}</td>
      <td>{{ date('d-m-Y', strtotime($loanRebate->date)) }}</td>
      <td class="amount">{{ number_format( $loanRebate->amount , 2 ) }}</td>
      <td class="amount">{{ number_format( $loanRebate->delayInterestAmount ) }}</td>
      <td class="name">{{ $loanRebate->notes }}</td>
      <td class="name">{{ $employee->where('id',$loanRebate->entryByEmpIdFk)->max('name') }}</td>
      <td width="80">                                                 
        <a href="javascript:;" class="showDetails" data-id="{{$loanRebate->id}}">
          <i class="fa fa-eye" aria-hidden="true"></i>
        </a>
        <a href="javascript:;" class="@if($softwareDate!=$loanRebate->date){{'disabled'}} @endif @if($loanRebate->writeOffId > 0){{'updateNotice'}} @else{{'showUpdateForm'}} @endif" data-id="{{$loanRebate->id}}">
          <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true" ></i>
        </a>
        {{-- <a href="javascript:;" class="@if($softwareDate!=$loanRebate->date){{'disabled'}} @endif @if($loanRebate->writeOffId > 0){{'deleteNotice'}} @else{{'deleteConfirmation'}} @endif" data-id="{{$loanRebate->id}}">
          <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
        </a>   --}}
        <a href="javascript:;" class=" @if($loanRebate->writeOffId > 0){{'deleteNotice'}} @else{{'deleteConfirmation'}} @endif" data-id="{{$loanRebate->id}}">
          <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
        </a>                            
      </td>
    </tr>
    @endforeach
  </tbody>
</table>
<div class="pull-right">            
  {{ $loanRebates->appends(request()->input())->links() }}
</div>

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

</div>

{{-- View Modal --}}
<div class="modal fade" id="show-details-modal" style="padding-top: 5% !important;">
  <div class="modal-dialog" style="width:75%">
    <div class="modal-content">
      <div class="panel panel-color panel-black">
          
        <div class="panel-heading">
          <h4 class="panel-title">Loan Rebate Details </h4>
          <div class="panel-options">
            
            <button id="printIcon" class="btn btn-info  print-icon" target="_blank">
                <i class="fa fa-print fa-lg" aria-hidden="true">Print</i>
            </button>

            <button  data-dismiss="modal"  class="btn btn-primary " title="Close Modal">
                <i class="close" aria-hidden="true">X</i>
            </button>
          </div>
        </div>
        
        <div style="padding:0" class="panel-body" id="printDiv">
          
          <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 class="rebateScheduleTable" style="padding:5px 10px;"></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">Update Loan Rebate</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('rebateId','',['id'=>'rebateId']) !!}

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

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

                      {!! createForm::text('rebateDate',$softwareDate,'Rebate Date:',['id'=>'rebateDate','autocomplete'=>'off','readonly'=>'readonly','style'=>'cursor:pointer']) !!}

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

                      {!! createForm::select('payment Type',[''=>'Select'],null,'Payment Type:',['id'=>'paymentType','autocomplete'=>'off']) !!}
                      <div id="bank-dropdown">
                          {!! createForm::select('bankLedger',array('' => 'Select'),null,'Bank List:',['id'=>'bankList','autocomplete'=>'off']) !!}
                      </div>

                      <div class="form-group">
                        {!! Form::label('notes', 'Notes:', ['class' => 'col-sm-4 control-label']) !!}
                        <div class="col-sm-8">
                         {!! Form::textarea('notes','',['id'=>'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','Rebateable','Payable After Rebate'];
                    @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;">Update</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 record?
      </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">

  .disabled {
   pointer-events: none;
   cursor: default;
 }

 #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;
}
#loanInfoTable tbody tr.Rebateable td{
  color: red;
}
</style>



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

    function num(argument){
     return argument.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }
    // bank list view | start
    $(document).on('change', '#paymentType', function() {
        if($('#paymentType').val()=='bank') {
            $('#bank-dropdown').show();
        } else if($('#paymentType').val()=='cash' || $('#paymentType').val()=='') {
            $('#bank-dropdown').hide();
        }
    });
    // bank list view | end

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

    if (hasAccess('mfnGetLoanRebateDetails')) {			
     $.ajax({
      url: './mfnGetLoanRebateDetails',
      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++;
      });
      
      
      $(".rebateScheduleTable").html(data['rebateScheduleTable'])
      
      jQuery('#show-details-modal').modal('show', {backdrop: 'fade'});
    })
     .fail(function() {
      alert("error");
    })	
   }	
   
 });
   /*End View MOdal*/

   /*Edit Modal*/
   $(document).on('click', '.showUpdateForm', function() {
    if (hasAccess('updateMfnLoanRebate')) {
      $("#rebateId").val($(this).data('id'));
      $.ajax({
        url: './mfnGetLoanRebateDetailsToUpdate',
        type: 'POST',
        dataType: 'json',
        data: {
          operation: "update",
          id : $(this).data('id')
        },
        async: false,
      })
      .done(function(data) { 
       
        $("#member").val(data['tFirst']['Member Code:']+' - '+data['tFirst']['Member Name:']);
        $("#loanId").val(data['tFirst']['Loan Code:']);
        $("#rebateDate").val(data['tSecond']['Transaction Date:']);
        $("#rebateAmount").val(data['rebateAmount']);
        $("#notes").val(data['tSecond']['Notes:']);
        // $("#paymentType").val(data['loanCollection'].paymentType);

          var paymentTypes = ['Cash', 'Bank'];
          $.each(paymentTypes, function(index, value){
              var isSelected = value == data['loanCollection'].paymentType ? ' selected' : '';
              $('#paymentType').append("<option value='" + value + "'"+isSelected+" >"  + value + "</option>");
          });

        
        // $("#bankList").val(data['loanCollection'].ledgerIdFk);

        $.each(data['bankList'].ledgerOfBanksOptions, function(index, value){
            var isSelected = value.id == data['loanCollection'].ledgerIdFk ? ' selected' : '';
            $('#bankList').append("<option value='" + value.id + "'"+isSelected+" >" + value.code + " - " + value.name + "</option>");
        });
        
        if (data['loanCollection'].paymentType == "Bank") {
          $('#bank-dropdown').show();
        }else{
          $('#bank-dropdown').hide();
        }
        
        $.ajax({
          url: './mfnGetLoanInfoForRebate',
          type: 'POST',
          dataType: 'json',
          data: {loanId: data['loanId'], rebateDate: data['tSecond']['Transaction Date:']},
          async: false,
        })
        .done(function(data) {
          $("#principalAmount").val(data['principalAmount']);
          $("#interestAmount").val(data['interestAmount']);                        
          $("#rebateAmount").attr('amountLimit',data['interestAmount'].replace(',',''));

          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']);

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

          $("#rebateAmount").trigger('input');
        })
        .fail(function() {
          alert("error");
        });
        
        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());
            
            $("#submitButton").prop('disabled', true);

            $.ajax({
              type: 'post',
              url: './updateMfnLoanRebate',
              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 {

                  $("#submitButton").prop('disabled', false);

                  toastr.success(_response.responseText, _response.responseTitle, opts);
                  
                  setTimeout(function(){
                    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*/

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

   /*Delete Product*/
   $("#yesBtn").click(function(event) {
     $.ajax({
      url: './deleteMfnLoanRebate',
      type: 'POST',
      dataType: 'json',
      data: {
       _token: "{{csrf_token()}}",
       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*/

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

   /*check the amount limit of waiver amount*/
   $("#rebateAmount").on('input', function(event) {
    $(".amountLimit").remove();
    var amountLimit = parseFloat($(this).attr('amountlimit'));
    var inputAmount = 0;
    if (this.value!='') {
      inputAmount = parseFloat(this.value);
    }
    console.log(inputAmount);
    console.log(amountLimit);
    console.log('    ');
    if (inputAmount>amountLimit) {
      this.value = '';
      $(this).after("<p class='amountLimit' style='color:red;'>* Amount can not be greater than the Outstanding Interest Amount.</p>");

      var element = $("#loanInfoTable tbody tr:last");
      element.find('td').eq(1).html('');
      element.find('td').eq(2).html('');
      element.find('td').eq(3).html('');
    }
    else{
      calculatePayableAmountAfterRebate(inputAmount);
    }
    
  });
   /*end check the amount limit of waiver amount*/

   /*calculate payable amount after rebate*/
   function calculatePayableAmountAfterRebate(rebateAmount) {
    var rebateAmount = parseFloat(rebateAmount);
    var principalAmount = 0;
    var interestAmount = 0;
    if ($("#principalAmount").val().replace(',','')!='') {
      var principalAmount = parseFloat($("#principalAmount").val().replace(',',''));            
    }
    if ($("#interestAmount").val().replace(',','')!='') {
      var interestAmount = parseFloat($("#interestAmount").val().replace(',',''));            
    }
    var element = $("#loanInfoTable tbody tr:last");
    element.find('td').eq(1).html(num(principalAmount+interestAmount-rebateAmount));
    element.find('td').eq(2).html(num(principalAmount));
    element.find('td').eq(3).html(num(interestAmount-rebateAmount));
  }
  /*end calculating payable amount after rebate*/


  $('#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*/

 $('.updateNotice').click(function(event) {
   toastr.warning('Warning!','You have to update from writeOff', opts);
 }); 
 $('.deleteNotice').click(function(event) {
   toastr.warning('Warning!','You have to delete from writeOff', opts);
 });

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


   <script type="text/javascript">
      $(document).ready(function() {        
        $("#printIcon").click(function(event) {
          var printStyle = ` `
          var mainContents = document.getElementById("printDiv").innerHTML;
          var headerContents = '';
          var printContents = '<div>' + headerContents +printStyle+ mainContents +'</div>';
          var win = window.open('','printwindow');
          win.document.write(printContents);
          win.print();
          win.close();
        });

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

@endsection