{% if tracks|length > 0 %}
    {% for track in tracks %}
<ons-list-item modifier="nodivider" id="spotifyListItem{{ track.spotify_id }}"  style="padding:0;padding-top: 15px;">
    <img id="spotifyPreviewImage{{ track.spotify_id }}" onclick="loadSpotifyVideo('{{track.spotify_id}}','{{ track.spotify_preview }}');" style="width:100%;" onerror="this.src='{{ image_path }}noimage.png';" src="{{ track.thumb }}" alt="{{ track.title }}" />
    <div id="spotifyPlayerContainer{{ track.spotify_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;">{{ track.title }}</span>
        </div>
    </div>
    <br>
</ons-list-item>
    {% endfor %}
    <ons-list-item modifier="nodivider" id="spotifyListItem{{ track.spotify_id }}"  style="padding:0;padding-top: 15px;">
        <div style="width:100%;padding:10px;text-align: center;">No Spotify Tracks Found</div>
    </ons-list-item>
    {% else %}
{% endif %}