{% extends "base.html" %}
{% block body %}
<div class="mb-6 flex items-center justify-between">
  <div>
    <h1 class="text-3xl font-bold">{{ title }}</h1>
  </div>
  <a class="btn btn-outline" href="/sources">Назад</a>
</div>

<div class="card bg-base-100 shadow-sm border border-base-200 max-w-3xl">
  <div class="card-body">
    <form method="post" action="{{ action }}" class="flex flex-col gap-4">
      <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
      
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="form-control">
          <label class="label"><span class="label-text font-bold">Площадка</span></label>
          <select name="platform" class="select select-bordered w-full">
            <option value="vk" {% if not source or source.platform == "vk" %}selected{% endif %}>VK</option>
            <option value="site" {% if source and source.platform == "site" %}selected{% endif %}>Сайт</option>
          </select>
        </div>
        
        <div class="form-control">
          <label class="label"><span class="label-text font-bold">Приоритет</span></label>
          <input name="priority" type="number" value="{{ source.priority if source else 100 }}" class="input input-bordered w-full">
        </div>
        
        <div class="form-control md:col-span-2">
          <label class="label"><span class="label-text font-bold">Название</span></label>
          <input name="name" value="{{ source.name if source else '' }}" required class="input input-bordered w-full">
        </div>
        
        <div class="form-control">
          <label class="label"><span class="label-text font-bold">Тэг</span></label>
          <input name="tag" value="{{ source.tag if source else '' }}" placeholder="academy_gear" class="input input-bordered w-full">
        </div>
        
        <div class="form-control md:col-span-2">
          <label class="label"><span class="label-text font-bold">Ссылка</span></label>
          <input name="url" value="{{ source.url if source else '' }}" required class="input input-bordered w-full text-primary">
        </div>

        <div id="site-config" class="form-control md:col-span-2">
          <label class="label"><span class="label-text font-bold">Конфигурация JSON</span></label>
          <textarea name="settings_json" rows="12" class="textarea textarea-bordered w-full font-mono" placeholder='{"version":1,"discovery":{"type":"rss","limit":20}}'>{{ source.settings_json | tojson(indent=2) if source else '{}' }}</textarea>
          <details class="mt-2 text-sm text-base-content/70">
            <summary class="cursor-pointer">Пример и параметры</summary>
            <pre class="mt-2 p-3 bg-base-200 overflow-x-auto">{
  "version": 1,
  "discovery": {
    "type": "rss",
    "limit": 20
  },
  "detail": {
    "enabled": true,
    "always": true,
    "root_selector": "article",
    "fields": {
      "title": {"selector": "h1", "extract": "text", "required": true},
      "text": {"selector": ".article-body", "extract": "text", "required": true}
    }
  },
  "access": {"type": "auto"},
  "retry": {"attempts": 2, "delay_seconds": 2, "timeout_seconds": 90},
  "min_text_length": 50
}</pre>
            <p class="mt-2"><code>discovery.type</code>: <code>rss</code> читает ссылки из ленты; <code>html</code> собирает карточки по <code>item_selector</code>. Секция <code>detail</code> описывает точные селекторы полей на странице материала.</p>
            <p class="mt-2"><code>access.type</code>: <code>auto</code> сначала пробует обычный запрос; <code>http</code> запрещает браузер; <code>browser</code> выполняет страницу в браузере; <code>cloudflare</code> разрешает RuCaptcha.</p>
            <p class="mt-2">Для fallback используйте <code>candidates</code>. Извлечение поддерживает <code>text</code>, <code>html</code>, <code>attr</code> и <code>json</code>. Ошибка одной detail-страницы не прерывает готовую пачку.</p>
            <p class="mt-2"><code>min_text_length</code> переопределяет общий порог Site Parser только для этого источника.</p>
          </details>
        </div>
      </div>
      
      <div class="form-control mt-4">
        <label class="label cursor-pointer justify-start gap-3">
          <input name="active" type="checkbox" class="toggle toggle-primary" {% if not source or source.active %}checked{% endif %}>
          <span class="label-text font-bold">Активен (парсер будет собирать посты)</span>
        </label>
      </div>
      
      <div class="card-actions justify-end mt-4 pt-4 border-t border-base-200">
        <button class="btn btn-primary" type="submit">Сохранить</button>
      </div>
    </form>
  </div>
</div>
<script>
  const platform = document.querySelector('[name="platform"]');
  const siteConfig = document.getElementById('site-config');
  const configInput = document.querySelector('[name="settings_json"]');
  const syncConfig = () => {
    siteConfig.hidden = platform.value !== 'site';
    if (platform.value === 'site' && configInput.value.trim() === '{}') {
      configInput.value = '{\n  "version": 1,\n  "discovery": {\n    "type": "rss",\n    "limit": 20\n  },\n  "detail": {\n    "enabled": false\n  },\n  "access": {\n    "type": "auto"\n  },\n  "retry": {\n    "attempts": 2,\n    "delay_seconds": 2,\n    "timeout_seconds": 90\n  },\n  "min_text_length": 50\n}';
    }
  };
  platform.addEventListener('change', syncConfig);
  syncConfig();
</script>
{% endblock %}