{% if playlists|length > 0 %}
    {% for playlist in playlists %}
        <li  title="{{ playlist.snippet.title }}"  style="line-height:100px;margin-bottom:8px;padding:8px;border:#111 1px solid;font-size:15px;display:inline-block;width:100%;height:auto;text-align:left;list-style-type:none;cursor:pointer;margin-bottom:5px;color:white;" >
            <img onclick="loadPlaylist('{{playlist.id.playlistId}}');" style="border:#fff 1px solid;padding:1px;cursor:pointer;width:100px;height:100px;" src="{{ playlist.thumbnail }}" />&nbsp; &nbsp;
           <span onclick="loadPlaylist('{{playlist.id.playlistId}}');">{{ playlist.snippet.title|slice(0, 20)  }}...</span>
            &nbsp;&nbsp; <a class="mh" style="color:white;float:right;margin-right:15px;" onclick="{{ callback }}('{{playlist.id.playlistId}}','{{ playlist.videoId }}',false);" >Save To Playlist</a>
            <a class="dh" style="font-size:12px;color:white;float:right;margin-right:5px;" onclick="{{ callback }}('{{playlist.id.playlistId}}','{{ playlist.videoId }}',false);" >Save</a>

        </li>
    {% endfor %}
    {% else %}
        <li style="padding:8px;display:inline-block;margin:10px;text-align:center;list-style-type:none;cursor:pointer;cursor:pointer;margin-bottom:5px;" onclick="{{ callback }}('{{playlist.id.playlistId}}','{{ playlist.videoId }}',false);" >
            You do not have any Youtube Playlists to display. Try selecting Update to look for newly added playlists.
        </li>
{% endif %}