{% extends "flags/base.html" %}
{% block title %}Flags - {{ env.name }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>Flags <span class="muted">in {{ env.name }}</span></h1>
  <span class="spacer"></span>
  <form class="search" method="get"><input type="text" name="q" value="{{ query }}" placeholder="Search flags"><button class="btn">Search</button></form>
  <a class="btn primary" href="{% url 'flag_create' project.key env.key %}">New flag</a>
</div>
<div class="table-wrap">
<table>
  <thead><tr><th>On</th><th>Flag</th><th>Type</th><th>Serving</th><th class="num">Rules</th><th class="num">Evals (7d)</th></tr></thead>
  <tbody>
  {% for r in rows %}
  <tr>
    <td>
      <form method="post" action="{% url 'flag_toggle' project.key env.key r.flag.key %}">{% csrf_token %}
        <input type="hidden" name="enabled" value="{% if r.config.enabled %}false{% else %}true{% endif %}">
        <button class="switch {% if r.config.enabled %}on{% endif %}" title="Toggle {{ r.flag.key }}" aria-label="Toggle {{ r.flag.key }}"></button>
      </form>
    </td>
    <td><a href="{% url 'flag_detail' project.key env.key r.flag.key %}"><strong>{{ r.flag.name }}</strong></a>
      {% if r.flag.is_experiment %}<span class="badge exp">experiment</span>{% endif %}<br><code>{{ r.flag.key }}</code></td>
    <td><span class="badge">{{ r.flag.type }}</span></td>
    <td class="muted">{% if r.config.enabled %}{{ r.serving }}{% else %}off{% endif %}</td>
    <td class="num">{{ r.config.rules|length }}</td>
    <td class="num">{{ r.evaluations }}</td>
  </tr>
  {% empty %}
  <tr><td colspan="6" class="muted">No flags found.</td></tr>
  {% endfor %}
  </tbody>
</table>
</div>
{% endblock %}