{% if playlists|length > 0 %}
    <ons-list id="selectPlaylist">
        {% for playlist in playlists %}

            {% if playlist.id == 0 %}
                <ons-list-item onclick='setAddToPlaylist({{ playlist.id }},addToPlaylist,"{{ playlist.name }}","{{ playlist.profile_url }}");'>
                    <img style="" onerror="this.src='{{ image_path }}noimage.png'" src="{{ image_path }}allplaylists.png" />
                    <div class="playlistInfo">
                        <div class="title">All Playlists</div>
                        <div class="description">Listen to Suggestions from all of our Social Playlists</div>
                        <div class="stats">{{ playlist.suggestions }} suggestions &middot; {{ playlist.listeners }} listeners</div>
                    </div>
                </ons-list-item>
            {% else %}
                <ons-list-item onclick='setAddToPlaylist({{ playlist.id }},addToPlaylist,"{{ playlist.name }}","{{ playlist.profile_url }}");'>
                    <img style="" onerror="this.src='{{ image_path }}noimage.png'" src="{{ playlist.profile_url }}" />
                    <div class="playlistInfo">
                        <div class="title">{{ playlist.name }}</div>
                        <div class="description">{{ playlist.description|slice(0,100) }}...</div>
                        <div class="stats">{{ playlist.suggestions }} suggestions &middot; {{ playlist.listeners }} listeners</div>
                    </div>
                </ons-list-item>
            {% endif %}

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