@foreach($users->data as $user)

    <div class="valign-wrapper U_margin_top-10 U_full-widht U_display-flex U_mouse-click U_border-radius-30 U_hover-grey U_hover-show-tx-1">

        @include('templateMaterializeV0-100-2.components.thumbnail-2', $data = ['user' => $user])

        <div class="U_margin_left-10 valign-wrapper S_div-content-user">
            <div class="valign-wrapper">
                <span>{{ $user->name }}</span>
                <p class="U_no-margin">

                    @if(substr($user->data_nascimento, -5) === \Carbon\Carbon::now()->format('m-d'))
                        <i class="material-icons md-18 grey-text text-darken-1 U_margin_left-10">cake</i>
                    @endif
                </p>
            </div>
        </div>

        <p class="U_hover-show-rx-1 U_no-margin valign-wrapper">

            <label>
                <input type="checkbox" class="filled-in user-list-check" id="user-check-{{ $user->id }}"
                       value="{{ json_encode($user) }}" name="user_check[]"
                       @if(isset($filters['params']['groupId']))
                       checked
                        @endif
                />
                <span></span>
            </label>

        </p>

    </div>

@endforeach

<script>

    @if(isset($filters['params']['groupId']))
    startHeader($('#form-user-check').serializeArray());
    setUser($('#form-user-check').serializeArray());
    @endif

    $('.user-list-check').click(function () {

        startHeader($('#form-user-check').serializeArray());

        if ($('#' + this.id).is(':checked')) {

            $('#' + this.id).parent().css('visibility', 'visible');
            $('#' + this.id).attr('checked', 'checked');

        } else {

            $('#' + this.id).parent().removeAttr('style');
            $('#' + this.id).removeAttr('checked', 'checked');

        }

        setUser($('#form-user-check').serializeArray());

    });

</script>