@php
  use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
@endphp
<div>
  <div class="modal-heading" style="background-color:#000;color:#FFF;padding:10px 15px!important;">
    <h4 class="modal-title">Savings Account Update</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:5px 10px;">
                <div class="row">

                  {!! Form::hidden('accId',$account->id,['id'=>'accId']) !!}
                  {!! Form::hidden('memberId',$account->memberIdFk,['id'=>'memberId']) !!}
                  {!! Form::hidden('branchId',$account->branchIdFk,['id'=>'branchId']) !!}
                  {!! Form::hidden('samityId',$account->samityIdFk,['id'=>'samityId']) !!}
                  {!! Form::hidden('workingAreaId',$account->workingAreaIdFk,['id'=>'workingAreaId']) !!}
                  {!! Form::hidden('initialProductId',$account->savingsProductIdFk,['id'=>'initialProductId']) !!}
                  {!! Form::hidden('initialCycle',$account->savingCycle,['id'=>'initialCycle']) !!}

                  <div class="col-xs-12">

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

                    <div class="form-group">
                      {!! Form::label('product', 'Product:', ['class' => 'col-sm-4 control-label']) !!}
                      <div class="col-sm-8">
                        <select name="product" id="product" class="form-control">
                          <option value="">Select Product</option>
                        </select>
                      </div>
                    </div>
                    
                    <div class="form-group">
                      {!! Form::label('searchRefId', 'Referrer:', ['class' => 'col-sm-4 control-label']) !!}
                      <div class="col-sm-8">
                          <input type="text" name="searchRefId" id="searchRefId" value= "{{$empIdWithName}}" class="form-control" autocomplete= "off" placeholder = "Enter employee id & selct from dropdown.">                         
                      </div>
                      <input type="hidden" name="referrerEmpId" id="referrerEmpId" value= "{{$account->refIncentiveEmpId}}">
                    </div>

                    {{-- Fixed Date/Day for Daily Samity Case of Weekly/Monthly Product(Start) --}}
                    <div class="form-group">
                      {!! Form::label('installmentDate', 'Installment Date:', ['class' => 'col-sm-4 control-label']) !!}
                      <div class="col-sm-8">
                        <select name="installmentDate" id="installmentDate" class="form-control">
                          <option value="">Select</option>
                          @foreach($dateList as $d)
                          <option value="{{$d}}">{{$d}}</option>
                          @endforeach
                        </select>
                      </div>
                    </div>

                    <div class="form-group">
                      {!! Form::label('installmentDay', 'Installment Day:', ['class' => 'col-sm-4 control-label']) !!}
                      <div class="col-sm-8">
                        <select name="installmentDay" id="installmentDay" class="form-control">
                          <option value="">Select</option>
                          @foreach($weekMap as $i => $w)
                          <option value="{{$i}}">{{$w}}</option>
                          @endforeach
                        </select>
                      </div>
                    </div>
                    {{-- Fixed Date/Day for Daily Samity Case of Weekly/Monthly Product(End) --}}


                    <div class="form-group">
                      {!! Form::label('interest_withdraw_frequency', 'Interest Withdraw Frequency:', ['class' => 'col-sm-4 control-label']) !!}
                      <div class="col-sm-8">
                        <select name="interest_withdraw_frequency" id="interest_withdraw_frequency" class="form-control">
                        </select>
                      </div>
                    </div>


                    {!! createForm::text('depositType','','Deposit Type:',['id'=>'depositType','readonly'=>'readonly']) !!}
                    {!! createForm::text('savingCode','','Saving Code:',['id'=>'savingCode','readonly'=>'readonly']) !!}


                    <div class="">
                      {!! createForm::text('savingCycle','','Saving Cycle:',['id'=>'savingCycle','readonly'=>'readonly']) !!}
                    </div>
                    {!! createForm::text('openingDate', date('d-m-Y', strtotime($account->accountOpeningDate)),'Opening Date:',['id'=>'openingDate','readonly'=>'readonly']) !!}
                    
                    <div class="form-group">
                      {!! Form::label('deposit_amount', 'Deposit Amount:', ['class' => 'col-sm-4 control-label']) !!}
                      <div class="col-sm-8">
                        <input type="text" name="deposit_amount" id="deposit_amount" class="form-control" >
                      </div>
                    </div>

                    <div class="">
                      {!! createForm::text('autoProcessAmount','','Auto Process Amount:',['id'=>'autoProcessAmount']) !!}
                    </div>


                    <div class="">
                      {!! createForm::select('period',[''=>'Select'],null,'Period:',['id'=>'period']) !!}
                      {!! createForm::select('ddeposit_amount',[''=>'Select'],null,'Fixed Deposit Amount:',['id'=>'ddeposit_amount']) !!}
                      {!! createForm::text('interestRate','','Interest Rate:',['id'=>'interestRate','readonly'=>'readonly']) !!}
                    </div>
                    <div class="">
                      {!! createForm::text('matureDate',null,'Mature Date:',['id'=>'matureDate','readonly'=>'readonly','style'=>'cursor:pointer']) !!}
                      {!! createForm::text('payableAmount',null,'Payable Amount:',['id'=>'payableAmount','readonly' => 'readonly']) !!}
                    </div>
                    
                    <div class="">
                      {!! createForm::select('transactionType',['' =>'Select', 'Cash'=>'Cash','Bank'=>'Bank'],null,'Transaction Type:',['id'=>'transactionType']) !!}
                      <div class="">
                        <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',null,'Cheque Number:',['id'=>'chequeNumber']) !!}
                      </div>
                    </div>

                    <div class="form-group">
                      <div class="col-sm-12">
                        <span id="emptyTableError"></span>
                        <span id="nomineeShareError"></span>
                        <table id="nomineeTable" class="table" width="100%">
                          <thead>
                          <tr>
                            <th colspan="4">Nominee Information</th>
                          </tr>
                          <tr>
                            <th>Name</th>
                            <th>Relation</th>
                            <th>Share (%)</th>
                            <th>
                              <input
                                style="width: 80% !important;text-align:center;border-radius:0;margin-bottom:0px;padding:1px !important;"
                                id="addNominee"
                                class="form-control btn btn-primary btn-xs"
                                type="button" value="Add"></th>
                          </tr>
                          </thead>
                          <tbody>
                            <br />
