@extends('layouts/microfin_layout')
@section('title', '| Add Savings Account')
@section('content')

  <script type="text/javascript">
    $("#loadingModal").show();
  </script>

  @php
    use \App\Http\Controllers\microfin\savings\MfnSavingsDepositTypeController as createForm;
    $userBranchId = Auth::user()->branchId;
  @endphp

  <div class="row">
    <div class="col-md-12">
      <div class="col-md-10 col-md-offset-1">
        <div class="viewTitle" style="border-bottom:1px solid white;">
          <a href="{{ url('/viewMfnSavingsAccountList') }}" class="btn btn-info pull-right addViewBtn">
            <i class="glyphicon glyphicon-th-list viewIcon"></i>
            Savings Account List
          </a>
        </div>
        <div class="panel panel-default panel-border">
          <div class="panel-heading">
            <div class="panel-title">New Savings Account</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">

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

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

                          @if(in_array($userRoleId, Config('services.branch_level_user_roles')))
                            {!! createForm::select('branch', $branchList,null,'Branch:',['id'=>'branch']) !!}
                          @endif

                          {!! createForm::select('samity', $samityList,null,'Samity:',['id'=>'samity']) !!}

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

                          <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">
                                    {!! Form::text('searchRefId', null, [ 'class' => 'form-control', 'id' => 'searchRefId', 'autocomplete' => 'off',  'placeholder' => 'Enter employee id & selct from dropdown.']) !!}
                                    <p id='searchRefIde' style="max-height:3px;"></p>                              
                                </div>
                                <input type="hidden" name="referrerEmpId" id="referrerEmpId">
                            </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>
                              </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>
                              </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',$softwareDateInFormat,'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>

                                </tbody>
                              </table>
                            </div>
                          </div>


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

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

                        {{-- Second Coloum --}}
                        <div class="col-xs-4"
                             style="height: 20%;position: absolute;right: 0;bottom: 0px;">
                          <img src="images/catalog/image15.png" width="90%" height="100%"
                               style="float:right;position: absolute; filter: opacity(30%);bottom: 0;">
                        </div>
                        {{-- End Second Coloum --}}

                      </div>
                    </div>
                  </div>

                </div>

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

  @php
    $members = DB::table('mfn_member_information')->where('softDel',0)->where('status',1)->where('branchId',$userBranchId)->where('admissionDate','<=',$softwareDate)->select('id','name','code','branchId','samityId')->get();
    $branches = DB::table('gnr_branch')->select('id','name')->get();
    $samities = DB::table('mfn_samity')->select('id','name','workingAreaId')->get();
    $workingAreas = DB::table('gnr_working_area')->select('id','name')->get();
  @endphp
  <div id="memberList" class="container" style="display: none;position: absolute;">
    <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');*/

          $branchName = $branches->where('id',$member->branchId)->max('name');
          $samity = $samities->where('id',$member->samityId)->first();
          $workingAreaName = $workingAreas->where('id',$samity->workingAreaId)->max('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">
      
      #nomineeTable thead tr th {
          padding: 2px;
      }

      #nomineeTable thead tr:nth-child(1) th {
          padding: 5px;
      }

      #nomineeTable {
          color: black;
      }

      #memberListTable tbody tr {
          cursor: pointer;
      }

      #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-3.1.1.min.js') }}"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>



  <script type="text/javascript">
    $('#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 = "";
    });
    
    $(document).ready(function () {
        $('#searchRefId').parents('.form-group').hide('slow');
        $("#referrerEmpId").prop("disabled", true);
        $("#searchRefId").prop("disabled", true);
            
      // Fixed Date for Daily Samity Case of Weekly,Monthly Product(Start)
       $('#installmentDate, #installmentDay').parents('.form-group').hide('slow'); 
      // Fixed Date for Daily Samity Case of Weekly,Monthly Product(End)

      $('#nomineeTable').hide('slow');
      $('#interest_withdraw_frequency, #depositType, #deposit_amount, #autoProcessAmount, #period, #ddeposit_amount, #interestRate, #matureDate, #payableAmount, #transactionType, #bank, #chequeNumber, #repay_years, #dps_deposit_amount').parents('.form-group').hide('slow');

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

      /*Form*/
      $('form').submit(function (event) {
        event.preventDefault();
        // if ($("#product").val() == '' || $("#member").val() == '' || $("#memberId").val() == '') {
        //   return false;
        // }
        $("#submit").prop('disabled', true);
        $.ajax({
          type: 'post',
          url: './storeMfnSavingsAccount',
          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);
                $("#submit").prop('disabled', false);
              }else{
                $("form").trigger('reset');
                toastr.success(_response.responseText, _response.responseTitle, opts);
                setTimeout(function () {
                  window.location.href = '{{ url('/viewMfnSavingsAccountList') }}';
                }, 3000);
              }
            }
              
          },
          error: function (_response) {
            $("#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')).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');
      });*/
      $(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');
      });
      /*end on select td set the valus of hidden field for the member*/


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

        $("#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*/

      /*make the samity list base on branch selected*/
      $("#branch").change(function (event) {
        var branchId = $(this).val();
        $("#samity").empty();
        $.ajax({
          url: './getBranchWiseSamityDropDownList',
          type: 'POST',
          dataType: 'json',
          data: {branchId: branchId},
        })
          .done(function (concatString) {
            // console.log(concatString);

            if (concatString == "") {
              $("input[type=submit]").attr("disabled", "disabled");
              toastr.warning("There is no such samity assigned for this branch!");
            } else {
              $("input[type=submit]").removeAttr("disabled");
            }

            appendTheStrings(concatString);

            function appendTheStrings(concatString) {
              var count = 0;
              Object.keys(concatString).forEach(function (x) {
                if (count == 0) {
                  $("#samity").append("<option value=''>--Select--</option>");
                  count = 1;
                }
                $("#samity").append("<option value='" + x + "'>" + concatString[x] + "</option>");
              });
            }
          })
          .fail(function () {
            toastr.warning("There is something wrong in this request! Please try later!");
          });

      });
      /*end make the samity list base on branch selected*/

      /*make the memeber list base on samity selected*/
     /*  $("#samity").change(function (event) {
        var samityId = $(this).val();
        $("#memberListTableBody").empty();
        $.ajax({
          url: './getSamityWisWeeklySavingseMemeberDropDownList',
          type: 'POST',
          dataType: 'json',
          data: {samityId: samityId, accountType: 'others'},
        })
          .done(function (concatString) {
            console.log(concatString);
            if (concatString == "") {
              $("input[type=submit]").attr("disabled", "disabled");
              toastr.warning("There is no such eligible member!");
            } else {
              $("input[type=submit]").removeAttr("disabled");
            }

            $("#memberListTableBody").append(concatString);
            setMemberListTableSize();
          })
          .fail(function () {
            console.log("error");
          });

      }); */
      /*end make the memeber list base on samity selected*/

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

        // Reset the values
        $("#memberId").val('').trigger('change');
        $("#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('slow');
            matchedIndex.push($(el).closest('tr').index());
          } else {
            $(el).hide('slow');
          }

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

      /*var initialKeyIndex = 0;*/
      $(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');
        }
      });

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

          });
        }
      });

      /*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').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;
        }
        //SPMC Requirements(Start)
        $('#installmentDate').parents('.form-group').hide('slow');
        $('#installmentDay').parents('.form-group').hide('slow');
        $("#installmentDate").html("<option value=''>Select</option>");
        $("#installmentDay").html("<option value=''>Select</option>");
        //SPMC Requirements(Start)


        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']);
            $("#savingCycle").val(data['savingCycle']);
            $("#savingCode").val(data['savingCode']);
            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)
            
            /////////////////////////// for incentive dropdown ////////////////////////////////////////////////////////////////////////////////////
            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*/


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


      /*on change member get the savings accounts*/
      $("#memberId").change(function (event) {
        var memberId = $(this).val();
        if (memberId != '') {
          // Get the Products which is not mendatory and except those prducts which are not multiple savings allowed but opended by the member

          $.ajax({
            url: './mfnGetSavingsProductOnChangeMember',
            type: 'POST',
            dataType: 'json',
            data: {memberId: memberId},
          })
            .done(function (savingProducts) {
              $("#product option:gt(0)").remove();
              $.each(savingProducts, function (index, savingProduct) {
                $("#product").append("<option value='" + savingProduct.id + "'>" + savingProduct.shortName + "-[" + savingProduct.code + "]</option>");
              });
            })
            .fail(function () {
              alert("error3");
            });

        }
      });
      /*end on change member get the savings accounts*/

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


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

      /*make the memeber list base on samity selected*/
      $("#samity").change(function (event) {
        var samityId = $(this).val();
        $("#memberListTableBody").empty();
        $.ajax({
          url: './getSamityWiseMemeberDropDownList',
          type: 'POST',
          dataType: 'json',
          data: {samityId: samityId},
        })
          .done(function (concatString) {
            $("#memberListTableBody").append(concatString);
            setMemberListTableSize();
          })
          .fail(function () {
            console.log("error");
          });

      });
      /*end make the memeber list base on samity selected*/

      $('#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>")
          });
        }
        $('#matureDate').val(data.matured_date);
        if(data.interest && data.interest.interest_rate > 0) $('#interestRate').val(data.interest.interest_rate);
      }

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

      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");
          }
        })
    }

    $("#loadingModal").hide();

    });

  </script>

@endsection