<li>
    <div class="clip-title">
        <img src="{{ url_for('static', filename='songicon.png') }}" alt="Song Icon" class="connection-icon"/>
        <a href = "{{ url_for('songpage', id=song_id) }}"><h4>{{ song }}</h4></a>
    </div>
    <div class="motifpage-songs">
        <div class="clip">

            <audio
                controls
                src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.mp3" type="audio/flac">
            </audio>
        </div>
        <div class="motifpage-info">
            <div class="motifpage-albums">
                <div>
                {% for album_song_id, album_code in album_info if album_song_id == song_id %}
                    <span class="clip-album-icon">{% include 'albumicon.jinja' %}</span>
                {% endfor %}
                </div>
            </div>
            <div class="motifpage-location">
                <p>{{ location }}</p>
            </div>
        </div>
    </div>
</li>