{% 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>
  </p>
</section>

{% 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">
  <div class="form-row">
    <label for="id">id（slug，作为主键，<b>不可改</b>）</label>
    {% if mode == "new" %}
      <input type="text" id="id" name="id" value="{{ source.id }}"
             required pattern="[a-z0-9_-]+" placeholder="如 contentmarketinginstitute"
             title="小写字母/数字/下划线/连字符">
    {% 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 %}