{% extends "flags/base.html" %}
{% block title %}Segments{% endblock %}
{% block content %}
<div class="page-head"><h1>Segments</h1><span class="spacer"></span>
  <a class="btn primary" href="{% url 'segment_new' project.key env.key %}">New segment</a></div>
<div class="table-wrap"><table>
  <thead><tr><th>Segment</th><th class="num">Included</th><th class="num">Excluded</th><th class="num">Rules</th></tr></thead>
  <tbody>{% for s in segments %}
  <tr><td><a href="{% url 'segment_edit' project.key env.key s.key %}"><strong>{{ s.name }}</strong></a><br><code>{{ s.key }}</code></td>
    <td class="num">{{ s.included|length }}</td><td class="num">{{ s.excluded|length }}</td><td class="num">{{ s.rules|length }}</td></tr>
  {% empty %}<tr><td colspan="4" class="muted">No segments yet.</td></tr>{% endfor %}</tbody>
</table></div>
{% endblock %}