{% extends "base.html" %}
{% block content %}
<div class="stack">
  <div class="actions" style="justify-content:space-between; align-items:center;">
    <div>
      <h1>Profile Sources: {{ profile_key }}</h1>
      <p class="muted">配置 profile 默认会使用哪些源，以及它们的顺序。</p>
    </div>
    <div class="actions">
      <a class="button secondary" href="/admin/profiles">Back</a>
      <a class="button" href="/admin/profiles/{{ profile_key }}/preview">Preview</a>
    </div>
  </div>

  <form method="post" action="/admin/profiles/{{ profile_key }}/sources" class="card">
    <table>
      <thead>
        <tr><th>Enabled</th><th>Key</th><th>Order</th><th>Type</th><th>URL</th></tr>
      </thead>
      <tbody>
        {% for binding in bindings %}
        <tr>
          <td>
            <input type="hidden" name="source_key" value="{{ binding.key }}">
            <input type="checkbox" name="enabled_{{ binding.key }}" {% if binding.enabled %}checked{% endif %} style="width:auto">
          </td>
          <td><strong>{{ binding.key }}</strong><div class="muted">{{ binding.display_name }}</div></td>
          <td><input name="order_index_{{ binding.key }}" value="{{ binding.order_index }}"></td>
          <td>{{ binding.kind }}</td>
          <td class="muted">{{ binding.url }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <div class="actions" style="margin-top:18px;">
      <button type="submit">Save Source Bindings</button>
    </div>
  </form>
</div>
{% endblock %}