{% if profiles|length > 0 %}
        {% for profile in profiles %}
            <div style="cursor:pointer;padding-left:15px;margin-bottom:10px;" >
                <a href="{{ profile.href }}">
                <img onerror="this.src='{{ image_path }}noimage.png'" style="vertical-align:top;width:40px;height:40px;border-radius:50%" src="{{ profile.avatar }}" />
                <div style="font-size:10px;padding-left:15px;display:inline-block;">
                    <span>{{ profile.name }}</span><br>
                    <div><img style="width:16px" src="{{ image_path }}genius.png" /><span style="position:relative;top:-4px;">&nbsp;geniusScore&#153;<span style="font-size:10px;font-weight:bold;">{{ profile.replay_score }}x</span></span></div>
                    <div><img style="width:16px" src="{{ image_path }}lightning.png" />{{ profile.song_count }} suggestions</div>
                </div>
                </a>
                <div>
                {% if profile.is_following == false %}
                    <a id="subscribe" style="vertical-align:top;margin-top:15px;display:inline-block;line-height:20px;margin-left:25px;" class="google_button pv_tip" type="1" user="{{ profile.id }}" title="Click to Follow">Follow</a>
                {% else %}
                   <a id="unsubscribe" style="vertical-align:top;margin-top:15px;display:inline-block;line-height:20px;margin-left:25px;" class="google_button pv_tip" type="3" user="{{ profile.id }}" title="Click to Unfollow">Following {{ profile.name|length > 8 ? profile.name|slice(0, 11) ~ '...' : profile.name  }}
                        </a>
                {% endif %}
                </div>
            </div>
            <hr>
        {% endfor %}
    {% else %}
        <div style="padding-left:15px;">
            No Profiles Found try a different search term
        </div>
    {% endif %}