{% extends "admin/change_list.html" %} {% load i18n %} {% block content %}
<div id="content-main">
  {% if enable_flag_edit %}
  <div
    style="
      padding: 12px;
      background-color: #d1e7dd;
      color: #0f5132;
      margin-bottom: 20px;
      border-radius: 4px;
      border: 1px solid #badbcc;
    "
  >
    <strong>Mode: OVERRIDES ENABLED.</strong>
    The values below show whether a feature is pulling from the ENV or a
    Database Override. You may add or edit database overrides below.
  </div>
  {% else %}
  <div
    style="
      padding: 12px;
      background-color: #fff3cd;
      color: #856404;
      margin-bottom: 20px;
      border-radius: 4px;
      border: 1px solid #ffeeba;
    "
  >
    <strong>Mode: READ-ONLY.</strong>
    (ENABLE_FEATURE_FLAG_OVERRIDE is False). Displaying a read-only list of
    Environment Variables based on configured prefixes.
  </div>
  {% endif %}

  <div class="module">
    <table style="width: 100%">
      <thead>
        <tr>
          <th>Feature Flag Name</th>
          <th>Current Status</th>
          <th>Value Source</th>
        </tr>
      </thead>
      <tbody>
        {% for flag_name, flag_data in resolved_flags.items %}
        <tr>
          <td><strong>{{ flag_name }}</strong></td>
          <td>
            {% if flag_data.value %}
            <img src="/static/admin/img/icon-yes.svg" alt="True" /> True {% else
            %} <img src="/static/admin/img/icon-no.svg" alt="False" /> False {%
            endif %}
          </td>
          <td>
            {% if flag_data.source == "ENV" %}
            <span style="color: #666">{{ flag_data.source }}</span>
            {% else %}
            <span style="color: #b94a48; font-weight: bold"
              >{{ flag_data.source }}</span
            >
            {% endif %}
          </td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="3" style="padding: 10px">
            No feature flags found matching the configured prefixes.
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <br />

  {% if enable_flag_edit %}
  <h3 style="margin-top: 20px; margin-bottom: 10px">
    Manage Database Overrides
  </h3>
  {{ block.super }} {% endif %}
</div>
{% endblock %}