@extends('layouts/microfin_layout')
    @section('title', '| Opening Interest')
@section('content')

<style type="text/css">
    .form-group, .form-control{
        font-size: 11px !important;
        color: black !important;
    }
    .form-control{
        padding: 5px !important;
    }
    #searchButton{
        font-size: 12px;
        margin-top: 20px;
    }
</style>
<script type="text/javascript">
    $("#loadingModal").show();
    $(document).keydown(function(e) {
        if (e.keyCode == 27) return false;
    });
</script>

<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-8 col-md-offset-2 fullbody">
            <div class="viewTitle" style="border-bottom:1px solid white;">
                <a href="{{ url('openingInterest') }}" class="btn btn-info pull-right addViewBtn">
                    <i class="glyphicon glyphicon-th-list viewIcon"></i>
                    Opening Interest List
                </a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">Add Opening Interest</div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            
                            {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}
                            {!! Form::hidden('memberId',null,['id'=>'memberId']) !!}
                                @if(Auth::user()->branchId==1)
                                    <div class="form-group">
                                        {!! Form::label('branch_id', 'Branch:', ['class' => 'col-md-3 control-label required']) !!}
                                        <div class="col-sm-9">
                                            {!! Form::select('branch_id', $branchList,null, ['id'=>'branch_id', 'class'=>'form-control',  'required' => 'required']) !!}
                                        </div>
                                    </div> 
                                @endif

                                <div class="form-group">
                                    {!! Form::label('member', 'Member:', ['class' => 'col-md-3 control-label required']) !!}
                                    <div class="col-sm-9">
                                        {!! Form::text('member',null, ['id'=>'member', 'class'=>'form-control',  'required' => 'required', 'autocomplete' => 'off']) !!}
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    {!! Form::label('accountId', 'Savings Code:', ['class' => 'col-md-3 control-label required']) !!}
                                    <div class="col-sm-9">
                                        {!! Form::select('accountId',[''=>'Select'], null, ['id'=>'accountId', 'class'=>'form-control',  'required' => 'required', 'autocomplete' => 'off']) !!}
                                    </div>
                                </div>


                                <div class="form-group">
                                    {!! Form::label('generate_date', 'Generate Date:', ['class' => 'col-md-3 control-label required']) !!}
                                    <div class="col-sm-9">
                                        {!! Form::text('generate_date',null,['id'=>'generate_date','class'=>'form-control','readonly', 'placeholder' => 'Generate Date', 'required' => 'required']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('interestAmount', 'Interest Amount:', ['class' => 'col-md-3 control-label required']) !!}
                                    <div class="col-sm-9">
                                        {!! Form::text('interestAmount',null,['id'=>'interestAmount','class'=>'form-control', 'placeholder' => 'Interest Amount', 'required' => 'required', 'autocomplete' => 'off']) !!}
                                    </div>
                                </div>


                                <ul class="pager wizard pull-right">   
                                    {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                    <a href="{{ url('openingInterest') }}" class="btn btn-danger closeBtn">Close</a>
                                </ul>                                    
                                
                            {!! Form::close() !!}
                        </div>
                    </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)
    // ->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 id="memberListTableBody" style=" display:block;height: 120px;overflow-y: auto !important;overflow-x: hidden;float:left;">
  @foreach ($members as $member)
    @php
      $branchName = DB::table('gnr_branch')->where('id',$member->branchId)->value('name');
      $samity =
      DB::table('mfn_samity')->where('id',$member->samityId)->select('name','workingAreaId')->first();
      $workingAreaName = DB::table('gnr_working_area')->where('id',$samity->workingAreaId)->value('name');
    @endphp
    <tr>
      <td memberId="{{$member->id}}" branchId="{{$member->branchId}}" samityId="{{$member->samityId}}"
          workingAreaId="{{$samity->workingAreaId}}" style="text-align: left;">
        <span class="memberName" style="font-size: 11;font-weight: bold;">{{$member->name}}</span> -
        <span class="memberCode" style="font-size: 11;font-weight: bold;">{{$member->code}}</span><br>
        {{'Branch: '.$branchName}}<br>
        {{'Samity: '.$samity->name}}<br>
        {{'Working Area: '.$workingAreaName}}
      </td>
    </tr>
  @endforeach
  </tbody>
</table>
</div>


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

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

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

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

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

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

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

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

      setMemberListTableSize();

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

      /*end set the memberList position*/

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

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

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

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

        $.ajax({
            url: '{{ url("openingInterest/getSavingsAccounts") }}',
            // url: '{{ url("mfnGetSavingsAccountOnChangeMemberOnClosing") }}',
            type: 'POST',
            dataType: 'json',
            data: {
                memberId: memberId,
                _token: csrf
            },
        })
          .done(function (data) {
            $("#accountId").find("option:gt(0)").remove();
            $.each(data['accounts'], function (index, savingsAccount) {
              $("#accountId").append("<option value='" + savingsAccount.id +
                "'>" + savingsAccount.savingsCode + "</option>");
            });
            $("#generate_date").val(data['softwareDate']);
          })
          .fail(function () {
            alert("error");
          });

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

    $(document).ready(function() {
        $("#interestAmount").on('input', function() {        	
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });
        $("#loadingModal").hide();
        $('form').submit(function(event){
            event.preventDefault();
            $(".error").remove();
            $("button").prop('disabled', true);
            //$('#loadingModal').show();
            //$('#preview-modal').modal('hide');
            $.ajax({
                type: 'post',
                url: '{{ url("openingInterest/store") }}',
                dataType: 'json',
                data: $('form').serialize(),
                success: function(data) {
                    // Print Error
                    if(data.errors) {
                        $("button").prop('disabled', false);
                        $.each(data.errors, function(name, error) {
                                $("#"+name).after("<p class='error' style='color:red;'>* "+data.errors[name]+"</p>");
                        });
                        $('#loadingModal').hide();
                        $('#preview-modal').modal('show', {backdrop: 'static'});
                    } else {
                        if(data.responseTitle == "Success!"){
                            $('#loadingModal').hide();
                            toastr.success(data.responseText, data.responseTitle, opts);
                            setTimeout(function(){
                                //window.location.href = '{{ url('openingInterest') }}';
                                location.reload();
                            }, 2000);
                        }else{
                            toastr.warning(data.responseText, data.responseTitle, opts);
                            $('#loadingModal').hide();
                            $("button").prop('disabled', false);
                            $('#preview-modal').modal('show', {backdrop: 'static'});
                        }
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                    $('#loadingModal').hide();
                    $("button").prop('disabled', false);
                }
            });
        });

}); /*Ready*/


</script>

@endsection