{% extends "base.html" %}
{% from "_macros.html" import icon %}
{% block title %}Редактировать — {{ pipeline.name }}{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="mb-0">Редактировать: {{ pipeline.name }}</h1>
    <a class="btn btn-secondary btn-sm" href="/pipelines">{{ icon("back") }} Назад</a>
</div>

<form method="post" action="/pipelines/{{ pipeline.id }}/edit" data-busy>
    <div class="row g-3 mb-3">
        <div class="col-12 col-lg-6">
            <label class="form-label">Название</label>
            <input class="form-control" type="text" name="name" value="{{ pipeline.name }}" required>
        </div>
        <div class="col-6 col-md-3 col-lg-2">
            <label class="form-label">Аккаунт</label>
            <select class="form-select" name="account_phone">
                <option value="">Автовыбор</option>
                {% for account in accounts %}
                <option value="{{ account.phone }}" {{ "selected" if account.phone == pipeline.account_phone }}>{{ account.phone }}</option>
                {% endfor %}
            </select>
        </div>
        {% if not is_dag %}
        <div class="col-6 col-md-3 col-lg-2">
            <label class="form-label">Бэкенд</label>
            <select class="form-select" name="generation_backend">
                {% for backend in generation_backends %}
                <option value="{{ backend.value }}" {{ "selected" if backend.value == pipeline.generation_backend.value }}>{{ backend.value }}</option>
                {% endfor %}
            </select>
        </div>
        {% endif %}
        {% if needs_publish_mode %}
        <div class="col-6 col-md-3 col-lg-2">
            <label class="form-label">Режим публикации</label>
            <select class="form-select" name="publish_mode">
                {% for mode in publish_modes %}
                <option value="{{ mode.value }}" {{ "selected" if mode.value == pipeline.publish_mode.value }}>{{ mode.value }}</option>
                {% endfor %}
            </select>
        </div>
        {% endif %}
        <div class="col-6 col-md-3 col-lg-2">
            <label class="form-label">Интервал (мин)</label>
            <input class="form-control" type="number" name="generate_interval_minutes" min="1" value="{{ pipeline.generate_interval_minutes }}">
        </div>
    </div>

    {% if needs_llm %}
    <div class="row g-3 mb-3">
        <div class="col-12 col-md-6">
            <label class="form-label">LLM модель</label>
            <input class="form-control" type="text" name="llm_model" value="{{ pipeline.llm_model or '' }}">
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Image model</label>
            <input class="form-control" type="text" name="image_model" value="{{ pipeline.image_model or '' }}" list="image-model-list">
            <datalist id="image-model-list">
                <option value="together:black-forest-labs/FLUX.1-schnell">
                <option value="together:black-forest-labs/FLUX.1-dev">
                <option value="openai:dall-e-3">
                <option value="huggingface:stabilityai/stable-diffusion-xl-base-1.0">
                <option value="replicate:black-forest-labs/flux-schnell">
            </datalist>
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label">Шаблон промпта</label>
        <textarea class="form-control" name="prompt_template" rows="5">{{ pipeline.prompt_template }}</textarea>
        <div class="form-text">
            Доступные переменные:
            {% for variable in prompt_variables %}
            <code>{{ "{" }}{{ variable }}{{ "}" }}</code>{% if not loop.last %}, {% endif %}
            {% endfor %}
        </div>
    </div>
    {% endif %}

    {# DAG: канал для реакций / источник (из pipeline_json source ноды) #}
    {% if dag_source_channel_ids is not none %}
    <div class="mb-3">
        <label class="form-label"><i class="bi bi-box-arrow-in-right"></i> Канал-источник</label>
        <div class="searchable-picker"
             data-picker-name="dag_source_channel_ids"
             data-picker-multi="true"
             data-picker-url="/pipelines/api/channels/search?q="
             data-picker-no-initial="true">
            <div class="picker-selected"></div>
            <input type="search" class="form-control form-control-sm mb-1" placeholder="Введите название или ID канала (мин. 2 символа)..." data-picker-search>
            <div class="list-group picker-list"></div>
            <small class="text-muted d-none" data-picker-empty>Ничего не найдено</small>
            {% for cid in dag_source_channel_ids %}
            {% set ch = channels | selectattr("channel_id", "equalto", cid) | first | default(none) %}
            <input type="hidden" data-picker-preselected value="{{ cid }}" data-title="{{ ch.title if ch else 'Канал ' ~ cid }}">
            {% endfor %}
        </div>
    </div>
    {% endif %}

    {# DAG: конфигурация реакции (emoji) #}
    {% if react_emoji is not none %}
    <div class="mb-3">
        <label class="form-label"><i class="bi bi-emoji-smile"></i> Реакция</label>
        <input class="form-control" type="text" name="react_emoji" value="{{ react_emoji }}" placeholder="Например: 👍 🔥 ❤️">
        <div class="form-text">Один или несколько emoji через запятую или пробел — на каждое сообщение будет выбрана случайная.</div>
    </div>
    {% endif %}

    {% if filter_config is not none %}
    <input type="hidden" name="filter_present" value="1">
    <div class="card border-0 shadow-sm mb-3">
        <div class="card-body">
            <div class="d-flex align-items-center gap-2 mb-3">
                <i class="bi bi-funnel"></i>
                <strong>Semantic filter</strong>
            </div>
            <div class="row g-3">
                <div class="col-12 col-lg-6">
                    <label class="form-label">Message kind</label>
                    <div class="d-flex flex-wrap gap-3">
                        <label class="form-check"><input class="form-check-input" type="checkbox" name="filter_message_kinds" value="regular" {{ "checked" if "regular" in filter_config.message_kinds }}> <span class="form-check-label">regular</span></label>
                        <label class="form-check"><input class="form-check-input" type="checkbox" name="filter_message_kinds" value="service" {{ "checked" if "service" in filter_config.message_kinds }}> <span class="form-check-label">service</span></label>
                    </div>
                </div>
                <div class="col-12 col-lg-6">
                    <label class="form-label">Sender kind</label>
                    <div class="d-flex flex-wrap gap-3">
                        {% for value in ["user", "anonymous_admin", "channel", "unknown"] %}
                        <label class="form-check"><input class="form-check-input" type="checkbox" name="filter_sender_kinds" value="{{ value }}" {{ "checked" if value in filter_config.sender_kinds }}> <span class="form-check-label">{{ value }}</span></label>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-12">
                    <label class="form-label">Service actions</label>
                    <div class="d-flex flex-wrap gap-3">
                        {% for value in ["join", "leave", "pin", "title_changed", "photo_changed", "migrate", "created", "other"] %}
                        <label class="form-check"><input class="form-check-input" type="checkbox" name="filter_service_actions" value="{{ value }}" {{ "checked" if value in filter_config.service_actions }}> <span class="form-check-label">{{ value }}</span></label>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-12">
                    <label class="form-label">Media types</label>
                    <div class="d-flex flex-wrap gap-3">
                        {% for value in ["service", "text", "photo", "video", "voice", "audio", "sticker", "document", "poll"] %}
                        <label class="form-check"><input class="form-check-input" type="checkbox" name="filter_media_types" value="{{ value }}" {{ "checked" if value in filter_config.media_types }}> <span class="form-check-label">{{ value }}</span></label>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-12 col-lg-6">
                    <label class="form-label">Keywords</label>
                    <textarea class="form-control" rows="3" name="filter_keywords">{{ filter_config.keywords | join('\n') }}</textarea>
                </div>
                <div class="col-12 col-lg-6">
                    <label class="form-label">Regex</label>
                    <input class="form-control" type="text" name="filter_regex" value="{{ filter_config.regex or '' }}">
                    <div class="form-check mt-2">
                        <input class="form-check-input" type="checkbox" name="filter_has_text" value="1" id="filter-has-text" {{ "checked" if filter_config.has_text }}>
                        <label class="form-check-label" for="filter-has-text">Только сообщения с текстом</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    {# Legacy: source / target pickers (только для не-DAG пайплайнов) #}
    {% if not is_dag %}
    <div class="row g-3 mb-3">
        <div class="col-12 col-lg-6">
            <label class="form-label">Каналы-источники</label>
            <div class="searchable-picker" data-picker-name="source_channel_ids" data-picker-multi="true" data-picker-url="/pipelines/api/channels/search?q=">
                <div class="picker-selected"></div>
                <input type="search" class="form-control form-control-sm mb-1" placeholder="Введите название или ID канала (мин. 2 символа)..." data-picker-search>
                <div class="list-group picker-list"></div>
                <small class="text-muted d-none" data-picker-empty>Ничего не найдено</small>
                {% for sid in source_ids %}
                <input type="hidden" data-picker-preselected value="{{ sid }}" data-title="Канал {{ sid }}">
                {% endfor %}
            </div>
        </div>

        <div class="col-12 col-lg-6">
            <div class="d-flex justify-content-between align-items-center">
                <label class="form-label mb-0">Целевые диалоги</label>
                {% if accounts %}
                <a class="small" href="/pipelines/{{ pipeline.id }}/edit?refresh=1">Обновить кэш</a>
                {% endif %}
            </div>
            <div class="searchable-picker mt-1" data-picker-name="target_refs" data-picker-multi="true">
                <div class="picker-selected"></div>
                <input type="search" class="form-control form-control-sm mb-1" placeholder="Поиск диалога..." data-picker-search>
                <div class="btn-group btn-group-sm mb-1" data-picker-filters>
                    <button type="button" class="btn btn-outline-secondary active" data-filter="all">Все</button>
                    <button type="button" class="btn btn-outline-secondary" data-filter="channel">Каналы</button>
                    <button type="button" class="btn btn-outline-secondary" data-filter="group">Группы</button>
                    <button type="button" class="btn btn-outline-secondary" data-filter="dm">Личные</button>
                </div>
                <div class="list-group picker-list">
                    {% for account in accounts %}
                    {% set dialogs = cached_dialogs.get(account.phone, []) %}
                    {% for dialog in dialogs %}
                    {% set ref = account.phone ~ "|" ~ dialog.channel_id %}
                    {% set dtype = dialog.channel_type %}
                    {% set dgroup = "dm" if dtype == "dm" else ("channel" if dtype in ("channel", "monoforum") else "group") %}
                    <label class="list-group-item list-group-item-action d-flex align-items-center gap-2"
                           data-picker-option
                           data-value="{{ ref }}"
                           data-group="{{ dgroup }}"
                           data-search-text="{{ ((dialog.title or '') ~ ' ' ~ dtype ~ ' ' ~ account.phone)|lower }}">
                        <input type="checkbox" class="form-check-input mt-0"
                               {{ "checked" if ref in target_refs }}>
                        <span>{{ dialog.title or dialog.channel_id }}</span>
                        <small class="text-muted ms-auto">{{ dtype }}</small>
                    </label>
                    {% endfor %}
                    {% endfor %}
                </div>
                <small class="text-muted d-none" data-picker-empty>Ничего не найдено</small>
            </div>
        </div>
    </div>
    {% endif %}

    <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="is_active" value="true" id="edit-active" {{ "checked" if pipeline.is_active }}>
        <label class="form-check-label" for="edit-active">Pipeline активен</label>
    </div>

    <div class="d-flex flex-wrap gap-2 align-items-center mt-3">
        <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg"></i> Сохранить</button>
        <a href="/pipelines" class="btn btn-secondary">Отмена</a>
    </div>
</form>

<div class="d-flex flex-wrap gap-2 align-items-center mt-3">
    <span class="text-muted small">Глубина выборки:</span>
    <input type="number" id="edit-since-value" value="24" min="1"
           class="form-control form-control-sm" style="width:72px">
    <select id="edit-since-unit" class="form-select form-select-sm" style="width:80px">
        <option value="m">мин</option>
        <option value="h" selected>ч</option>
        <option value="d">д</option>
    </select>
    <form method="post" action="/pipelines/{{ pipeline.id }}/run" class="d-inline" id="edit-run-form">
        <input type="hidden" name="since_value" id="edit-run-since-value">
        <input type="hidden" name="since_unit" id="edit-run-since-unit">
        <button type="submit" class="btn btn-outline-primary btn-sm"
                onclick="syncEditRunParams()"><i class="bi bi-play-fill"></i> Запустить</button>
    </form>
    <button type="button" class="btn btn-outline-warning btn-sm"
            onclick="editDryRunCount({{ pipeline.id }})"><i class="bi bi-lightning"></i> Тест</button>
</div>

<script>
function syncEditRunParams() {
    document.getElementById("edit-run-since-value").value =
        document.getElementById("edit-since-value").value;
    document.getElementById("edit-run-since-unit").value =
        document.getElementById("edit-since-unit").value;
}
function editDryRunCount(id) {
    var sv = document.getElementById("edit-since-value").value;
    var su = document.getElementById("edit-since-unit").value;
    fetch("/pipelines/" + id + "/dry-run-count?since_value=" + sv + "&since_unit=" + su)
        .then(function(r) { return r.json(); })
        .then(function(d) {
            showToast("Тест: " + d.total + " сообщений, " + d.after_filter + " пройдут обработку");
        }).catch(function() { showToast("Ошибка при подсчёте"); });
}
</script>
{% endblock %}