{% if users|length > 0 %}
    {% for user in users %}
        <li style="position:relative;" class="splide__slide slide_image_wrapper suiw" ><div onclick="$('#suggest-videos').blur();window.lastUser='{{ user.name }}';window.suggestion_info=true;$('').show();loadUserPlaylist('{{ user.user_id }}','','','{{ user.avatar }}');" style="cursor:pointer;background: #fff;" >

                <div id="post-167" class="post-167 page type-page status-publish has-post-thumbnail hentry entry clearfix entry-grid entry-columns-default entry-page-module-layout-standard thumbnail-color-tone-dark is-vimeo has-video entry-page entry-page-grid" data-post-id="167" style="width:auto;position: absolute;top: 0px;">
                    <a target="_blank" class="entry-link" > <span class="entry-inner"> <img style="cursor:pointer;background:url('{{ user.avatar }}');" alt="user image" class="slide_user_image" onmouseover="$('.gritter-item-wrapper').remove();setTimeout(function(){userName('{{ user.name }}');},500);"  onclick="window.lastUser='{{ user.name }}';window.suggestion_info=true;loadUserPlaylist('{{ user.user_id }}','','','{{ user.avatar }}');" src="{{ user.avatar }}"/></span> </a> <a class="entry-link internal-link" ><h3 style="color:white;" class="entry-title username">{{ user.name }}
                        </h3> </a></div>
        </li>
    {% endfor %}
{% else %}
    <li class="splide__slide slide_image_wrapper">
        <div>
            <div style="color:white;cursor:pointer;background:#000;opacity:0.6;top: 140px;position: relative;z-index: 1000;margin-left:60px;">No Users Found</div>
            <div style="position: relative;top: 135px;z-index: 1000;padding-top: 5px;color:white;cursor:pointer;background:#000;opacity:0.6;margin-left:60px;">Invite Your Friends Today!</div>
            </div>
    </li>
{% endif %}