{% if playlists|length > 0 %}



    <li title="My Library" style="padding:8px;width:100%;height:75px;border:#111 1px solid;font-size:10px;text-align:center;display:inline-block;margin-left:auto;margin-right:auto;list-style-type:none;cursor:pointer;margin-bottom:5px;" onclick="addToSpotifyPlaylist('library',player.getVideoData().video_id);">

        <img onerror="this.src='{{ image_path }}noimage.png';" style="display:inline-block;cursor:pointer;width:15%;height:100%;float:left;" src="https://songslike.us-east-1.linodeobjects.com/spotifylikedsongs.jpeg" />
        <div style="display:block;vertical-align: center;">Library</div>
    </li>
    {% for playlist in playlists %}

       <li title="{{ playlist.name  }}" style="padding:8px;width:100%;height:75px;border:#111 1px solid;font-size:10px;text-align:center;display:inline-block;margin-left:auto;margin-right:auto;list-style-type:none;cursor:pointer;margin-bottom:5px;" onclick="window.suggestion_info=false;$('.suggestion_info').hide();{{ callback }}('{{ playlist.id }}', player.getVideoData().video_id)">
        <img onerror="this.src='{{ image_path }}noimage.png';" style="display:inline-block;cursor:pointer;width:15%;height:100%;float:left;" src="{{ playlist.image }}" />
           <div style="display-inline:block;vertical-align: center;">{{ playlist.name|slice(0, 40)  }}</div>
    </li>
    {% endfor %}
{% endif %}