{# alerts/_rule_fields.html — the resource and metric pickers for one source;
   the rule form includes it and swaps it in again when the source changes. #}
<div class="form-group">
  <label>Resource</label>
  {% if resources %}
  <select name="resource_name" required>
    {% if not current_resource %}<option value="" disabled selected>— pick a resource —</option>{% endif %}
    {% for r in resources %}
    <option value="{{ r }}" {% if r == current_resource %}selected{% endif %}>{{ r }}</option>
    {% endfor %}
  </select>
  {% else %}
  <select name="resource_name" required disabled>
    <option value="">Nothing has reported from this source yet</option>
  </select>
  <p class="field-hint">
    The list fills from readings this source has recorded. Come back once it has reported.
  </p>
  {% endif %}
</div>

<div class="form-group">
  <label>Metric</label>
  <select name="metric_name" required data-metric-picker>
    {% if not current_metric %}<option value="" disabled selected>— pick a metric —</option>{% endif %}
    {% for m in metrics %}
    <option value="{{ m }}" data-unit="{{ metric_unit(m) }}" data-about="{{ metric_about(m) }}" {% if m in ("is_up", "is_healthy") %}data-binary{% endif %}
            {% if m == current_metric %}selected{% endif %}>{{ metric_label(m) }}</option>
    {% endfor %}
  </select>
  {% if current_metric and metric_about(current_metric) %}
  <p class="field-hint" data-metric-about>{{ metric_about(current_metric) }}</p>
  {% else %}<p class="field-hint" data-metric-about hidden></p>{% endif %}
</div>