<b>Warning</b>:  Undefined variable $nominees in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/savings/savingsAccount/editForm.blade.php</b> on line <b>159</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/savings/savingsAccount/editForm.blade.php</b> on line <b>159</b><br />
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>

                </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;">Save</button>
    <button type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">Close</button>
  </div>
</div>

<script>
    $('#searchRefId').typeahead({
        source: function(request, response) {
            searchEmpId = $('#searchRefId').val();
            if(searchEmpId.length >= 2){
                searchEmpId = $('#searchRefId').val();
                jQuery.get("{{ url('employeeSearchIncentive/') }}", {
                    searchEmpId: searchEmpId
                },
                    function(data) {
                    response(data);
                });
            }
        },
        items: 20,
        displayText: function(item){ 
            return item.employeeIdWithName;
        },
        afterSelect: function(item) {
            $('#referrerEmpId').val(item.id);
        }

    });
    
    document.getElementById("searchRefId").addEventListener("change", function() {
        document.getElementById("referrerEmpId").value = "";
        document.getElementById("searchRefId").value = "";
    });
    
    var memberId                      = "{{$account->memberIdFk}}";
    var savingsProductId              = "{{$account->savingsProductIdFk}}";
    var ddeposit_amount_edit               = "{{$ddeposit_amount}}";

    // Fixed Date for Daily Samity Case of Weekly,Monthly Product(Start)
		$('#installmentDate, #installmentDay').parents('.form-group').hide('slow');
		var  samityDayId = "{{$samity->samityDayId}}";
		var  savingCollectionFrequencyIdFk = "{{$product->savingCollectionFrequencyIdFk}}";
		if(samityDayId == 8  && savingCollectionFrequencyIdFk == 1){
			$('#installmentDay').parents('.form-group').show('slow');
		} else if(samityDayId == 8  && savingCollectionFrequencyIdFk == 2){
			$('#installmentDate').parents('.form-group').show('slow');
		}
		// Fixed Date for Daily Samity Case of Weekly,Monthly Product(End)

    function num(argument) {
      return argument.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2});
    }
    
   /*on change member get the savings accounts*/
    $(document).ready(function(){
          $.ajax({
            url: './mfnGetSavingsProductOnChangeMember',
            type: 'POST',
            dataType: 'json',
            data: {memberId: memberId, savingsProductId:savingsProductId},
          })
            .done(function (savingProducts) {
              $("#product option:gt(0)").remove();
              $.each(savingProducts, function (index, savingProduct) {
                $("#product").append("<option value='" + savingProduct.id + "'>" + savingProduct.shortName + "-[" + savingProduct.code + "]</option>");
              });
              $("#product").val(savingsProductId).trigger('change');

            })
            .fail(function () {
              alert("error3");
            });
      });
      /*end on change member get the savings accounts*/


  /*get the related information when product changed*/
  $("#product").change(function (event) {
        $('#nomineeTable').hide('slow');
        $("#interest_withdraw_frequency, #period").html('<option value= "" selected> Select </option>');
        $('#interest_withdraw_frequency, #depositType,  #deposit_amount, #autoProcessAmount, #period, #ddeposit_amount, #interestRate, #matureDate, #payableAmount, #transactionType, #bank, #chequeNumber, #repay_years, #dps_deposit_amount, #installmentDate, #installmentDay').val('').parents('.form-group').hide('slow');
        $("#matureDate").parents('.form-group').children('label').html('Mature Date:');
        var memberId = $("#memberId").val();
        var productId = $("#product").val();
        if (memberId == '' || productId == '') {
          return false;
        }

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

        $.ajax({
          url: './mfnGetInfoToCraeteSavingsAccount',
          type: 'POST',
          dataType: 'json',
          data: {memberId: memberId, productId: productId, _token: csrf},
        })
          .done(function (data) {
            $("#depositType").val(data['depositTypeName']);

            if (data.product.isNomineeRequired == 1) $("#nomineeTable").show('slow');

            if(data.product.depositTypeIdFk == 3 || data.product.depositTypeIdFk == 4){
              if(data.product.savingCollectionFrequencyIdFk == 1){ //Case of Weekly Collection
                $('#ddeposit_amount').parents('.form-group').children('label').text("Weekly Deposit Amount");
              } else if(data.product.savingCollectionFrequencyIdFk == 2){ //Case of Monthly Collection 
                $('#ddeposit_amount').parents('.form-group').children('label').text("Monthly Deposit Amount");
              } else if(data.product.savingCollectionFrequencyIdFk == 5){ //Case of Daily Collection 
                $('#ddeposit_amount').parents('.form-group').children('label').text("Daily Deposit Amount");
              } else {
                $('#ddeposit_amount').parents('.form-group').children('label').text("Fixed Deposit Amount");
              }
            }

            if(data.product.depositTypeIdFk === 1 || data.product.depositTypeIdFk === 5){ //Case of RS or OTS
              $('#interest_withdraw_frequency, #interestRate').parents('.form-group').show('slow');
              $("#interest_withdraw_frequency").append(data.duration);
              $('#interest_withdraw_frequency').trigger('change');
            }

            if(data.product.depositTypeIdFk === 1 && data.product.interestCalMethodIdFk != 1){ //Case of RS without day basis RS
              $('#autoProcessAmount').parents('.form-group').show('slow');
              $('#autoProcessAmount').val(data.product.monthlyDepositAmount);
            }

            if(data.product.depositTypeIdFk === 3 || data.product.depositTypeIdFk === 4){ //Case of DPS or FDR
              $('#period').parents('.form-group').show('slow');
              $("#period").append(data.duration);
              $('#ddeposit_amount').parents('.form-group').show('slow');
              $('#matureDate').parents('.form-group').show('slow');
              $('#period').trigger('change');
              $('#payableAmount').parents('.form-group').show('slow');
            }
            if(data.product.depositTypeIdFk === 4 || data.product.depositTypeIdFk === 5 || (data.product.depositTypeIdFk === 1 && data.product.interestCalMethodIdFk === 1)){ //Case of FDR or OTS, Day Basis RS
              $('#transactionType').parents('.form-group').show('slow');
            }
            if(data.product.depositTypeIdFk === 5 || (data.product.depositTypeIdFk === 1 && data.product.interestCalMethodIdFk === 1)){ //Case of OTS & Day Basis RS
              $('#deposit_amount').parents('.form-group').show('slow');
              if(data.product.depositTypeIdFk === 5 ){
                $('#matureDate').parents('.form-group').show('slow');
                $("#matureDate").parents('.form-group').children('label').html('Next Renew Date:');
              }
            }

            if(data.product.depositTypeIdFk === 6){ //Case of Musharaka
              $('#period, #interestRate').parents('.form-group').show('slow');
              $("#period").append(data.duration);
              $('#period').trigger('change');
              $('#matureDate').parents('.form-group').show('slow');
            }

            //SPMC Requirements(Start)
            if(data.samity.samityDayId == 8 && data.product.savingCollectionFrequencyIdFk == 2){
              $('#installmentDate').parents('.form-group').show('slow');
              // for (let i = 1; i <= 31; i++) {
              //   $("#installmentDate").append('<option value="' + i + '">' + i + "</option>");
              // }
            }else if(data.samity.samityDayId == 8 && data.product.savingCollectionFrequencyIdFk == 1){
              $('#installmentDay').parents('.form-group').show('slow');
              // var weekday = new Array(7);
              //     weekday[2] = "Sunday";
              //     weekday[3] = "Monday";
              //     weekday[4] = "Tuesday";
              //     weekday[5] = "Wednesday";
              //     weekday[6] = "Thursday";
              //     weekday[7] = "Friday";
              //     weekday[1] = "Saturday";
              // for (let i = 1; i < weekday.length; i++) {
              //   $("#installmentDay").append('<option value="' + i + '">' + weekday[i] + "</option>");
              // }
            }
            //SPMC Requirements(End)

            if(productId == savingsProductId){
              $("#savingCycle").val("{{$account->savingCycle}}");
              $("#savingCode").val("{{$account->savingsCode}}");
              $("#installmentDate").val("{{$account->installmentDate}}");
              $("#installmentDay").val("{{$account->installmentDay}}");
              $('#interest_withdraw_frequency').val("{{$interest_withdraw_frequency}}");
              $('#interestRate').val("{{$account->savingsInterestRate}}");
              $('#autoProcessAmount').val("{{$account->autoProcessAmount}}");
              $('#transactionType').val("{{$transactionType}}").trigger('change');
              $('#bank').val("{{$ledgerId}}");
              $('#chequeNumber').val("{{$chequeNumber}}");
              $('#deposit_amount').val("{{$account->fixedDepositAmount}}");
              setTimeout(function(){ 
                if(data.product.depositTypeIdFk === 1 || data.product.depositTypeIdFk === 5){ //Case of RS or OTS
                  $('#interest_withdraw_frequency').trigger('change');
                } else {
                  $('#period').val("{{$period}}").trigger('change');
                }
              }, 1000);
            } else {
              $("#savingCycle").val(data['savingCycle']);
              $("#savingCode").val(data['savingCode']);
            }
            
            if (data.product.isAllowRefIncentive == 1){ 
                $('#searchRefId').parents('.form-group').show('slow');
                $("#referrerEmpId").prop("disabled", false);
                $("#searchRefId").prop("disabled", false);
            }else{
                $('#searchRefId').parents('.form-group').hide('slow');
                $("#referrerEmpId").prop("disabled", true);
                $("#searchRefId").prop("disabled", true);
            }

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

      });
      /*end get the related information when product changed*/

      $('#interest_withdraw_frequency').on('change', function(){
        var interest_id  = $('#interest_withdraw_frequency').val();
        var openingDate  = $('#openingDate').val();
        $('#interestRate').val('');
        $('#matureDate').val('');
        ajaxFunction({interest_id:interest_id, openingDate:openingDate}, "interest_withdraw_frequency", "{{route('interestInfo')}}");
      });
      function interest_withdraw_frequency(data){
        if(data.interest) $('#interestRate').val(data.interest.interest_rate);
        if(data.matured_date) $('#matureDate').val(data.matured_date);
      }

      $('#period').on('change', function(){
        var interest_id  = $('#period').val();
        var openingDate  = $('#openingDate').val();
        $("#ddeposit_amount").html('<option value= "" selected> Select </option>');
        ajaxFunction({interest_id:interest_id, openingDate:openingDate}, "period", "{{route('interestInfo')}}");
      });
      function period(data){
        $('#interestRate').val('');
        let ddeposit_amount = '';
        if(data.repay_amount){
          data.repay_amount.forEach(function (amount) {
            $("#ddeposit_amount").append("<option value='" + amount.id + "'>" + num(amount.deposit_amount) + "</option>")
          });
        }
        if(ddeposit_amount_edit > 0) $('#ddeposit_amount').val("{{$ddeposit_amount}}").trigger('change');
        $('#matureDate').val(data.matured_date);
        if(data.interest && data.interest.interest_rate > 0) $('#interestRate').val(data.interest.interest_rate);
      }

      $("#ddeposit_amount").change(function (event) {
        var interest_id = $("#ddeposit_amount").val();
        ajaxFunction({interest_id:interest_id}, "ddeposit_amount", "{{route('interestInfo')}}");
      });
      function ddeposit_amount(data){
          if(data.interest) $("#payableAmount").val(data.interest.repay_amount);
      }

      function ajaxFunction(obj_data, function_name, url){
        $.ajax({
          data:obj_data,
          url: url,
          type: 'POST',
          dataType: 'json',
          success: function (data) {
            $(".error").remove();
              if (data.errors) {
                $.each(data.errors, function (name, error) {
                  $("#" + name).after("<p class='error'>* " + data.errors[name] + "</p>");
                });
              } else {
              if (data.responseTitle == 'Warning!'){
                toastr.warning(data.responseText, data.responseTitle);
              }else{
                eval(function_name + "(data)");
              }
            }
          },
          error: function (data) {
            alert("error");
          }
        })
    }

    /*Add nominee*/
    $("#addNominee").click(function (event) {
        var markUp = "<tr>" +
          "<td><input type='text' name='nomineeName[]'></td>" +
          "<td><input type='text' name='nomineeRealtion[]'></td>" +
          "<td><input type='text' name='nomineeShare[]'></td>" +
          "<td><input style='width: 80% !important;text-align:center;border-radius:0;' class='form-control btn btn-danger btn-xs removeButton' type='button' value='Remove'></td>" +
          "</tr>";
        $("#nomineeTable tbody").append(markUp);
      });
      /*end add nominee*/

      /*remove nominee closset tr*/
      $(document).on('click', '.removeButton', function (event) {
        $(this).closest('tr').remove();
      });
      /*end remove nominee closset tr*/

      /*number input*/
      $(document).on('input', "#payableAmount,#nomineeTable input[name='nomineeShare[]'],#initialAmount,#initialAmount,#autoProcessAmount", function(event) {
        this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
      });
      $(document).on('input', "#period", function(event) {
        this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
      });
      /*end number input*/

      /*hide bank/cheque base on transaction type*/
      $("#transactionType").change(function () {
        $('#bank, #chequeNumber').parents('.form-group').hide('slow');
        if($(this).val() == "Bank") {
          $('#bank, #chequeNumber').parents('.form-group').show('slow');
        }
      });
      /*end hide bank/cheque base on transaction type*/
</script>