{% load static %}
{% load front_tags %}
{% load spel_tags %}
<p>{{ segments|length }} segment(s) trouvé(s)</p>
<table class="table table-striped table-condensed tablesorter">
    <thead>
        <tr><th>Type</th><th>Ref texte</th><th>Titre de la vidéo</th><th>&nbsp;</th></tr>
    </thead>
    <tbody>
  {% for s in segments %}
    <tr><td>{{ s.cutting_id }}</td><td>{{ s.tags|get_tags:"ref_text"|join:', ' }}</td><td>{{ s.content.title }}</td>
        <td>
          <button type="button" class="popinfo btn btn-xs btn-default" data-trigger="hover" data-container="body" data-toggle="popover" data-placement="auto" 
                  data-content="<strong>Timecodes:</strong> {{ s.start_ts|str_duration }} - {{ s.start_ts|add:s.duration|str_duration }}<br/>{{ s.tags|get_tags:'group'|safe }}"><span class="glyphicon glyphicon-plus-sign"></span></button>
        </td>
    </tr>
  {% endfor %}
    <tbody>
</table>