{% extends "base.html" %}
{% from 'partials/nav_icon.html' import nav_icon %}
{% from 'partials/ui_icon.html' import ui_icon %}

{% block title %}Terraform - AWM{% endblock %}
{% block extra_head %}
<style>
    #terraform-log-content.log-colored {
        background: #0b1220;
        color: #e2e8f0;
        border: 1px solid #1e293b;
        border-radius: 10px;
        padding: 12px;
        max-height: 62vh;
        overflow: auto;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 12px;
        line-height: 1.45;
        white-space: pre-wrap;
        word-break: break-word;
    }
    .tf-log-line { display: block; }
    .tf-log-cmd { color: #93c5fd; font-weight: 700; }
    .tf-log-success { color: #86efac; font-weight: 600; }
    .tf-log-info { color: #7dd3fc; }
    .tf-log-warning { color: #fcd34d; font-weight: 600; }
    .tf-log-error { color: #fca5a5; font-weight: 700; }
    .tf-log-add { color: #4ade80; }
    .tf-log-remove { color: #f87171; }
    .tf-log-change { color: #fbbf24; }
    .tf-token-hint {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        margin-left: 6px;
        border-radius: 50%;
        border: 1px solid var(--border);
        background: var(--bg-secondary);
        color: var(--gray-700);
        font-size: 12px;
        cursor: help;
        vertical-align: middle;
    }
    .tf-token-note {
        display: block;
        margin-top: 6px;
        color: var(--gray-600);
        font-size: 12px;
        line-height: 1.4;
    }
    @media (max-width: 768px) {
        .toolbar > div[style*="display:flex"] {
            width: 100%;
            flex-wrap: wrap;
        }
        .toolbar > div[style*="display:flex"] .btn {
            flex: 1 1 100%;
            justify-content: center;
        }
    }
    @media (max-width: 560px) {
        [id^="terraform-"][id$="-modal"] .modal-content {
            width: calc(100vw - 12px) !important;
            max-width: calc(100vw - 12px) !important;
            padding: 14px 10px !important;
        }
        [id^="terraform-"][id$="-modal"] [style*="justify-content:flex-end"] {
            flex-direction: column;
        }
        [id^="terraform-"][id$="-modal"] [style*="justify-content:flex-end"] > .btn {
            width: 100%;
            justify-content: center;
        }
    }
</style>
{% endblock %}

{% block content %}
<div class="card">
    <div class="ui-page-header is-inset">
        <div class="ui-page-header__main">
            <span class="ui-page-header__icon">{{ nav_icon('terraform') }}</span>
            <div>
                <h2 class="ui-page-header__title">Terraform</h2>
                <p class="ui-page-header__subtitle">Рабочие пространства Terraform: конфигурация, переменные, планирование и применение изменений инфраструктуры.</p>
            </div>
        </div>
        <div class="ui-page-header__actions">
            <button class="btn btn-secondary" onclick="openTerraformBuilderModal()">{{ ui_icon('wand') }}Конструктор</button>
            <button class="btn btn-primary" onclick="openWorkspaceModal()">{{ ui_icon('plus') }}Создать рабочую область</button>
        </div>
    </div>
    <div id="terraform-workspaces-list"><div class="loading">Загрузка...</div></div>
</div>

<div class="card" style="margin-top:14px;">
    <h3 style="margin-top:0;">Инструкция по работе с Terraform</h3>
    <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px;">
        <div style="border:1px solid var(--border); border-radius:8px; padding:10px; background:var(--bg-secondary);">
            <div style="font-weight:700; margin-bottom:6px;">Базовый цикл работы</div>
            <ol style="margin:0; padding-left:18px; color:var(--gray-700);">
                <li>Создайте рабочую область и заполните <code>main.tf</code>.</li>
                <li>Задайте переменные в <code>terraform.tfvars.json</code>.</li>
                <li>Запустите <strong>Планирование</strong> и проверьте изменения.</li>
                <li>Запустите <strong>Применить</strong> для создания/изменения ресурсов.</li>
                <li>При необходимости используйте <strong>Удалить ресурсы</strong>.</li>
            </ol>
        </div>
        <div style="border:1px solid var(--border); border-radius:8px; padding:10px; background:var(--bg-secondary);">
            <div style="font-weight:700; margin-bottom:6px;">Правила написания</div>
            <ul style="margin:0; padding-left:18px; color:var(--gray-700);">
                <li>Используйте переменные вместо хардкода.</li>
                <li>Добавляйте <code>required_providers</code> и фиксируйте major/minor версии.</li>
                <li>Выводите важные ID/адреса через <code>output</code>.</li>
                <li>Для повторного использования выносите логику в <code>module</code>.</li>
                <li>Секреты передавайте через переменные, не вшивайте в код.</li>
            </ul>
        </div>
        <div style="border:1px solid var(--border); border-radius:8px; padding:10px; background:var(--bg-secondary);">
            <div style="font-weight:700; margin-bottom:6px;">Практика и безопасность</div>
            <ul style="margin:0; padding-left:18px; color:var(--gray-700);">
                <li>Всегда делайте <strong>Планирование</strong> перед <strong>Применить</strong>.</li>
                <li>Для прод-среды используйте отдельные workspace.</li>
                <li>Проверяйте историю запусков и логи после выполнения.</li>
                <li>Не запускайте <strong>Удалить ресурсы</strong> без подтвержденного окна работ.</li>
                <li>Чувствительные значения размещают вне репозитория.</li>
            </ul>
        </div>
    </div>
</div>

<div class="card" style="margin-top:14px;">
    <div class="toolbar">
        <h3 style="margin:0;">История запусков</h3>
        <button class="btn btn-secondary btn-sm" onclick="loadTerraformRuns()">Обновить</button>
    </div>
    <div id="terraform-runs-list"><div class="loading">Загрузка...</div></div>
</div>

<div id="terraform-workspace-modal" class="modal">
    <div class="modal-content" style="max-width:900px;">
        <div class="modal-header">
            <h3 id="terraform-workspace-title">Рабочая область Terraform</h3>
            <button class="close-btn" onclick="closeWorkspaceModal()">&times;</button>
        </div>
        <form id="terraform-workspace-form">
            <div class="form-row">
                <div class="form-group">
                    <label>Значок</label>
                    <select id="terraform-workspace-icon">
                        <option value="">Без значка</option>
                        <option value="🌍">🌍</option>
                        <option value="📦">📦</option>
                        <option value="⚙️">⚙️</option>
                        <option value="🛠️">🛠️</option>
                        <option value="🚀">🚀</option>
                        <option value="🧩">🧩</option>
                        <option value="🔐">🔐</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Название</label>
                    <input type="text" id="terraform-workspace-name" required>
                </div>
            </div>
            <div class="form-group">
                <label>Описание</label>
                <input type="text" id="terraform-workspace-description">
            </div>
            <div class="form-group">
                <label>Заметки/напоминания</label>
                <textarea id="terraform-workspace-notes" rows="2"></textarea>
            </div>
            <div class="form-group">
                <label>Terraform main.tf <span class="tf-token-hint" title="Можно использовать токены: {% raw %}{{var:NAME}}{% endraw %} и {% raw %}{{secret:NAME}}{% endraw %}.">?</span></label>
                <textarea id="terraform-workspace-main-tf" rows="12" required></textarea>
                <small class="tf-token-note">Подстановка выполняется перед запуском Terraform.</small>
                <div style="margin-top:8px;">
                    <button type="button" class="btn btn-secondary btn-sm" onclick="openTerraformBuilderModal()">Открыть Terraform билдер</button>
                </div>
            </div>
            <div class="form-group">
                <label>terraform.tfvars.json (JSON) <span class="tf-token-hint" title="Можно использовать токены: {% raw %}{{var:NAME}}{% endraw %} и {% raw %}{{secret:NAME}}{% endraw %}.">?</span></label>
                <textarea id="terraform-workspace-tfvars" rows="6" placeholder='{"region":"eu-central-1","instance_type":"t3.micro"}'></textarea>
                <small class="tf-token-note">Пример: <code>"api_token":"{% raw %}{{secret:proxmox_token_secret}}{% endraw %}"</code></small>
            </div>
            <div style="display:flex; gap:10px; justify-content:flex-end;">
                <button type="button" class="btn btn-secondary" onclick="closeWorkspaceModal()">Отмена</button>
                <button type="submit" class="btn btn-primary">Сохранить</button>
            </div>
        </form>
    </div>
</div>

<div id="terraform-builder-modal" class="modal">
    <div class="modal-content" style="max-width:1000px;">
        <div class="modal-header">
            <h3>Terraform Preset Studio (интерактивный билдер)</h3>
            <button class="close-btn" onclick="closeTerraformBuilderModal()">&times;</button>
        </div>
        <form id="terraform-builder-form">
            <div class="form-group">
                <label>Готовое решение (preset)</label>
                <select id="tf-builder-preset" onchange="onTerraformPresetChange()">
                    <option value="local_file">Local file (локальная проверка)</option>
                    <option value="random_pet">Random pet (демо генерации ресурса)</option>
                    <option value="null_exec">Null resource + local-exec (операционный скрипт)</option>
                    <option value="docker_host">Docker host bootstrap (пакеты + сервис)</option>
                    <option value="nginx_server">Nginx server config file (infra config)</option>
                    <option value="k8s_namespace">Kubernetes namespace + labels</option>
                    <option value="aws_ec2_single">AWS EC2 single instance</option>
                    <option value="aws_vpc_starter">AWS VPC starter (vpc + subnet + igw + route)</option>
                    <option value="monitoring_node_exporter">Node exporter service config</option>
                    <option value="module_wrapper">Module wrapper (готовый каркас для модулей)</option>
                    <option value="proxmox_vm_qemu">Proxmox VM (QEMU clone + cloud-init)</option>
                    <option value="proxmox_vm_cloudinit_advanced">Proxmox VM advanced (custom cpu/mem/net/disk)</option>
                </select>
                <small id="tf-builder-preset-help" style="color:#718096; display:block; margin-top:5px;"></small>
            </div>

            <div class="form-row">
                <div class="form-group">
                    <label>Название рабочей области (опционально)</label>
                    <input type="text" id="tf-builder-workspace-name" placeholder="terraform-my-project-dev">
                </div>
                <div class="form-group">
                    <label>Имя ресурса</label>
                    <input type="text" id="tf-builder-resource-name" value="example_resource" required>
                </div>
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label>Проект</label>
                    <input type="text" id="tf-builder-project" value="awm">
                </div>
                <div class="form-group">
                    <label>Окружение</label>
                    <input type="text" id="tf-builder-environment" value="dev">
                </div>
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label>Регион / расположение</label>
                    <input type="text" id="tf-builder-region" value="eu-central-1">
                </div>
                <div class="form-group">
                    <label>Тег владельца</label>
                    <input type="text" id="tf-builder-owner" value="platform-team">
                </div>
            </div>

            <div id="tf-builder-local-file-fields">
                <div class="form-row">
                    <div class="form-group">
                        <label>Путь к файлу</label>
                        <select id="tf-builder-output-file-select" onchange="toggleCustomOutputFilePath()">
                            <option value="/tmp/awm-terraform-builder.txt">/tmp/awm-terraform-builder.txt</option>
                            <option value="/opt/AWM/terraform-output.txt">/opt/AWM/terraform-output.txt</option>
                            <option value="/var/tmp/awm-output.txt">/var/tmp/awm-output.txt</option>
                            <option value="/home/awm/terraform-output.txt">/home/awm/terraform-output.txt</option>
                            <option value="__custom__">Свой путь...</option>
                        </select>
                        <input type="text" id="tf-builder-output-file-custom" value="/tmp/awm-terraform-builder.txt" style="margin-top:8px; display:none;" placeholder="/tmp/my-file.txt">
                    </div>
                    <div class="form-group">
                        <label>Содержимое файла</label>
                        <input type="text" id="tf-builder-message" value="Hello from AWM Terraform Builder">
                    </div>
                </div>
            </div>

            <div id="tf-builder-random-pet-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Префикс</label>
                        <input type="text" id="tf-builder-prefix" value="awm">
                    </div>
                    <div class="form-group">
                        <label>Длина (кол-во слов)</label>
                        <input type="number" id="tf-builder-length" min="1" max="4" value="2">
                    </div>
                </div>
            </div>

            <div id="tf-builder-null-exec-fields" style="display:none;">
                <div class="form-group">
                    <label>Команда local-exec</label>
                    <input type="text" id="tf-builder-command" value="echo Terraform from AWM">
                </div>
            </div>

            <div id="tf-builder-docker-host-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Метка хоста</label>
                        <input type="text" id="tf-builder-docker-host" value="docker-host-01">
                    </div>
                    <div class="form-group">
                        <label>Канал версии Docker</label>
                        <input type="text" id="tf-builder-docker-channel" value="stable">
                    </div>
                </div>
            </div>

            <div id="tf-builder-nginx-server-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Имя сервера</label>
                        <input type="text" id="tf-builder-nginx-server-name" value="example.local">
                    </div>
                    <div class="form-group">
                        <label>Порт прослушивания</label>
                        <input type="number" id="tf-builder-nginx-port" value="80">
                    </div>
                </div>
            </div>

            <div id="tf-builder-k8s-namespace-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Пространство имён</label>
                        <input type="text" id="tf-builder-k8s-namespace" value="apps-dev">
                    </div>
                    <div class="form-group">
                        <label>Контекст кластера</label>
                        <input type="text" id="tf-builder-k8s-context" value="default">
                    </div>
                </div>
            </div>

            <div id="tf-builder-aws-ec2-single-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>AMI</label>
                        <input type="text" id="tf-builder-ami" value="ami-0c55b159cbfafe1f0">
                    </div>
                    <div class="form-group">
                        <label>Тип инстанса</label>
                        <input type="text" id="tf-builder-instance-type" value="t3.micro">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>ID подсети</label>
                        <input type="text" id="tf-builder-subnet-id" value="subnet-xxxxxxxx">
                    </div>
                    <div class="form-group">
                        <label>ID группы безопасности</label>
                        <input type="text" id="tf-builder-sg-id" value="sg-xxxxxxxx">
                    </div>
                </div>
            </div>

            <div id="tf-builder-aws-vpc-starter-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>CIDR VPC</label>
                        <input type="text" id="tf-builder-vpc-cidr" value="10.30.0.0/16">
                    </div>
                    <div class="form-group">
                        <label>CIDR публичной подсети</label>
                        <input type="text" id="tf-builder-subnet-cidr" value="10.30.10.0/24">
                    </div>
                </div>
            </div>

            <div id="tf-builder-monitoring-node-exporter-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Имя сервиса</label>
                        <input type="text" id="tf-builder-monitoring-service-name" value="node-exporter">
                    </div>
                    <div class="form-group">
                        <label>Порт прослушивания</label>
                        <input type="number" id="tf-builder-monitoring-port" value="9100">
                    </div>
                </div>
            </div>

            <div id="tf-builder-module-wrapper-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Источник модуля</label>
                        <input type="text" id="tf-builder-module-source" value="./modules/example">
                    </div>
                    <div class="form-group">
                        <label>Имя модуля</label>
                        <input type="text" id="tf-builder-module-name" value="example_module">
                    </div>
                </div>
            </div>

            <div id="tf-builder-proxmox-vm-qemu-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>URL API Proxmox</label>
                        <input type="text" id="tf-builder-proxmox-endpoint" value="https://proxmox.local:8006/api2/json">
                    </div>
                    <div class="form-group">
                        <label>Имя узла</label>
                        <input type="text" id="tf-builder-proxmox-node" value="pve">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>ID токена API</label>
                        <input type="text" id="tf-builder-proxmox-token-id" value="terraform@pve!awm">
                    </div>
                    <div class="form-group">
                        <label>Секрет токена API</label>
                        <input type="password" id="tf-builder-proxmox-token-secret" value="CHANGE_ME_TOKEN_SECRET">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>ID шаблона ВМ</label>
                        <input type="number" id="tf-builder-proxmox-template-vm-id" value="9000">
                    </div>
                    <div class="form-group">
                        <label>Новый VM ID</label>
                        <input type="number" id="tf-builder-proxmox-vm-id" value="201">
                    </div>
                </div>
            </div>

            <div id="tf-builder-proxmox-vm-cloudinit-advanced-fields" style="display:none;">
                <div class="form-row">
                    <div class="form-group">
                        <label>Имя ВМ</label>
                        <input type="text" id="tf-builder-proxmox-vm-name" value="vm-dev-01">
                    </div>
                    <div class="form-group">
                        <label>Ядра CPU</label>
                        <input type="number" id="tf-builder-proxmox-cpu-cores" value="2">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>Память (МБ)</label>
                        <input type="number" id="tf-builder-proxmox-memory" value="4096">
                    </div>
                    <div class="form-group">
                        <label>Размер диска (ГБ)</label>
                        <input type="number" id="tf-builder-proxmox-disk-size" value="40">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>Мост (bridge)</label>
                        <input type="text" id="tf-builder-proxmox-bridge" value="vmbr0">
                    </div>
                    <div class="form-group">
                        <label>IP/CIDR</label>
                        <input type="text" id="tf-builder-proxmox-ip-cidr" value="192.168.1.150/24">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>Шлюз</label>
                        <input type="text" id="tf-builder-proxmox-gateway" value="192.168.1.1">
                    </div>
                    <div class="form-group">
                        <label>Пользователь cloud-init</label>
                        <input type="text" id="tf-builder-proxmox-ci-user" value="ubuntu">
                    </div>
                </div>
                <div class="form-group">
                    <label>Публичный SSH-ключ</label>
                    <textarea id="tf-builder-proxmox-ssh-key" rows="3" placeholder="ssh-rsa AAAA... user@host"></textarea>
                </div>
            </div>

            <div class="form-group">
                <label style="display:flex; align-items:center; gap:8px;">
                    <input type="checkbox" id="tf-builder-include-outputs" checked>
                    Добавить outputs в шаблон
                </label>
                <label style="display:flex; align-items:center; gap:8px; margin-top:6px;">
                    <input type="checkbox" id="tf-builder-include-locals" checked>
                    Добавить locals и унифицированные теги
                </label>
            </div>

            <div class="form-group">
                <label style="display:flex; align-items:center; justify-content:space-between; gap:10px;">
                    <span>Предпросмотр main.tf</span>
                    <button type="button" class="btn btn-secondary btn-sm" onclick="showTerraformBuilderPreviewHelp('main')">Инструкция</button>
                </label>
                <textarea id="tf-builder-preview-main" rows="12" readonly style="font-family:monospace;"></textarea>
            </div>
            <div class="form-group">
                <label style="display:flex; align-items:center; justify-content:space-between; gap:10px;">
                    <span>Предпросмотр terraform.tfvars.json</span>
                    <button type="button" class="btn btn-secondary btn-sm" onclick="showTerraformBuilderPreviewHelp('tfvars')">Инструкция</button>
                </label>
                <textarea id="tf-builder-preview-tfvars" rows="8" readonly style="font-family:monospace;"></textarea>
            </div>

            <div style="display:flex; gap:10px; justify-content:flex-end;">
                <button type="button" class="btn btn-secondary" onclick="closeTerraformBuilderModal()">Отмена</button>
                <button type="button" class="btn btn-secondary" onclick="refreshTerraformBuilderPreview()">Обновить предпросмотр</button>
                <button type="submit" class="btn btn-primary">Сгенерировать в форму рабочей области</button>
            </div>
        </form>
    </div>
</div>

<div id="terraform-log-modal" class="modal">
    <div class="modal-content" style="max-width:1000px;">
        <div class="modal-header">
            <h3>Лог Terraform</h3>
            <button class="close-btn" onclick="closeTerraformLogModal()">&times;</button>
        </div>
        <div id="terraform-log-content" class="log-container">Загрузка...</div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
let currentWorkspaceName = null;
let terraformLogSocket = null;
const TERRAFORM_PRESET_HELP = {
    local_file: 'Минимальный шаблон для первого запуска Terraform без облачных зависимостей.',
    random_pet: 'Демо-шаблон с провайдером random и output значением.',
    null_exec: 'Операционный шаблон для запуска локальных команд через local-exec.',
    docker_host: 'Каркас конфигурации хоста Docker (параметры и outputs для дальнейшей интеграции).',
    nginx_server: 'Шаблон конфигурации Nginx в виде управляемого ресурса local_file.',
    k8s_namespace: 'Создание namespace в Kubernetes с labels для окружения/проекта.',
    aws_ec2_single: 'Быстрый старт одной EC2 VM в AWS с параметрами сети.',
    aws_vpc_starter: 'Стартовый сетевой контур AWS: VPC + subnet + IGW + route table.',
    monitoring_node_exporter: 'Шаблон для формирования unit-конфига node exporter.',
    module_wrapper: 'Универсальный каркас для вызова готового Terraform module.',
    proxmox_vm_qemu: 'Быстрый шаблон клонирования VM из cloud-init template в Proxmox.',
    proxmox_vm_cloudinit_advanced: 'Расширенный шаблон VM в Proxmox с CPU/RAM/Disk/Network/Cloud-init.',
};

async function apiCall(method, url, data = null) {
    const options = { method, headers: { 'Content-Type': 'application/json' } };
    if (data !== null) options.body = JSON.stringify(data);
    const response = await fetch(url, options);
    const payload = await response.json().catch(() => ({}));
    if (!response.ok) throw new Error(payload.detail || `HTTP ${response.status}`);
    return payload;
}

const TERRAFORM_STATUS_LABELS = {
    success: 'Успешно',
    running: 'Выполняется',
    pending: 'Ожидание',
    cancelled: 'Отменено',
    failed: 'Ошибка',
};

function terraformStatusLabel(status) {
    const value = String(status || '').toLowerCase();
    return TERRAFORM_STATUS_LABELS[value] || value || '—';
}

function escapeHtml(value) {
    return String(value ?? '')
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#39;');
}

function terraformLogLineClass(line) {
    const raw = String(line || '');
    const trimmed = raw.trim();
    const lower = trimmed.toLowerCase();
    if (!trimmed) return '';
    if (trimmed.startsWith('$ terraform')) return 'tf-log-cmd';
    if (trimmed.startsWith('+')) return 'tf-log-add';
    if (trimmed.startsWith('-')) return 'tf-log-remove';
    if (trimmed.startsWith('~')) return 'tf-log-change';
    if (
        lower.includes('error:') ||
        lower.startsWith('error') ||
        lower.includes('failed') ||
        lower.includes('panic:')
    ) return 'tf-log-error';
    if (lower.includes('warning:') || lower.startsWith('warning')) return 'tf-log-warning';
    if (
        lower.includes('apply complete') ||
        lower.includes('destroy complete') ||
        lower.includes('no changes') ||
        lower.includes('successfully')
    ) return 'tf-log-success';
    if (
        lower.includes('plan:') ||
        lower.includes('terraform will perform') ||
        lower.includes('resources:') ||
        lower.includes('initializing')
    ) return 'tf-log-info';
    return '';
}

function renderTerraformLogHtml(text) {
    const content = String(text || '');
    if (!content) return '';
    return content
        .split('\n')
        .map((line) => {
            const cls = terraformLogLineClass(line);
            const classAttr = cls ? `tf-log-line ${cls}` : 'tf-log-line';
            return `<span class="${classAttr}">${escapeHtml(line)}</span>`;
        })
        .join('');
}

function setTerraformLogContent(box, text) {
    box.classList.add('log-colored');
    box.innerHTML = renderTerraformLogHtml(text);
    box.scrollTop = box.scrollHeight;
}

function appendTerraformLogChunk(box, chunk) {
    const html = renderTerraformLogHtml(chunk);
    box.classList.add('log-colored');
    box.insertAdjacentHTML('beforeend', html);
    box.scrollTop = box.scrollHeight;
}

function prettyAction(action) {
    const value = String(action || '').toLowerCase();
    if (value === 'plan') return 'Планирование (Plan)';
    if (value === 'apply') return 'Применение (Apply)';
    if (value === 'destroy') return 'Удаление (Destroy)';
    return value || '-';
}

function actionDescription(action) {
    const value = String(action || '').toLowerCase();
    if (value === 'plan') return 'Проверка изменений без внесения в инфраструктуру';
    if (value === 'apply') return 'Применение изменений в инфраструктуру';
    if (value === 'destroy') return 'Удаление ресурсов инфраструктуры';
    return '';
}

async function loadTerraformWorkspaces() {
    const root = document.getElementById('terraform-workspaces-list');
    root.innerHTML = '<div class="loading">Загрузка...</div>';
    try {
        const data = await apiCall('GET', '/api/terraform/workspaces');
        const items = data.workspaces || [];
        if (!items.length) {
            root.innerHTML = awmEmptyState('Рабочие области Terraform отсутствуют', 'layers', 'Создайте рабочую область или воспользуйтесь конструктором.');
            return;
        }
        root.innerHTML = items.map((item) => `
            <div class="list-item">
                <div class="list-item-main">
                    <div class="list-item-name">${item.icon ? escapeHtml(item.icon) : awmIcon('layers')} ${escapeHtml(item.name)}</div>
                    <div class="list-item-meta">${escapeHtml(item.description || '—')} | Последний запуск: ${escapeHtml(item.last_run_status ? terraformStatusLabel(item.last_run_status) : '—')}</div>
                </div>
                <div class="list-item-actions">
                    <button type="button" class="ui-icon-btn is-sm" title="Редактировать" aria-label="Редактировать" onclick="editWorkspace('${encodeURIComponent(item.name)}')">${awmIcon('edit')}</button>
                    <button class="btn btn-info btn-sm" title="${actionDescription('plan')}" onclick="runTerraformAction('${encodeURIComponent(item.name)}', 'plan')">${awmIcon('eye')}Планирование</button>
                    <button class="btn btn-success btn-sm" title="${actionDescription('apply')}" onclick="runTerraformAction('${encodeURIComponent(item.name)}', 'apply')">${awmIcon('play')}Применить</button>
                    <button class="btn btn-warning btn-sm" title="${actionDescription('destroy')}" onclick="runTerraformAction('${encodeURIComponent(item.name)}', 'destroy')">${awmIcon('x-circle')}Удалить ресурсы</button>
                    <button type="button" class="ui-icon-btn is-sm ui-icon-btn-danger" title="Удалить" aria-label="Удалить" onclick="deleteWorkspace('${encodeURIComponent(item.name)}')">${awmIcon('trash')}</button>
                </div>
            </div>
        `).join('');
    } catch (error) {
        root.innerHTML = awmEmptyState('Не удалось загрузить рабочие области Terraform', 'alert', error.message, { danger: true });
    }
}

async function loadTerraformRuns() {
    const root = document.getElementById('terraform-runs-list');
    root.innerHTML = '<div class="loading">Загрузка...</div>';
    try {
        const data = await apiCall('GET', '/api/terraform/runs');
        const items = data.runs || [];
        if (!items.length) {
            root.innerHTML = awmEmptyState('Запуски Terraform отсутствуют', 'activity');
            return;
        }
        root.innerHTML = items.map((run) => {
            const statusClass = `status-${String(run.status || '').toLowerCase()}`;
            const created = run.created_at ? new Date(run.created_at).toLocaleString('ru') : '-';
            const finished = run.finished_at ? new Date(run.finished_at).toLocaleString('ru') : '';
            const errorText = run.error ? ` | Ошибка: ${escapeHtml(run.error)}` : '';
            return `
            <div class="list-item">
                <div class="list-item-info">
                    <div class="list-item-name">
                        ${escapeHtml(prettyAction(run.action))} | ${escapeHtml(run.workspace_name || '—')}
                        <span class="status-badge ${statusClass}">${escapeHtml(terraformStatusLabel(run.status))}</span>
                    </div>
                    <div class="list-item-meta">
                        ID: ${run.id} | Создан: ${created}
                        ${finished ? ` | Завершен: ${finished}` : ''}
                        ${errorText}
                    </div>
                </div>
                <div class="list-item-actions">
                    <button class="btn btn-secondary btn-sm" onclick="viewTerraformLog('${run.id}')">Лог</button>
                    ${['pending','running'].includes(String(run.status || '').toLowerCase()) ? `<button class="btn btn-danger btn-sm" onclick="cancelTerraformRun('${run.id}')">Остановить</button>` : ''}
                </div>
            </div>
        `;
        }).join('');
    } catch (error) {
        root.innerHTML = awmEmptyState('Не удалось загрузить запуски Terraform', 'alert', error.message, { danger: true });
    }
}

function openWorkspaceModal() {
    currentWorkspaceName = null;
    document.getElementById('terraform-workspace-title').textContent = 'Новая рабочая область Terraform';
    document.getElementById('terraform-workspace-form').reset();
    document.getElementById('terraform-workspace-main-tf').value = '';
    document.getElementById('terraform-workspace-tfvars').value = '{}';
    document.getElementById('terraform-workspace-name').disabled = false;
    document.getElementById('terraform-workspace-modal').classList.add('active');
}

function closeWorkspaceModal() {
    document.getElementById('terraform-workspace-modal').classList.remove('active');
}

function openTerraformBuilderModal() {
    document.getElementById('terraform-builder-modal').classList.add('active');
    onTerraformPresetChange();
}

function closeTerraformBuilderModal() {
    document.getElementById('terraform-builder-modal').classList.remove('active');
}

function onTerraformPresetChange() {
    const mode = document.getElementById('tf-builder-preset').value;
    const sections = [
        'local_file',
        'random_pet',
        'null_exec',
        'docker_host',
        'nginx_server',
        'k8s_namespace',
        'aws_ec2_single',
        'aws_vpc_starter',
        'monitoring_node_exporter',
        'module_wrapper',
        'proxmox_vm_qemu',
        'proxmox_vm_cloudinit_advanced',
    ];
    sections.forEach((name) => {
        const el = document.getElementById(`tf-builder-${name.replaceAll('_', '-')}-fields`) || document.getElementById(`tf-builder-${name}-fields`);
        if (el) el.style.display = (name === mode) ? 'block' : 'none';
    });
    document.getElementById('tf-builder-preset-help').textContent = TERRAFORM_PRESET_HELP[mode] || '';
    refreshTerraformBuilderPreview();
}

function sanitizeTfResourceName(name) {
    const normalized = String(name || '').trim().toLowerCase().replace(/[^a-z0-9_]/g, '_').replace(/^_+|_+$/g, '');
    return normalized || 'example_resource';
}

function toggleCustomOutputFilePath() {
    const mode = document.getElementById('tf-builder-output-file-select')?.value;
    const custom = document.getElementById('tf-builder-output-file-custom');
    if (!custom) return;
    custom.style.display = (mode === '__custom__') ? 'block' : 'none';
}

function buildTerraformFromBuilder() {
    const mode = document.getElementById('tf-builder-preset').value;
    const resourceName = sanitizeTfResourceName(document.getElementById('tf-builder-resource-name').value);
    const project = (document.getElementById('tf-builder-project').value || 'awm').trim();
    const environment = (document.getElementById('tf-builder-environment').value || 'dev').trim();
    const region = (document.getElementById('tf-builder-region').value || 'eu-central-1').trim();
    const owner = (document.getElementById('tf-builder-owner').value || 'platform-team').trim();
    const includeLocals = document.getElementById('tf-builder-include-locals').checked;
    const includeOutputs = document.getElementById('tf-builder-include-outputs').checked;
    const commonLocals = includeLocals ? `
locals {
  tags = {
    project     = var.project
    environment = var.environment
    owner       = var.owner
  }
}

variable "project" { type = string }
variable "environment" { type = string }
variable "owner" { type = string }
` : '';

    if (mode === 'local_file') {
        const selectedOutput = document.getElementById('tf-builder-output-file-select').value;
        const customOutput = document.getElementById('tf-builder-output-file-custom').value;
        const outputFile = selectedOutput === '__custom__'
            ? (customOutput || '/tmp/awm-terraform-builder.txt')
            : (selectedOutput || '/tmp/awm-terraform-builder.txt');
        const message = document.getElementById('tf-builder-message').value || 'Hello from AWM Terraform Builder';
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
}

resource "local_file" "${resourceName}" {
  filename = var.output_file
  content  = var.message
}

variable "output_file" {
  type = string
}

variable "message" {
  type = string
}
${commonLocals}
`,
            tfvars: {
                output_file: outputFile,
                message,
                project,
                environment,
                owner,
            }
        };
    }
    if (mode === 'random_pet') {
        const prefix = document.getElementById('tf-builder-prefix').value || 'awm';
        const length = Number(document.getElementById('tf-builder-length').value || '2');
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
  required_providers {
    random = {
      source  = "hashicorp/random"
      version = "~> 3.6"
    }
  }
}

resource "random_pet" "${resourceName}" {
  prefix = var.prefix
  length = var.length
}

output "generated_name" {
  value = random_pet.${resourceName}.id
}

variable "prefix" {
  type = string
}

variable "length" {
  type = number
}
${commonLocals}
${includeOutputs ? `
output "resource_id" {
  value = random_pet.${resourceName}.id
}
` : ''}
`,
            tfvars: {
                prefix,
                length,
                project,
                environment,
                owner,
            }
        };
    }
    if (mode === 'docker_host') {
        const host = document.getElementById('tf-builder-docker-host').value || 'docker-host-01';
        const channel = document.getElementById('tf-builder-docker-channel').value || 'stable';
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
}

resource "local_file" "${resourceName}" {
  filename = "/tmp/docker-bootstrap-${resourceName}.sh"
  content = <<-EOT
#!/usr/bin/env bash
set -euo pipefail
echo "Host: ${host}"
echo "Channel: ${channel}"
sudo apt-get update
sudo apt-get install -y docker.io
sudo systemctl enable --now docker
EOT
}
${commonLocals}
${includeOutputs ? `
output "bootstrap_script_path" {
  value = local_file.${resourceName}.filename
}
` : ''}
`,
            tfvars: { project, environment, owner, region, host, channel }
        };
    }
    if (mode === 'nginx_server') {
        const serverName = document.getElementById('tf-builder-nginx-server-name').value || 'example.local';
        const port = Number(document.getElementById('tf-builder-nginx-port').value || '80');
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
}

resource "local_file" "${resourceName}" {
  filename = "/tmp/nginx-${resourceName}.conf"
  content = <<-EOT
server {
  listen ${port};
  server_name ${serverName};
  location / {
    return 200 "AWM Terraform Nginx preset";
  }
}
EOT
}
${commonLocals}
`,
            tfvars: { project, environment, owner, server_name: serverName, port }
        };
    }
    if (mode === 'k8s_namespace') {
        const ns = document.getElementById('tf-builder-k8s-namespace').value || 'apps-dev';
        const context = document.getElementById('tf-builder-k8s-context').value || 'default';
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
  required_providers {
    kubernetes = {
      source  = "hashicorp/kubernetes"
      version = "~> 2.32"
    }
  }
}

provider "kubernetes" {
  config_context = var.kube_context
}

resource "kubernetes_namespace" "${resourceName}" {
  metadata {
    name = var.namespace
    labels = {
      project     = var.project
      environment = var.environment
      owner       = var.owner
    }
  }
}
${includeOutputs ? `
output "namespace_name" {
  value = kubernetes_namespace.${resourceName}.metadata[0].name
}
` : ''}
`,
            tfvars: { namespace: ns, kube_context: context, project, environment, owner, region }
        };
    }
    if (mode === 'aws_ec2_single') {
        const ami = document.getElementById('tf-builder-ami').value || 'ami-0c55b159cbfafe1f0';
        const instanceType = document.getElementById('tf-builder-instance-type').value || 't3.micro';
        const subnetId = document.getElementById('tf-builder-subnet-id').value || 'subnet-xxxxxxxx';
        const sgId = document.getElementById('tf-builder-sg-id').value || 'sg-xxxxxxxx';
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
  required_providers {
    aws = {
      source  = "hashicorp/aws"
      version = "~> 5.0"
    }
  }
}

provider "aws" {
  region = var.region
}

resource "aws_instance" "${resourceName}" {
  ami                    = var.ami
  instance_type          = var.instance_type
  subnet_id              = var.subnet_id
  vpc_security_group_ids = [var.security_group_id]
  tags = {
    Name        = "${resourceName}"
    project     = var.project
    environment = var.environment
    owner       = var.owner
  }
}
${includeOutputs ? `
output "instance_id" {
  value = aws_instance.${resourceName}.id
}
` : ''}
`,
            tfvars: { region, ami, instance_type: instanceType, subnet_id: subnetId, security_group_id: sgId, project, environment, owner }
        };
    }
    if (mode === 'aws_vpc_starter') {
        const vpcCidr = document.getElementById('tf-builder-vpc-cidr').value || '10.30.0.0/16';
        const subnetCidr = document.getElementById('tf-builder-subnet-cidr').value || '10.30.10.0/24';
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
  required_providers {
    aws = {
      source  = "hashicorp/aws"
      version = "~> 5.0"
    }
  }
}

provider "aws" {
  region = var.region
}

resource "aws_vpc" "${resourceName}_vpc" {
  cidr_block = var.vpc_cidr
  tags = { Name = "${resourceName}-vpc" }
}

resource "aws_subnet" "${resourceName}_public_subnet" {
  vpc_id     = aws_vpc.${resourceName}_vpc.id
  cidr_block = var.public_subnet_cidr
}

resource "aws_internet_gateway" "${resourceName}_igw" {
  vpc_id = aws_vpc.${resourceName}_vpc.id
}

resource "aws_route_table" "${resourceName}_rt" {
  vpc_id = aws_vpc.${resourceName}_vpc.id
}

resource "aws_route" "${resourceName}_default_route" {
  route_table_id         = aws_route_table.${resourceName}_rt.id
  destination_cidr_block = "0.0.0.0/0"
  gateway_id             = aws_internet_gateway.${resourceName}_igw.id
}
${includeOutputs ? `
output "vpc_id" { value = aws_vpc.${resourceName}_vpc.id }
output "subnet_id" { value = aws_subnet.${resourceName}_public_subnet.id }
` : ''}
`,
            tfvars: { region, vpc_cidr: vpcCidr, public_subnet_cidr: subnetCidr, project, environment, owner }
        };
    }
    if (mode === 'monitoring_node_exporter') {
        const serviceName = document.getElementById('tf-builder-monitoring-service-name').value || 'node-exporter';
        const port = Number(document.getElementById('tf-builder-monitoring-port').value || '9100');
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
}

resource "local_file" "${resourceName}" {
  filename = "/tmp/${serviceName}.service"
  content = <<-EOT
[Unit]
Description=Node Exporter
After=network.target

[Service]
ExecStart=/usr/local/bin/node_exporter --web.listen-address=:${port}
Restart=always

[Install]
WantedBy=multi-user.target
EOT
}
`,
            tfvars: { service_name: serviceName, listen_port: port, project, environment, owner }
        };
    }
    if (mode === 'module_wrapper') {
        const moduleSource = document.getElementById('tf-builder-module-source').value || './modules/example';
        const moduleName = sanitizeTfResourceName(document.getElementById('tf-builder-module-name').value || 'example_module');
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
}

module "${moduleName}" {
  source      = var.module_source
  project     = var.project
  environment = var.environment
  owner       = var.owner
}
${includeOutputs ? `
output "module_name" {
  value = "${moduleName}"
}
` : ''}
`,
            tfvars: { module_source: moduleSource, project, environment, owner, region }
        };
    }
    if (mode === 'proxmox_vm_qemu' || mode === 'proxmox_vm_cloudinit_advanced') {
        const endpoint = document.getElementById('tf-builder-proxmox-endpoint').value || 'https://proxmox.local:8006/api2/json';
        const node = document.getElementById('tf-builder-proxmox-node').value || 'pve';
        const tokenId = document.getElementById('tf-builder-proxmox-token-id').value || 'terraform@pve!awm';
        const tokenSecret = document.getElementById('tf-builder-proxmox-token-secret').value || 'CHANGE_ME_TOKEN_SECRET';
        const templateVmId = Number(document.getElementById('tf-builder-proxmox-template-vm-id').value || '9000');
        const vmId = Number(document.getElementById('tf-builder-proxmox-vm-id').value || '201');
        const vmName = document.getElementById('tf-builder-proxmox-vm-name').value || `vm-${environment}-01`;
        const cpuCores = Number(document.getElementById('tf-builder-proxmox-cpu-cores').value || '2');
        const memory = Number(document.getElementById('tf-builder-proxmox-memory').value || '4096');
        const diskSize = Number(document.getElementById('tf-builder-proxmox-disk-size').value || '40');
        const bridge = document.getElementById('tf-builder-proxmox-bridge').value || 'vmbr0';
        const ipCidr = document.getElementById('tf-builder-proxmox-ip-cidr').value || '192.168.1.150/24';
        const gateway = document.getElementById('tf-builder-proxmox-gateway').value || '192.168.1.1';
        const ciUser = document.getElementById('tf-builder-proxmox-ci-user').value || 'ubuntu';
        const sshKey = document.getElementById('tf-builder-proxmox-ssh-key').value || '';
        return {
            mainTf: `terraform {
  required_version = ">= 1.3.0"
  required_providers {
    proxmox = {
      source  = "bpg/proxmox"
      version = "~> 0.66"
    }
  }
}

provider "proxmox" {
  endpoint  = var.proxmox_endpoint
  api_token = "\${var.proxmox_token_id}=\${var.proxmox_token_secret}"
  insecure  = true
}

resource "proxmox_virtual_environment_vm" "${resourceName}" {
  node_name = var.node_name
  vm_id     = var.vm_id
  name      = var.vm_name

  clone {
    vm_id = var.template_vm_id
  }

  cpu {
    cores = var.cpu_cores
  }

  memory {
    dedicated = var.memory_mb
  }

  disk {
    datastore_id = "local-lvm"
    interface    = "scsi0"
    size         = var.disk_size_gb
  }

  network_device {
    bridge = var.bridge
  }

  initialization {
    ip_config {
      ipv4 {
        address = var.ipv4_cidr
        gateway = var.ipv4_gateway
      }
    }
    user_account {
      username = var.ci_user
      keys     = var.ssh_public_key != "" ? [var.ssh_public_key] : []
    }
  }
}

variable "proxmox_endpoint" { type = string }
variable "proxmox_token_id" { type = string }
variable "proxmox_token_secret" { type = string, sensitive = true }
variable "node_name" { type = string }
variable "template_vm_id" { type = number }
variable "vm_id" { type = number }
variable "vm_name" { type = string }
variable "cpu_cores" { type = number }
variable "memory_mb" { type = number }
variable "disk_size_gb" { type = number }
variable "bridge" { type = string }
variable "ipv4_cidr" { type = string }
variable "ipv4_gateway" { type = string }
variable "ci_user" { type = string }
variable "ssh_public_key" { type = string }

${includeOutputs ? `
output "vm_name" {
  value = proxmox_virtual_environment_vm.${resourceName}.name
}

output "vm_id" {
  value = proxmox_virtual_environment_vm.${resourceName}.vm_id
}
` : ''}
`,
            tfvars: {
                proxmox_endpoint: endpoint,
                proxmox_token_id: tokenId,
                proxmox_token_secret: tokenSecret,
                node_name: node,
                template_vm_id: templateVmId,
                vm_id: vmId,
                vm_name: vmName,
                cpu_cores: cpuCores,
                memory_mb: memory,
                disk_size_gb: diskSize,
                bridge,
                ipv4_cidr: ipCidr,
                ipv4_gateway: gateway,
                ci_user: ciUser,
                ssh_public_key: sshKey,
                project,
                environment,
                owner,
                region,
            }
        };
    }
    const command = document.getElementById('tf-builder-command').value || 'echo Terraform from AWM';
    return {
        mainTf: `terraform {
  required_version = ">= 1.3.0"
}

resource "null_resource" "${resourceName}" {
  provisioner "local-exec" {
    command = var.command
  }
}

variable "command" {
  type = string
}
`,
        tfvars: { command, project, environment, owner, region }
    };
}

function refreshTerraformBuilderPreview() {
    const generated = buildTerraformFromBuilder();
    document.getElementById('tf-builder-preview-main').value = generated.mainTf || '';
    document.getElementById('tf-builder-preview-tfvars').value = JSON.stringify(generated.tfvars || {}, null, 2);
}

function showTerraformBuilderPreviewHelp(mode) {
    const common = [
        'Можно использовать переменные проекта: {% raw %}{{var:NAME}}{% endraw %}',
        'Можно использовать секреты: {% raw %}{{secret:NAME}}{% endraw %}',
        'Подстановка выполняется перед запуском Terraform',
        'Если значение не найдено, запуск завершится ошибкой',
    ];
    if (mode === 'main') {
        alert(
`Инструкция для Предпросмотр main.tf

Что можно использовать:
- ${common[0]}
- ${common[1]}
- ${common[2]}
- ${common[3]}

Примеры:
token_id     = "{% raw %}{{var:proxmox_token_id}}{% endraw %}"
token_secret = "{% raw %}{{secret:proxmox_token_secret}}{% endraw %}"
`
        );
        return;
    }
    alert(
`Инструкция для Предпросмотр terraform.tfvars.json

Что можно использовать:
- ${common[0]}
- ${common[1]}
- ${common[2]}
- ${common[3]}

Пример JSON:
{
  "proxmox_endpoint": "{% raw %}{{var:proxmox_endpoint}}{% endraw %}",
  "proxmox_token_id": "{% raw %}{{var:proxmox_token_id}}{% endraw %}",
  "proxmox_token_secret": "{% raw %}{{secret:proxmox_token_secret}}{% endraw %}"
}
`
    );
}

async function editWorkspace(encodedName) {
    const name = decodeURIComponent(encodedName);
    currentWorkspaceName = name;
    const data = await apiCall('GET', `/api/terraform/workspaces/${encodeURIComponent(name)}`);
    document.getElementById('terraform-workspace-title').textContent = `Рабочая область: ${name}`;
    document.getElementById('terraform-workspace-name').value = data.name || '';
    document.getElementById('terraform-workspace-name').disabled = true;
    document.getElementById('terraform-workspace-icon').value = data.icon || '';
    document.getElementById('terraform-workspace-description').value = data.description || '';
    document.getElementById('terraform-workspace-notes').value = data.notes || '';
    document.getElementById('terraform-workspace-main-tf').value = data.main_tf || '';
    document.getElementById('terraform-workspace-tfvars').value = JSON.stringify(data.tfvars || {}, null, 2);
    document.getElementById('terraform-workspace-modal').classList.add('active');
}

document.getElementById('terraform-workspace-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    let tfvars = {};
    const tfvarsRaw = (document.getElementById('terraform-workspace-tfvars').value || '').trim();
    if (tfvarsRaw) {
        try {
            tfvars = JSON.parse(tfvarsRaw);
        } catch (error) {
            alert('terraform.tfvars.json должен быть корректным JSON');
            return;
        }
    }
    const payload = {
        name: document.getElementById('terraform-workspace-name').value.trim(),
        icon: document.getElementById('terraform-workspace-icon').value || null,
        description: document.getElementById('terraform-workspace-description').value.trim(),
        notes: document.getElementById('terraform-workspace-notes').value.trim(),
        main_tf: document.getElementById('terraform-workspace-main-tf').value,
        tfvars,
    };
    try {
        if (currentWorkspaceName) {
            await apiCall('PUT', `/api/terraform/workspaces/${encodeURIComponent(currentWorkspaceName)}`, payload);
        } else {
            await apiCall('POST', '/api/terraform/workspaces', payload);
        }
        closeWorkspaceModal();
        await loadTerraformWorkspaces();
    } catch (error) {
        alert(`Ошибка сохранения рабочей области: ${error.message}`);
    }
});

document.getElementById('terraform-builder-form').addEventListener('submit', (e) => {
    e.preventDefault();
    const generated = buildTerraformFromBuilder();
    const wsName = (document.getElementById('tf-builder-workspace-name').value || '').trim();
    // openWorkspaceModal() сбрасывает форму, поэтому вызывается до записи сгенерированного кода.
    if (!document.getElementById('terraform-workspace-modal').classList.contains('active')) {
        openWorkspaceModal();
    }
    document.getElementById('terraform-workspace-main-tf').value = generated.mainTf;
    document.getElementById('terraform-workspace-tfvars').value = JSON.stringify(generated.tfvars || {}, null, 2);
    if (wsName) {
        document.getElementById('terraform-workspace-name').value = wsName;
    }
    closeTerraformBuilderModal();
});
document.getElementById('terraform-builder-form').addEventListener('input', () => {
    refreshTerraformBuilderPreview();
});

async function deleteWorkspace(encodedName) {
    const name = decodeURIComponent(encodedName);
    if (!await awmConfirm(`Удалить рабочую область «${name}»?`)) return;
    try {
        await apiCall('DELETE', `/api/terraform/workspaces/${encodeURIComponent(name)}`);
        await loadTerraformWorkspaces();
    } catch (error) {
        alert(`Ошибка удаления: ${error.message}`);
    }
}

async function runTerraformAction(encodedName, action) {
    const name = decodeURIComponent(encodedName);
    const actionTitle = prettyAction(action);
    const description = actionDescription(action);
    if (!await awmConfirm(`Операция: ${actionTitle}\nРабочая область: ${name}\n\n${description}\n\nПродолжить?`)) return;
    try {
        const result = await apiCall('POST', '/api/terraform/runs', { workspace_name: name, action });
        if (result && result.status === 'approval_required') {
            await awmAlert(result.message || 'Операция направлена на согласование.', 'Требуется согласование');
            return;
        }
        await loadTerraformRuns();
        await loadTerraformWorkspaces();
    } catch (error) {
        alert(`Ошибка запуска: ${error.message}`);
    }
}

async function cancelTerraformRun(runId) {
    if (!await awmConfirm(`Остановить запуск Terraform ${runId}?`)) return;
    try {
        await apiCall('POST', `/api/terraform/runs/${runId}/cancel`);
        await loadTerraformRuns();
    } catch (error) {
        alert(`Ошибка остановки: ${error.message}`);
    }
}

async function viewTerraformLog(runId) {
    document.getElementById('terraform-log-modal').classList.add('active');
    const box = document.getElementById('terraform-log-content');
    box.classList.remove('log-colored');
    box.textContent = 'Загрузка...';
    try {
        const data = await apiCall('GET', `/api/terraform/runs/${runId}`);
        setTerraformLogContent(box, data.log || '');
    } catch (error) {
        box.textContent = `Ошибка загрузки лога: ${error.message}`;
        return;
    }
    if (terraformLogSocket) {
        terraformLogSocket.close();
        terraformLogSocket = null;
    }
    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
    const wsUrl = `${protocol}//${window.location.host}/api/terraform/runs/ws/${runId}`;
    terraformLogSocket = new WebSocket(wsUrl);
    terraformLogSocket.onmessage = (event) => {
        try {
            const payload = JSON.parse(event.data);
            if (payload.type === 'log') {
                appendTerraformLogChunk(box, payload.data || '');
            }
            if (payload.type === 'status') {
                loadTerraformRuns();
                loadTerraformWorkspaces();
            }
        } catch (error) {
            appendTerraformLogChunk(box, event.data || '');
        }
    };
}

function closeTerraformLogModal() {
    document.getElementById('terraform-log-modal').classList.remove('active');
    if (terraformLogSocket) {
        terraformLogSocket.close();
        terraformLogSocket = null;
    }
}

function applyTerraformRunFromNotificationUrl() {
    const runId = new URLSearchParams(window.location.search).get('run');
    if (!runId) return;
    window.setTimeout(() => {
        if (typeof viewTerraformLog === 'function') {
            viewTerraformLog(runId);
        }
    }, 350);
}

document.addEventListener('DOMContentLoaded', async () => {
    await Promise.all([
        loadTerraformWorkspaces(),
        loadTerraformRuns(),
    ]);
    onTerraformPresetChange();
    toggleCustomOutputFilePath();
    applyTerraformRunFromNotificationUrl();
});
</script>
{% endblock %}