{% extends "base.html" %}
{% block content %}
<div class="stack">
  <div class="actions" style="justify-content:space-between; align-items:center;">
    <div>
      <h1>Preview: {{ profile_key }}</h1>
      <p class="muted">预览 profile 当前生成的完整 bundle YAML。</p>
    </div>
    <div class="actions">
      <a class="button secondary" href="/admin/profiles/{{ profile_key }}/rules">Rules</a>
      <a class="button" href="/admin/profiles">Profiles</a>
    </div>
  </div>

  <div class="card">
    <form method="get" action="/admin/profiles/{{ profile_key }}/preview" class="stack">
      <div>
        <label>Sources (comma separated)</label>
        <input name="sources" value="{{ selected_sources|join(',') }}" placeholder="{{ available_sources|join(',') }}">
      </div>
      <div class="actions">
        <button type="submit">Refresh Preview</button>
      </div>
    </form>
  </div>

  <div class="card">
    <textarea class="wide" readonly>{{ yaml_text }}</textarea>
  </div>
</div>
{% endblock %}