{% extends "nav.html" %}

{% block title %}{{ name }}{% endblock %}

{% block content %}
<h1> Motif: {{ name }} </h1>

<!-- Clips -->

<p>Clips: </p>
<ul>
{% for song_id, motif_id, song in clip_info %}
    <li>
        <audio
            controls
            src = "{{ url_for('static', filename='clip/') }}{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac" type="audio/flac">
        </audio>
        <a href="/song/{{ song_id }}">{{ song }}</a>
  </li>
{% endfor %}
</ul>

{% endblock %}