@extends('layouts/microfin_layout')
@section('title', '| Add Loan Writeoff Collection')
@section('content')

@php
  use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
@endphp

<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-10 col-md-offset-1 fullbody">
            <div class="viewTitle" style="border-bottom:1px solid white;">
                <a href="{{ url('mfn/viewWriteOffCollection/') }}" class="btn btn-info pull-right addViewBtn">
                  <i class="glyphicon glyphicon-th-list viewIcon"></i>
                  Loan Writeoff Collection List
                </a>
            </div>
            <div class="panel panel-default panel-border">
              <div class="panel-heading">
                    <div class="panel-title">New Loan Writeoff Collection</div>
                </div>
                <div class="panel-body">
                  <div class="row">
            
            {!! Form::open(array('url' => '', 'role' => 'forl', 'id' => 'rootwizard', 'class' => 'form-horizontal form-groups', 'novalidate' => '')) !!}
              
            
              <div class="tab-content no-margin">
                <div class="tab-pane with-bg active" id="fwv-1">
                  <div class="panel panel-default" style="padding:0!important;">
                    
                    <div class="panel-body" style="padding:5px 10px;">
                      <div class="row">
                        <div class="col-xs-6">

                        {!! Form::hidden('loanId',$encryptLoanId,['id'=>'loanId']) !!}
                        {!! Form::hidden('writeOffId',$encryptWriteOffId,['id'=>'writeOffId']) !!}

                        {!! createForm::text('member',$member,'Member:',['id'=>'member','autocomplete'=>'off','readonly'=>'readonly']) !!}
                        {!! createForm::text('loanCode',$loan->loanCode,'Loan Id:',['id'=>'loanCode','autocomplete'=>'off','readonly'=>'readonly']) !!}
                        {!! createForm::text('writeOffDate',$writeOffDate,'Write Off Date:',['id'=>'writeOffDate','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('writeOffAmount',number_format($writeOffEligibleAmount,2),'Total Outstanding Amount:',['id'=>'writeOffAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}

                        {!! createForm::text('writeOffCollectionAmount','','Write Off Collection Amount:',['id'=>'writeOffCollectionAmount','autocomplete'=>'off','amountLimit'=>$writeOffEligibleAmount, 'required'=>'required']) !!}
                        {!! createForm::text('collectionDate',$collectionDate,'Write Off Collection  Date:',['id'=>'collectionDate','autocomplete'=>'off','readonly'=>'readonly','style'=>'cursor:pointer']) !!}

                        <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','Wtiteoff Collection'];
                @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>
                      
        <ul class="pager wizard pull-right">                    
            {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
        </ul>
                      
    </div>
    </div>
                  
                
    </div>
                
                
    </div>
    {!! Form::close() !!}
    </div>
    </div>
    </div>
    </div>
  </div>
</div>

<style type="text/css">
#rootwizard .panel-body .row {
    margin-bottom: 10px;
  }
  #rootwizard, 
  #rootwizard .form-control {
    font-size: 11px !important;
    padding: 5px !important;
  }
  /*#rootwizard input[type='text']{
    height: 18px !important;
  }*/
  #rootwizard label {
    margin-bottom: 0 !important;
    color: #555 !important;
  }
  .validate-has-error {
    color: #FF0000;
  }
  .error{
    color: red;
  }
  #loanInfoTable,#loanInfoTableHeading {
    color: black;
  }
  #loanInfoTable tbody{
    width: 100px !important;
  }
  #writeOff-confirmation-modal{
    padding-top: 10%;
  }

  .bankDiv{
    display: none;
  }
  
</style>



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

    $("#paymentType").change(function (e) { 
      e.preventDefault();
      if ($(this).val() == "Cash") {
          $(".bankDiv").hide('slow/400/fast');
      } else {
          $(".bankDiv").show('slow/400/fast');
      }
    });

    var isSeetLoanId = "@php $loanId = isset($loan)? $loan->id : null; echo $loanId; @endphp";

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

    $("#submit").click(function(event) {
        event.preventDefault();

        $.ajax({
            type: 'post',
            url: './../../mfn/storeLoanWriteOffCollection',
            data: $('form').serialize(),
            dataType: 'json',
            success: function(_response) {
              
              $(".error").remove();
                if(_response.errors) {
                  $("#submit").prop('disabled',false);
                  $.each(_response.errors, function(name, error) {
                     $("#"+name).after("<p class='error'>* "+_response.errors[name]+"</p>");
                  });
                } 
                else { 
                  if (_response.responseTitle=='Warning!') {
                    toastr.warning(_response.responseText, _response.responseTitle, opts);
                  }
                  else{
                    toastr.success(_response.responseText, _response.responseTitle, opts);
                    
                    setTimeout(function(){
                        window.location.href = '{{ url('mfn/viewWriteOffCollection/') }}';
                    }, 3000);

                  }                
                    
                }
            },
            error: function(_response) {
              $("#submit").prop('disabled',false);
                alert('Response Error');
            }
        });
    });
    

    /*Form*/
   /* $('form').submit(function(event){
            event.preventDefault();
            alert();
            return false;
            $("#submit").prop('disabled',true);

            

        });*/
        /* End Form*/

        /*Hide Errors On Filed input or Change*/
        $(document).on('input', 'input', function() {
          $(this).closest('div').find('.error').remove();
        });
        $(document).on('change', 'select', function() {
          $(this).closest('div').find('.error').remove();
        });
        /*End Hide Errors On Filed input or Change*/


       

       /*get account balance info on change loan id*/

       if (isSeetLoanId>0) {
        var writeOffDate = $("#writeOffDate").val();
        getLoanInfo(isSeetLoanId,writeOffDate);
       }

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

                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('.Wtiteoff.Collection');
                element.find('td').eq(1).html(data['writeoffCollectionAmount']);
                element.find('td').eq(2).html(data['writeoffCollectionPrincipalAmount']);
                element.find('td').eq(3).html(data['writeoffCollectionInterestAmount']);

           })
           .fail(function() {
            alert("error");
           });
       }
       /*end get account balance info on change loan id*/

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

        // var amountLimit = parseFloat($(this).attr('amountLimit'));

        // if (writeOffCollectionAmount>amountLimit) {
        //   this.value = '';
        //   $(this).after("<p style='color:red;' class='amountLimitError'>* Collection amount should be less or equal to writeoff amount.</p>")
        // }

       });


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

@endsection