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

  @php
    use \App\Http\Controllers\microfin\savings\MfnSavingsClosingController 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('viewMfnSavingsClosing/') }}" class="btn btn-info pull-right addViewBtn">
            <i class="glyphicon glyphicon-th-list viewIcon"></i>
            Closing List
          </a>
        </div>
        <div class="panel panel-default panel-border">
          <div class="panel-heading">
            <div class="panel-title">New Closing</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-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']) !!}

                          {!! createForm::text('member','','Member:',['id'=>'member','autocomplete'=>'off']) !!}
                          {!! createForm::select('savingsCode',[''=>'Select'],null,'Savings Code:',['id'=>'savingsCode','autocomplete'=>'off']) !!}
                          <div class="fdrDiv">
                            {!! createForm::text('depositAmount','','Deposit
                            Amount:',['id'=>'depositAmount','autocomplete'=>'off','readonly'=>'readonly'])
                            !!}

                            {!! createForm::text('payableAmount','','Payable
                            Amount:',['id'=>'payableAmount','autocomplete'=>'off','readonly'=>'readonly'])
                            !!}
                          </div>

                          {!! createForm::text('totalSavingInterestAmount','0','Total Saving Interest:',['id'=>'totalSavingInterestAmount','autocomplete'=>'off'])!!}
                          {!! createForm::text('adjustment_amount','0','Adjustment Interest:',['id'=>'adjustment_amount','autocomplete'=>'off', 'readonly' => 'readonly'])!!}
                          {!! createForm::text('deductInterest','0','Deduct Generate Interest:',['id'=>'deductInterest','autocomplete'=>'off', 'readonly'=>'readonly']) !!}
                          {!! createForm::text('totalRefundAmount','0','Total Refund Amount:',['id'=>'totalRefundAmount','autocomplete'=>'off', 'readonly'=>'readonly']) !!}

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

                          {!! createForm::text('closingDate',null,'Closing
                          Date:',['id'=>'closingDate','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']) !!} --}}

                          {!! createForm::text('matured_text','N/A','Matured Status:',['id'=>'matured_text','autocomplete'=>'off', 'readonly'=>'readonly']) !!}
                          
                        </div>{{-- End First Column --}}

                        {{-- Second Coloum --}}
                        <div class="col-md-6">
                          <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 Deposit:</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>


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


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

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

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

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

                          <div class="form-group">
                            <label for="balanceUpTo" class="col-sm-4 control-label">Balance Up To [<span id="balUpTo">{{ $softwareDate }}</span>]:</label>
                            <div class="col-sm-4">
                              <input type="text" name="balanceUpTo" class="form-control " id="balanceUpTo" autocomplete="off" readonly="readonly">
                            </div>
                            <div class="col-sm-4">
                              <input type="text" name="balanceUpToInterest" class="form-control " id="balanceUpToInterest" autocomplete="off" readonly="readonly">
                            </div>
                          </div>

                          <div class="form-group">
                            <label for="actualBalance" class="col-sm-4 control-label">Actual Balance:</label>
                            <div class="col-sm-4">
                              <input type="text" name="actualBalance" class="form-control " id="actualBalance" autocomplete="off" readonly="readonly">
                            </div>
                            <div class="col-sm-4">
                              <input type="text" name="actualBalanceInterest" class="form-control " id="actualBalanceInterest" 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;
    if ($userBranchId==1) {
    $members = [];
    } else{
      $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;">
    <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="{{$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">
      .fdrDiv,
      .bankDiv {
          display: none;
      }

      #rootwizard .panel-body .row {
          margin-bottom: 10px;
      }

      #rootwizard,
      #rootwizard .form-control {
          font-size: 11px !important;
          padding: 5px !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 () {
      $('#adjustment_amount').parents('.form-group').hide('slow');
      function num(argument) {
        return argument.toLocaleString('en-US', {
          minimumFractionDigits: 2,
          maximumFractionDigits: 2
        });
      }

      $('#totalSavingInterestAmount, #deductInterest').on('keyup', function() {
        totalRefundAmount();  
      });

      function totalRefundAmount(){
        var totalRefundAmount = (+num($('#totalSavingInterestAmount').val().replaceAll(",", "")) + +num($('#actualBalance').val().replaceAll(",", "")) + +num($('#actualBalanceInterest').val().replaceAll(",", ""))) - ( +num($('#adjustment_amount').val().replaceAll(",", ""))+ +num($('#deductInterest').val().replaceAll(",", "")));
        $('#totalRefundAmount').val(totalRefundAmount.toFixed(2));
      }

      $("#authorizedDeposit,#unauthorizedDeposit,#totalDeposit,#authorizedClosing,#unauthorizedClosing,#totalClosing,#balance,#totalSavingInterestAmount")
        .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: './storeMfnSavingsClosing',
          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/closing/printMoneyReceipt/") }}/' + _response.transactionId;
                  }else if(clickedButton == "submitAndContinue"){
                    location.reload();
                  }else{
                    window.location.href = '{{ url('viewMfnSavingsClosing/') }}';
                  }
                }, 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 - 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();
        var csrf = "{{csrf_token()}}";

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

        $.ajax({
          url: './mfnGetSavingsAccountOnChangeMemberOnClosing',
          type: 'POST',
          dataType: 'json',
          data: {
            memberId: memberId,
            _token: csrf
          },
        })
          .done(function (savingsAccounts) {
            $("#savingsCode").find("option:gt(0)").remove();
            $.each(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();
        $('#adjustment_amount, #matured_text').parents('.form-group').hide('slow');
        if (savingsAccountId == '' || savingsAccountId == null) {
          $("#authorizedDeposit,#unauthorizedDeposit,#totalDeposit,#authorizedClosing,#unauthorizedClosing,#totalClosing,#balance")
            .val('');
          return false;
        }
        $('#totalSavingInterestAmount, #deductInterest').attr('readonly', 'readonly');
        var csrf = "{{csrf_token()}}";

        $.ajax({
          url: './mfnSavingsGetAccountBalance',
          type: 'POST',
          dataType: 'json',
          data: {
            savingsAccountId: savingsAccountId,
            _token: csrf
          },
        })
          .done(function (data) {
            //console.log(data);

            $("#depositAmount").val(+data.balance + +data.balanceInterest);
            $("#payableAmount").val(data.payableAmount);
            $("#totalSavingInterestAmount").val(data.totalInterestAmount);

            $("#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']));
            $("#totalDepositInterest").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']));
            $("#totalWithdrawInterest").val(num(data['totalWithdrawInterest']));

            $("#balanceUpTo").val(num(data['balance']));
            $("#balanceUpToInterest").val(num(data['balanceInterest']));
            $("#actualBalance").val(num(data['balance']));
            $("#actualBalanceInterest").val(num(data['balanceInterest']));
            $("#closingDate").val(num(data['softwareDate']));

            if (data['accDepositType'] == 6) { //Case of Musharaka
              $("#adjustment_amount").val(num(data['adjustment_amount']));
              $('#adjustment_amount').parents('.form-group').show('slow');
            }
            // If deposit type is FDR then show fdrDiv
            if (data['accDepositType'] == 3) {
              $(".fdrDiv").show('slow/400/fast');
            } else {
              $(".fdrDiv").hide('slow/400/fast');
            }
            if(data.product.onClosingInterestEditableId == 1){
              $('#totalSavingInterestAmount').removeAttr('readonly', 'readonly');
            }
            if(data.product.isEditableInterestDeduction == 1){
              $('#deductInterest').removeAttr('readonly', 'readonly');
            }
            // console.log(data['accDepositType']);
            if (data['accDepositType'] == 3 || data['accDepositType'] == 4 || data['accDepositType'] == 6 ) { //Case of DPS, FDR, Musharaka
              $('#matured_text').parents('.form-group').show('slow');
              $('#matured_text').val(data.matured_text);
            }
            $('#totalSavingInterestAmount').trigger('keyup');
            // set the closing date limit
            /*$("#closingDate").datepicker("option","minDate",new Date(data['minClosingDate']));
            $('.ui-datepicker-current-day').click();*/

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

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

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