@extends('layouts/microfin_layout')
@if(isset($isInterest) && $isInterest)
  @section('title', '| OTS Interest Payment')
@else
  @section('title', '| Add Withdraw')
@endif
@section('content')

@php
use \App\Http\Controllers\microfin\savings\MfnSavingsWithdrawController as createForm;
if(isset($isInterest) && $isInterest) {
  $prinDisplay = "none";
  $intDisplay = "show";
} else {
  $prinDisplay = "show";
  $intDisplay = "none";
}
@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;">
     @if(isset($isInterest)  && $isInterest)
      <a href="{{ url('ots_interest_payment/') }}" class="btn btn-info pull-right addViewBtn">
       <i class="glyphicon glyphicon-th-list viewIcon"></i>
        OTS PAYMENT LIST
     </a>
    @else
      <a href="{{ url('viewMfnSavingsWithdraw/') }}" class="btn btn-info pull-right addViewBtn">
       <i class="glyphicon glyphicon-th-list viewIcon"></i>
       Withdraw List
     </a>
     @endif
   </div>
   <div class="panel panel-default panel-border">
     <div class="panel-heading">
      @if(isset($isInterest)  && $isInterest)
        <div class="panel-title">OTS Interest Payment</div>
      @else
        <div class="panel-title">New Withdraw</div>
      @endif
    </div>
    <div class="panel-body">
     <div class="row">

      {!! Form::open(array('url' => '', 'role' => 'forl', 'id' => 'rootwizard', 'class' => 'form-horizontal form-groups', 'novalidate' => '')) !!}

							{{-- <div class="progress-indicator">
								<span></span>
							</div> --}}
							<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-heading" style="padding:5px 10px;background:#708090;color:#FFF;border-bottom:none!important">Member</div> --}}
										<div class="panel-body" style="padding:5px 10px;">
											<div class="row">
												<div class="col-md-6">

                          {!! Form::hidden('memberId',null,['id'=>'memberId']) !!}
                          {!! Form::hidden('branchId',null,['id'=>'branchId']) !!}
                          {!! Form::hidden('samityId',null,['id'=>'samityId']) !!}
                          {!! Form::hidden('workingAreaId',null,['id'=>'workingAreaId']) !!}

                          @if(Auth::user()->branchId==1)
                            {!! createForm::select('branch', $branchList,null,'Branch:',['id'=>'branch']) !!}
                          @endif

                   


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


                          {!! createForm::select('savingsCode',[''=>'Select'],null,'Savings Code:',['id'=>'savingsCode','autocomplete'=>'off']) !!}

                          {!! createForm::text('transactionDate',$softwareDate,'Transaction Date:',['id'=>'transactionDate','autocomplete'=>'off','readonly'=>'readonly']) !!}

                          {!! createForm::select('paymentMode',['Cash'=>'Cash','Bank'=>'Bank'],null,'Mode of Payment:',['id'=>'paymentMode','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>

                          <div class="form-group" style="display: {{$prinDisplay}};">
                            {!! Form::label('actualSavingsAmount', 'Withdraw Principal Amount:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                              <input type="text" name="actualSavingsAmount" class="form-control " id="actualSavingsAmount" autocomplete="off">
                            </div>                                            
                          </div> 
                          

                           {{-- -------------------//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////---------------------------------- --}}
                            @if($moneyRecNoType == 'manual')
                            {!! createForm::text('moneyRecNo','','Money Receipt No:',['id'=>'moneyRecNo','autocomplete'=>'off']) !!}
                            @endif
                            {{-- --------------------------/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////--------------------------- --}}
                              


                         <div class="form-group" style="display: {{$intDisplay}};">
                            {!! Form::label('withdrawInterestAmount', 'Withdraw Interest Amount:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                              <input type="text" name="withdrawInterestAmount" class="form-control " id="withdrawInterestAmount" autocomplete="off">
                            </div>                                            
                          </div> 

                         <div class="form-group" style="display: none;">
                            {!! Form::label('amount', 'Total Refund Amount:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                              <input type="text" name="amount" class="form-control " id="amount" autocomplete="off">
                            </div>                                            
                          </div>  



                       </div>{{-- End First Column --}}

                       {{-- Second Coloum --}}
                       <div class="col-md-6" style="display: {{$prinDisplay}};">
                        <div class="form-group">
                          <div class="col-sm-4 col-sm-offset-4">
                            <label>Principal Amount</label>
                          </div>
                          <div class="col-sm-4">
                            <label>Interest Amount</label>
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="authorizedDeposit" class="col-sm-4 control-label">Authorized:</label>
                          <div class="col-sm-4">
                            <input type="text" name="authorizedDeposit" class="form-control " id="authorizedDeposit" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="authorizedDepositInterest" class="form-control " id="authorizedDepositInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>


                         {{-- {!! createForm::text('authorizedDeposit','','Authorized Deposit:',['id'=>'authorizedDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}

                         <div class="form-group">
                          <label for="unauthorizedDeposit" class="col-sm-4 control-label">Unauthorized Deposit:</label>
                          <div class="col-sm-4">
                            <input type="text" name="unauthorizedDeposit" class="form-control " id="unauthorizedDeposit" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="unauthorizedDepositInterest" class="form-control " id="unauthorizedDepositInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                         {{-- {!! createForm::text('unauthorizedDeposit','','Unauthorized Deposit:',['id'=>'unauthorizedDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}

                         <div class="form-group">
                          <label for="totalDeposit" class="col-sm-4 control-label">Total Deposit:</label>
                          <div class="col-sm-4">
                            <input type="text" name="totalDeposit" class="form-control " id="totalDeposit" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="totalDepositInterest" class="form-control " id="totalDepositInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                         {{-- {!! createForm::text('totalDeposit','','Total Deposit:',['id'=>'totalDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}

                         <div class="form-group">
                          <label for="authorizedWithdraw" class="col-sm-4 control-label">Authorized Withdraw:</label>
                          <div class="col-sm-4">
                            <input type="text" name="authorizedWithdraw" class="form-control " id="authorizedWithdraw" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="authorizedWithdrawInterest" class="form-control " id="authorizedWithdrawInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                         {{-- {!! createForm::text('authorizedWithdraw','','Authorized Withdraw:',['id'=>'authorizedWithdraw','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}

                         <div class="form-group">
                          <label for="unauthorizedWithdraw" class="col-sm-4 control-label">Unauthorized Withdraw:</label>
                          <div class="col-sm-4">
                            <input type="text" name="unauthorizedWithdraw" class="form-control " id="unauthorizedWithdraw" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="unauthorizedWithdrawInterest" class="form-control " id="unauthorizedWithdrawInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                         {{-- {!! createForm::text('unauthorizedWithdraw','','Unauthorized Withdraw:',['id'=>'unauthorizedWithdraw','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}

                         <div class="form-group">
                          <label for="totalWithdraw" class="col-sm-4 control-label">Total Withdraw:</label>
                          <div class="col-sm-4">
                            <input type="text" name="totalWithdraw" class="form-control " id="totalWithdraw" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="totalWithdrawInterest" class="form-control " id="totalWithdrawInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                         {{-- {!! createForm::text('totalWithdraw','','Total Withdraw:',['id'=>'totalWithdraw','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}

                         <div class="form-group">
                          <label for="balance" class="col-sm-4 control-label">Balance:</label>
                          <div class="col-sm-4">
                            <input type="text" name="balance" class="form-control " id="balance" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="col-sm-4">
                            <input type="text" name="balanceInterest" class="form-control " id="balanceInterest" autocomplete="off" readonly="readonly">
                          </div>
                        </div>
                        
                         {{-- {!! createForm::text('balance','','Balance:',['id'=>'balance','autocomplete'=>'off','readonly'=>'readonly']) !!} --}}


                       </div>

                       <div class="col-md-6" style="display: {{$intDisplay}};">

                       <div class="form-group">
                          <label for="totalDepositShow" class="col-sm-4 control-label">OTS Pr. Amount:</label>
                          <div class="col-sm-6">
                            <input type="text" name="totalDepositShow" class="form-control " id="totalDepositShow" autocomplete="off" readonly="readonly">
                          </div>
                        </div>
                        

                        <div class="form-group">
                          <label for="periodMonth" class="col-sm-4 control-label">Period:</label>
                          <div class="col-sm-6">
                            <input type="text" name="periodMonth" class="form-control " id="periodMonth" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="totalDepositInterestShow" class="col-sm-4 control-label">Interest Generate:</label>
                          <div class="col-sm-6">
                            <input type="text" name="totalDepositInterestShow" class="form-control " id="totalDepositInterestShow" autocomplete="off" readonly="readonly">
                          </div>
                        </div>

                        
                        <div class="form-group">
                          <label for="totalWithdrawInterestShow" class="col-sm-4 control-label">Interest Withdraw:</label>
                          <div class="col-sm-6">
                            <input type="text" name="totalWithdrawInterestShow" class="form-control " id="totalWithdrawInterestShow" autocomplete="off" readonly="readonly">
                          </div>
                        </div>


                        <div class="form-group">
                          <label for="balance" class="col-sm-4 control-label">Interest Balance:</label>
                          <div class="col-sm-6">
                            <input type="text" name="balanceInterestShow" class="form-control " id="balanceInterestShow" autocomplete="off" readonly="readonly">
                          </div>
                        </div>



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

                     </div>

                     <ul class="pager wizard pull-right">										
                      {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                      {!! Form::submit('Submit & Continue', ['id' => 'submitAndContinue', 'class' => 'btn btn-info']) !!}

                      {{-- -----------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-------------------------- --}}
                      @if($isMoneyReceiptPrintAllow == 1)
                      {!! Form::submit('Submit & Print', ['id' => 'submitAndPrint', 'class' => 'btn btn-info']) !!}
											@endif
                      {{-- --------------------------////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////----------------------- --}}

                    </ul>

                  </div>
                </div>


              </div>


            </div>
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@php
$userBranchId = Auth::user()->branchId;
$members = DB::table('mfn_member_information')->where('softDel',0)->where('status',1)->where('branchId',$userBranchId)->where('admissionDate','<=',$softDate)
->selectRaw('id, name, CASE WHEN (oldMemberCode IS NULL OR oldMemberCode = "") THEN code ELSE CONCAT(code, " [ ", oldMemberCode, " ]") END as code, branchId, samityId')
->get();
@endphp

<div id="memberList" class="container" style="display: none;position: absolute;    top: 227.6px !important;">
  <table id="memberListTable" class="table table-fixed" style="font-size: 10px;">
   <tbody id="memberListTableBody" style=" display:block;height: 120px;overflow-y: auto !important;overflow-x: hidden;float:left;">
     @foreach ($members as $member)
     @php
     $branchName = DB::table('gnr_branch')->where('id',$member->branchId)->value('name');
     $samity = DB::table('mfn_samity')->where('id',$member->samityId)->select('name','workingAreaId')->first();
     $workingAreaName = DB::table('gnr_working_area')->where('id',$samity->workingAreaId)->value('name');
     @endphp
     <tr>
      <td memberId="{{$member->id}}" branchId="{{$member->branchId}}" samityId="{{$member->samityId}}" workingAreaId="{{$samity->workingAreaId}}" style="text-align: left;">
       <span class="memberName" style="font-size: 11;font-weight: bold;">{{$member->name}}</span> - 
       <span class="memberCode" style="font-size: 11;font-weight: bold;">{{$member->code}}</span><br>
       {{'Branch: '.$branchName}}<br>
       {{'Samity: '.$samity->name}}<br>
       {{'Working Area: '.$workingAreaName}}
     </td>
   </tr>		
   @endforeach
 </tbody>
</table>
</div>


<style type="text/css">
.bankDiv{
 display: none;
}
#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;
  }

</style>

<!-- <script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script> -->

<script type="text/javascript">
 $(document).ready(function() {
  $('#actualSavingsAmount, #withdrawInterestAmount').attr('readonly', 'readonly');
  $('#actualSavingsAmount').addClass('partialWithdrawAllowed1');
  $('#withdrawInterestAmount').addClass('partialWithdrawAllowed2');
  function num(argument){
   return argument.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
 }

 $("#amount, #actualSavingsAmount, #withdrawInterestAmount, #authorizedDeposit,#unauthorizedDeposit,#totalDeposit,#authorizedWithdraw,#unauthorizedWithdraw,#totalWithdraw,#balance").on('input', function() {        	
   this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
 });
 $("#chequeNumber").on('input', function() {           
  this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
});

  $('#actualSavingsAmount, #withdrawInterestAmount').on('keyup', function() {
         sumTotalRefundAmount();
  });

  function sumTotalRefundAmount(){
      var totalRefundAmount = +($('#actualSavingsAmount').val().replace(",", "")) + +($('#withdrawInterestAmount').val().replace(",", ""));
      $('#amount').val(totalRefundAmount.toFixed(2));
  }

 /*Form*/
 $('form').submit(function(event){
  event.preventDefault();
  var clickedButton = $(document.activeElement).attr('id');
  $("input[type=submit]").prop('disabled',true);
  $.ajax({
    type: 'post',
    url: "{{url('storeMfnSavingsWithdraw')}}",
    data: $('form').serialize(),
    dataType: 'json',
    success: function(_response) {
        $("input[type=submit]").prop('disabled',false);
        $(".error").remove();
        if(_response.errors) {
          $.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() {
              if(clickedButton == "submitAndPrint"){
                window.location.href = '{{ url("mfn/withdraw/printMoneyReceipt/") }}/' + _response.transactionId;
              }else if(clickedButton == "submitAndContinue"){
                location.reload();
              }else{
                window.location.href = '{{ url('viewMfnSavingsWithdraw/') }}';
              }
            }, 2000);
          }                       

      }
    },
    error: function(_response) {
      $("input[type=submit]").prop('disabled',false);
      alert('Response Error');
    }
  });

});
 /* 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*/

 /*show the member list table on double click the member text field*/
 $("#member").click(function(event) {
  $("#memberList").show('slow/400/fast');
});
 /*end show the member list table on double click the member text field*/

 /*on select td set the valus of hidden field for the member*/
 $(document).on("click", "#memberListTable tbody tr td", function (e) {

  $("#memberId").val($(this).attr('memberId')).trigger('change');
   $("#branchId").val($(this).attr('branchId'));
   $("#samityId").val($(this).attr('samityId'));
   $("#workingAreaId").val($(this).attr('workingAreaId'));

   $("#member").val($(this).find('.memberName').text() + ' - '+$(this).find('.memberCode').text());

   $("#memberList").hide('slow/400/fast');   

   $("#product").trigger('change');
   $("#memberId").trigger('change');
 });
 /*end on select td set the valus of hidden field for the member*/

 /*set the memberList position*/
 function setMemberListTableSize(){
   var top = $('#member').offset().top - 85;
   var left = $('#member').offset().left - 15;
   var width = $('#member').width() + 42;	      

   $("#memberList").css({ top: top });
   $("#memberList").css({ left: left });
   $("#memberList").width(width);
   $("#memberListTable tbody tr td").width(width);
 }

 setMemberListTableSize();

 $(window).resize(function() {
   setMemberListTableSize();
 });

 /*end set the memberList position*/

 var matchedIndex = new Array();
 /*make search throgh table of member*/
 $("#member").on('input',  function(event) {

       	// Reset the values
       	$("#memberId").val('');
       	$("#branchId").val('');
       	$("#samityId").val('');


       	var inputValue = $(this).val().toLowerCase();

       	$("#memberList").show('slow/400/fast');

       	matchedIndex = [];
       	

       	$("#memberListTable tbody tr td").each(function(index, el) {
       		var memberName = $(el).find('.memberName').text().toLowerCase();
       		var memberCode = $(el).find('.memberCode').text().toLowerCase();
       		var fullText = memberName+' - '+memberCode;
       		
       		if(memberName.indexOf(inputValue) !== -1 || memberCode.indexOf(inputValue)!== -1 || fullText.indexOf(inputValue) !== -1){
       			$(el).show();       			
       			matchedIndex.push($(el).closest('tr').index());		
       		}
       		else{
       			$(el).hide();
       		}

       	});
       	/* Act on the event */
       });
 /*end make search throgh table of member*/

 $(document).keydown(function(e) {

       	//Enter key
       	if (e.keyCode==13 && matchedIndex.length==1) {
       		e.preventDefault();
       		$("#memberListTable tbody tr").eq(matchedIndex[0]).find('td').trigger('click');
       	}
       	
       });


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

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


 /*on change memberId get the saving codes*/
 $("#memberId").change(function(event) {
  var memberId = $(this).val();

  if (memberId=='' || memberId==null) {
    $("#savingsCode").find("option:gt(0)").remove();
    return false;
  }

  $.ajax({
   url: "{{url('mfnGetSavingsAccountOnChangeMember')}}",
   type: 'POST',
   dataType: 'json',
   data: {memberId: memberId, task: 'withdraw', isInterest: "{{$isInterest}}"},
 })
  .done(function(data) {
    if (data.isAdjustmentAuthorized == 'False') {
        alert('Need to authorize the previous loan collection adjustment !');
      }
      else {
        $("#savingsCode").find("option:gt(0)").remove();
        $.each(data.savingsAccounts, function(index, savingsAccount) {
          $("#savingsCode").append("<option value='"+savingsAccount.id+"'>"+savingsAccount.savingsCode+"</option>");
        });
        $('#transactionDate').val(data.softwareDate);
      }
   
 })
  .fail(function() {
   alert("error");
 });

});

//  branch by member fillter 
$("#branch").change(function (event) {
    var branchId = $(this).val();

    $("#memberListTableBody").empty();
    $.ajax({
      url: "{{url('getBranchWiseMemeberDropDownList')}}",
      type: 'POST',
      dataType: 'json',
      data: {branchId: branchId},
    })
    .done(function (concatString) {
      $("#memberListTableBody").append(concatString);
      setMemberListTableSize();
    })
    .fail(function () {
      console.log("error");
    });

  });
 /*end on change memberId get the saving codes*/

 /*get account balance info on change saving code*/
 $("#savingsCode").change(function(event) {
   var savingsAccountId = $(this).val();
   $('.partialWithdrawAllowed1, .partialWithdrawAllowed2').attr('readonly','readonly').val('');
   if (savingsAccountId=='' || savingsAccountId==null) {
    $("#authorizedDeposit,#unauthorizedDeposit,#totalDeposit,#authorizedWithdraw,#unauthorizedWithdraw,#totalWithdraw,#balance").val('');
    return false;
  }

  var csrf = "{{csrf_token()}}";

  $.ajax({
    url: "{{url('mfnSavingsGetAccountBalance')}}",
    type: 'POST',
    dataType: 'json',
    data: {savingsAccountId: savingsAccountId, _token: csrf},
  })
  .done(function(data) {
    $("#authorizedDeposit").val(num(data['authorizedDeposit']));
    $("#authorizedDepositInterest").val(num(data['authorizedDepositInterest']));
    $("#unauthorizedDeposit").val(num(data['unAuthorizedDeposit']));
    $("#unauthorizedDepositInterest").val(num(data['unAuthorizedDepositInterest']));
    $("#totalDeposit").val(num(data['totalDeposit']));
    $("#totalDepositShow").val(num(data['totalDeposit']));
    $("#totalDepositInterest").val(num(data['totalDepositInterest']));
    $("#totalDepositInterestShow").val(num(data['totalDepositInterest']));

    $("#authorizedWithdraw").val(num(data['authorizedWithdraw']));
    $("#authorizedWithdrawInterest").val(num(data['authorizedWithdrawInterest']));
    $("#unauthorizedWithdraw").val(num(data['unAuthorizedWithdraw']));
    $("#unauthorizedWithdrawInterest").val(num(data['unAuthorizedWithdrawInterest']));
    $("#totalWithdraw").val(num(data['totalWithdraw']));
    $("#totalWithdrawInterestShow").val(num(data['totalWithdrawInterest']));
    $("#totalWithdrawInterest").val(num(data['totalWithdrawInterest']));

    $("#balance").val(num(data['balance']));
    $("#balanceInterest").val(num(data['balanceInterest']));
    $("#balanceInterestShow").val(num(data['balanceInterest']));
    $("#periodMonth").val(num(data['periodMonth'])); 
    $.each(data.isPartialWithdrawAllowed, function(i, v) {
      $('.partialWithdrawAllowed'+v).removeAttr('readonly','readonly');
    });

            //$("#transactionDate").datepicker('option','minDate',new Date(data['lastWithdrawDate']));

          })
  .fail(function() {
    alert("error");
  });

});
 /*end get account balance info on change saving code*/


 /*check the amount is greater then the balance or not*/
 $("#amount").on('keyup',function(event) {
  var balance = 0;
  if ($("#balance").val()!='') {
            // var balance = parseFloat($("#balance").val().replace(',',''));
            var balance = parseFloat($("#balance").val().replace(/,/g, ''));
          }

          var amount = parseFloat(this.value);

          if (amount>balance) {
            this.value = '';
            $("#amount").after("<p class='error' style='color:red;'>* Amount should not greater than Balance.</p>");
          }
          
        });
 /*end check the amount is greater then the balance or not*/


 /*Date Picker*/
      /* $("#transactionDate").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange : "c-10:c+10",
            
            dateFormat: 'dd-mm-yy',
            onSelect: function(){
              $(this).closest('div').find('.error').remove();
                 if ($("#savingsCode").val()<1) {
                  $(this).val('');          
                 }
            }
          });*/
          /*End Date Picker*/

          $(document).mouseup(function(e){
            var container = $("#memberList");
        // if the target of the click isn't the container nor a descendant of the container
        if (!container.is(e.target) && container.has(e.target).length === 0) 
        {
          container.hide('slow/400/fast', function() {

          });
        }
      });


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

      @endsection