{% extends "base.jinja" %}

{% 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 = "/static/clip/{{ '%04d' % song_id }}-{{ '%03d' % motif_id }}.flac">
    </audio>
    <a href="/song/{{ song_id }}">{{ song }}</a>
  </li>
{% endfor %}

{% endblock %}