@extends('layouts/microfin_layout')
@section('title', '| Add Loan Write Off')
@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="{{ route('write.off.list') }}" class="btn btn-info pull-right addViewBtn">
          <i class="glyphicon glyphicon-th-list viewIcon"></i>
          Loan Write Off List
        </a>
      </div>
      <div class="panel panel-default panel-border">
        <div class="panel-heading">
          <div class="panel-title">New Loan Write Off</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('outstandingamountfield','',['id'=>'outstandingamountfield']) !!}

                        {!! 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',$softwareDate,'Write Off Date:',['id'=>'writeOffDate','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('writeOffAmount','','Write Off Amount:',['id'=>'writeOffAmount','autocomplete'=>'off','readonly'=>'readonly']) !!}
                        {!! createForm::text('rebateAmount',null,'Rebate Amount:',['id'=>'rebateamount','autocomplete'=>'off','readonly'=>'readonly']) !!} {{-- Modify for one time loan --}}
                        {!! createForm::select('isDeath',['1'=>'Yes',''=>'No'],1,'Is Death?:',['id'=>'isDeath','autocomplete'=>'off']) !!}

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

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

{{-- write off confirm modal --}}
<div id="writeOff-confirmation-modal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Writeoff Confirmation</h4>
      </div>
      <div class="modal-body">
        Are you sure to Writeoff <p id="confirmModalLoanCode"></p>
      </div>
      <div class="modal-footer">
        <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>
</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%;
    }

  </style>



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



      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();
        $("#confirmModalLoanCode").html($("#loanCode").val() + ' ?');
        $("#writeOff-confirmation-modal").modal('show');
      });
      $("#yesBtn").click(function(event) {
        $("#submit").prop('disabled',true);
        $.ajax({
          type: 'post',
          url: './../../mfn/storeLoanWriteOff',
          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/viewLoanWriteOffEligibleList/') }}';
                }, 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: './../../mfnGetLoanInfoForWaiver',
            type: 'POST',
            dataType: 'json',
            data: {loanId: loanId, waiverDate: writeOffDate},
            async: false,
          })
           .done(function(data) {
            $("#principalAmount").val(data['principalAmount']);
            $("#interestAmount").val(data['interestAmount']);
            $("#rebateamount").val(data['interestAmount']); //Added for modify one time loan
            $("#outstandingAmount").val(data['outStandingAmount']);
            $("#writeOffAmount").val(data['principalAmount']);
            $("#rebateAmount").val(data['interestAmount']);
            $("#outstandingamountfield").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('.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");
          });
         }
         /*end get account balance info on change loan id*/

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

     @endsection