@extends('layouts/microfin_layout')
@section('title', '| Add Deposit')
@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('viewMfnSavingsDeposit/') }}" class="btn btn-info pull-right addViewBtn">
       <i class="glyphicon glyphicon-th-list viewIcon"></i>
       Deposit List
     </a>
   </div>
   <div class="panel panel-default panel-border">
     <div class="panel-heading">
      <div class="panel-title">New Deposit</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="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-xs-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']) !!}
                         

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

													{!! createForm::text('transactionDate',null,'Transaction Date:',['id'=>'transactionDate','autocomplete'=>'off','readonly'=>'readonly','style'=>'cursor:pointer']) !!}

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

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

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

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

                       {{-- Second Coloum --}}
                       <div class="col-xs-6" >
                         {!! createForm::text('authorizedDeposit','','Authorized Deposit:',['id'=>'authorizedDeposit','autocomplete'=>'off','readonly'=>'readonly']) !!}

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

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

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

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

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

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

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


{{-- changed for api--}}
{{-- take member branch samity working area list to the controller --}}

{{-- @php  
$userBranchId = Auth::user()->branchId;
$members = DB::table('mfn_member_information')
  ->where('softDel',0)
  ->where('status',1)
  ->where('branchId',$userBranchId)
  ->where('admissionDate','<=',$softDate)
  // ->select('id','name','code','branchId','samityId')
  ->selectRaw('id, name, case when oldMemberCode = "" then code else concat(code, " [ ", oldMemberCode, " ]") end as code, branchId, samityId')
  ->get();
@endphp --}}
<div id="memberList" class="container" style="display: none;position: absolute;">
  <table id="memberListTable" class="table table-fixed" style="font-size: 10px;">
   <tbody 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="{{Auth::user()->branchId}}" samityId="{{$member->samityId}}" workingAreaId="{{$member->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: '.$member->branchName}}<br>
       {{'Samity: '.$member->samityName}}<br>
       {{'Working Area: '.$member->workingArea}}
     </td>
   </tr>		
   @endforeach
 </tbody>
</table>
</div>
{{-- chaned end --}}


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

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

		$("#amount,#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');
    });

    ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    /*Form*/
    $('form').submit(function(event){
      event.preventDefault();
      var clickedButton = $(document.activeElement).attr('id');
      $("input[type=submit]").prop('disabled',true);
      $.ajax({
          type: 'post',
          url: './storeMfnSavingsDeposit',
          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/deposit/printMoneyReceipt/") }}/' + _response.transactionId;
                    }else if(clickedButton == "submitAndContinue"){
                      location.reload();
                    }else{
                      window.location.href = '{{ url('viewMfnSavingsDeposit/') }}';
                    }
                  }, 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*/
    $("#memberListTable tbody tr td").on('click', function(event) {
     $("#memberId").val($(this).attr('memberId'));
     $("#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 - 48;
     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();
    var csrf = "{{csrf_token()}}";

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

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

     if (savingsAccountId=='' || savingsAccountId==null) {
      $("#authorizedDeposit,#unauthorizedDeposit,#totalDeposit,#authorizedWithdraw,#unauthorizedWithdraw,#totalWithdraw,#balance").val('');
      return false;
    }

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

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

      $("#authorizedWithdraw").val(num(data['authorizedWithdraw']));
      $("#unauthorizedWithdraw").val(num(data['unAuthorizedWithdraw']));
      $("#totalWithdraw").val(num(data['totalWithdraw']));

      $("#balance").val(num(data['balance']));

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



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



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


          



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

      @endsection