{% if outliers %}
<section class="watch-list" aria-label="Score-vs-views outliers">
  <h3 class="watch-list-title">Watch list</h3>
  <table class="watch-list-table">
    <thead>
      <tr>
        <th class="num">Rank</th>
        <th class="dir"></th>
        <th class="title">Title</th>
        <th class="num">Composite</th>
        <th class="num">V/h</th>
      </tr>
    </thead>
    <tbody>
      {% for v in outliers %}
      {% set dir = flags.get(v.video_id, '') %}
      <tr>
        <td class="num">{{ v.rank }}</td>
        <td class="dir">
          <span class="outlier-chip outlier-chip-{{ 'up' if dir == '↑' else 'down' }}">{{ dir }}</span>
        </td>
        <td class="title">
          <a href="https://www.youtube.com/watch?v={{ v.video_id }}" target="_blank" rel="noopener noreferrer">{{ v.title }}</a>
        </td>
        <td class="num">{{ '%.1f' | format(v.composite) }}</td>
        <td class="num">{{ '{:,.0f}'.format(v.views_per_hour) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endif %}