{% extends "base.html" %}
{% block title %}{% if mode == "new" %}添加源{% else %}编辑源 · {{ source.name }}{% endif %} · aether{% endblock %}

{% block content %}
<section class="page-header">
  <h1>{% if mode == "new" %}添加源{% else %}编辑源{% endif %}</h1>
  <p class="page-sub">
    <a href="/sources">← 返回源列表</a>
    {% if mode == "new" %}
      <span class="muted"> · </span>
      <a href="/sources/new">回到 URL-only 模式</a>
    {% endif %}
  </p>
</section>

{% if inferred and inferred.from_url %}
  <div class="banner banner-ok" style="max-width: 720px;">
    <strong>🤖 agent 已推断以下字段</strong>（基于 URL：
    <code>{{ inferred.from_url }}</code>）。
    {% if inferred.reasoning %}
      <div style="margin-top: 6px; color: #065f46; font-size: 13px;">
        <em>理由：</em>{{ inferred.reasoning }}
      </div>
    {% endif %}
    <div style="margin-top: 6px; font-size: 12px; color: #047857;">
      直接点下方"添加源"即可保存，或改任何字段再保存。
    </div>
  </div>
{% endif %}

{% if error %}
<div class="alert alert-error" style="margin-bottom: 16px;">
  <strong>提交失败：</strong> {{ error }}
</div>
{% endif %}

<form method="post"
      action="{% if mode == 'new' %}/sources/new{% else %}/sources/{{ source.id }}/edit{% endif %}"
      class="source-form">
  {# Hidden fields so the success banner can carry inference provenance #}
  {% if inferred and inferred.from_url %}
    <input type="hidden" name="inferred_from_url" value="{{ inferred.from_url }}">
    {% if inferred.reasoning %}
      <input type="hidden" name="inference_reasoning" value="{{ inferred.reasoning }}">
    {% endif %}
  {% endif %}

  <div class="form-row">
    <label for="id">id（slug，作为主键，<b>{% if mode == "new" and not inferred %}不可改{% else %}新建后不可改{% endif %}</b>）</label>
    {% if mode == "new" %}
      <input type="text" id="id" name="id" value="{{ source.id }}"
             required pattern="[a-z0-9_-]+" placeholder="如 contentmarketinginstitute"
             title="小写字母/数字/下划线/连字符"
             {% if inferred %}readonly style="background: var(--code-bg); color: var(--fg-muted);"{% endif %}>
      {% if inferred %}
        <span class="form-hint">agent 从 URL 推断；如果想改，可以重命名后再保存</span>
      {% endif %}
    {% else %}
      <input type="text" id="id" value="{{ source.id }}" disabled>
      <input type="hidden" name="id" value="{{ source.id }}">
    {% endif %}
  </div>

  <div class="form-row">
    <label for="name">名称</label>
    <input type="text" id="name" name="name" value="{{ source.name }}"
           required maxlength="200" placeholder="如 Content Marketing Institute">
  </div>

  <div class="form-row">
    <label for="url">入口 URL</label>
    <input type="url" id="url" name="url" value="{{ source.url }}"
           required placeholder="https://...">
  </div>

  <div class="form-row form-row-triple">
    <div>
      <label for="domain">domain</label>
      <select id="domain" name="domain" required>
        <option value="">— 选择 —</option>
        {# Preserve a user-submitted value that isn't in the current choices
           (e.g. they typo'd or the enum shrank). Without this, the field
           would silently show the placeholder on re-render. #}
        {% if source.domain and source.domain not in choices.domains %}
          <option value="{{ source.domain }}" selected>{{ source.domain }} (invalid)</option>
        {% endif %}
        {% for d in choices.domains %}
          <option value="{{ d }}" {% if source.domain == d %}selected{% endif %}>{{ d }}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label for="tier">tier</label>
      <select id="tier" name="tier" required>
        <option value="">— 选择 —</option>
        {% if source.tier and source.tier not in choices.tiers %}
          <option value="{{ source.tier }}" selected>{{ source.tier }} (invalid)</option>
        {% endif %}
        {% for t in choices.tiers %}
          <option value="{{ t }}" {% if source.tier == t %}selected{% endif %}>{{ t }}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label for="type">type</label>
      <select id="type" name="type" required>
        <option value="">— 选择 —</option>
        {% if source.type and source.type not in choices.types %}
          <option value="{{ source.type }}" selected>{{ source.type }} (invalid)</option>
        {% endif %}
        {% for ty in choices.types %}
          <option value="{{ ty }}" {% if source.type == ty %}selected{% endif %}>{{ ty }}</option>
        {% endfor %}
      </select>
    </div>
  </div>

  <div class="form-row">
    <label for="description">description（可选）</label>
    <textarea id="description" name="description" rows="2"
              maxlength="4096">{{ source.description or "" }}</textarea>
  </div>

  <div class="form-row">
    <label for="notes">notes（内部备注，可选）</label>
    <textarea id="notes" name="notes" rows="2"
              maxlength="4096">{{ source.notes or "" }}</textarea>
  </div>

  <div class="form-row form-row-checkbox">
    <label>
      <input type="checkbox" name="enabled" value="1"
             {% if source.enabled %}checked{% endif %}>
      启用（开启后 <code>aether</code> 会从这个源抓取）
    </label>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">
      {% if mode == "new" %}添加源{% else %}保存修改{% endif %}
    </button>
    <a href="/sources" class="btn">取消</a>
  </div>
</form>
{% endblock %}