{% if results.videos|length > 0 %}
    <ons-list id="SearchResults">
        {% for related in results.videos %}
            <ons-list-item modifier="nodivider" id="feedListItem{{ related.id }}" audition="false" video-id="{{ related.id }}"  style="padding:0;padding-top: 15px;">
                <div style="width:100%;">
                    <div style="display: inline-block;float: left;position: relative;left: 10px;top: -10px;">
                        <button onclick='songOptions("{{ related.id }}","{{ related.id }}","{{ related.title }}",null,null, true);' class="right" size="14px" icon="fa-user-cog">
                            <ons-icon onclick='songOptions("{{ related.id }}","{{ related.id }}","{{ related.title }}",null,null, true);' class="right" size="14px" icon="fa-user-cog"></ons-icon>
                            &nbsp;Share (Add To Playlist)
                        </button>

                    </div>
                </div>
                <img id="previewImage{{ related.id }}" onclick="loadYTVideo('{{ related.id }}', '{{ related.id }}');" style="width:100%;" onerror="this.src='{{ image_path }}noimage.png';" src="{{ related.thumbnails[0] }}" alt="{{ related.title }}" />
                <div id="playerContainer{{ related.id }}">
                </div>

                <div style="width:100%;">
                    <div style="display:inline-block;padding-top:8px;">
                        <span class="title" style="padding-left:8px;font-size:11px;color:black;">{{ related.title }}</span>
                    </div>
                </div>
                <br>
            </ons-list-item>
        {% endfor %}

    {% else %}
        <ons-list>
        {% if r == 'friends' %}
            <ons-list-item>
                <p><i class="icon-info-sign"></i>&nbsp;No suggestions Found ...</p>
            </ons-list-item>>
        {% elseif r == 'me' %}

            <ons-list-item>
                {% if profile_id == 0 %}
                    <p><i class="icon-info-sign"></i>&nbsp;No suggestions Found ...</p>
                {% else %}
                    <p><i class="icon-info-sign"></i>&nbsp;No suggestions Found ...</p>
                {% endif %}
            </ons-list-item>
        {% else %}
            <ons-list-item>
                <p><i class="icon-info-sign"></i>&nbsp;No Suggestions Found ...</p>

            </ons-list-item>
        {% endif %}

    {% endif %}
</ons-list>