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

{% block title %}Настройки мониторинга - AWM{% 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">{{ ui_icon('sliders') }}</span>
            <div>
                <h2 class="ui-page-header__title">Настройки мониторинга</h2>
                <p class="ui-page-header__subtitle">Политика доступа: кто может добавлять хосты, личные и командные хосты.
                    Дополнительно действуют права роли в разделе «Роли».</p>
            </div>
        </div>
        <div class="ui-page-header__actions">
            <a href="/monitoring" class="btn btn-secondary">{{ ui_icon('arrow-left') }}К мониторингу</a>
        </div>
    </div>

    <div id="monitoring-settings-loading" class="loading">Загрузка...</div>
    <form id="monitoring-settings-form" style="display:none;">
        <section class="card" style="padding:16px;margin-bottom:16px;">
            <h3 style="margin-top:0;">Типы хостов</h3>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
                <input type="checkbox" id="ms-allow-personal" checked>
                Разрешить личные хосты
            </label>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
                <input type="checkbox" id="ms-allow-group" checked>
                Разрешить командные хосты (привязка к группе)
            </label>
            <div class="form-group" style="margin-top:12px;max-width:320px;">
                <label for="ms-default-scope">Тип по умолчанию при создании</label>
                <select id="ms-default-scope" class="form-control">
                    <option value="personal">Личный</option>
                    <option value="group">Командный</option>
                </select>
            </div>
        </section>

        <section class="card" style="padding:16px;margin-bottom:16px;">
            <h3 style="margin-top:0;">Системные оповещения</h3>
            <p style="font-size:13px;color:var(--gray-600);">
                Отправка в <strong>интеграции</strong> (Администрирование → Интеграции) и пользователям с включёнными личными оповещениями.
                Включите события <code>monitoring_*</code> в интеграциях.
            </p>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:8px;">
                <input type="checkbox" id="mn-system-enabled" checked>
                Системные оповещения включены
            </label>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
                <input type="checkbox" id="mn-system-integrations" checked>
                Дублировать в интеграции (Telegram, webhook и т.д.)
            </label>
            <div class="form-row" style="margin-bottom:12px;">
                <div class="form-group">
                    <label for="mn-cooldown">Пауза между повторами (мин)</label>
                    <input type="number" id="mn-cooldown" class="form-control" min="0" value="15">
                </div>
            </div>
            <p style="font-size:13px;font-weight:600;margin:0 0 8px;">События</p>
            <div id="mn-system-events" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-bottom:12px;"></div>
            <p style="font-size:13px;font-weight:600;margin:0 0 8px;">Пороги (%)</p>
            <div id="mn-system-thresholds" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;"></div>
        </section>

        <section class="card" style="padding:16px;margin-bottom:16px;">
            <h3 style="margin-top:0;">Хранение метрик</h3>
            <p style="font-size:13px;color:var(--gray-600);margin:0 0 12px;">
                Срок хранения сырых точек (<code>monitoring_metric_samples</code>) в активном backend
                (основная БД или ClickHouse). При сохранении значение записывается в настройки приложения
                и в переменную окружения <code>MONITORING_RETENTION_DAYS</code> (файл окружения и текущий процесс).
            </p>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:10px;">
                <input type="radio" name="ms-retention-mode" id="ms-retention-days-mode" value="days" checked>
                Хранить не дольше
            </label>
            <div class="form-group" style="max-width:200px;margin:0 0 12px 24px;">
                <input type="number" id="ms-retention-days" class="form-control" min="1" max="3650" value="30">
                <small class="form-hint">дней, затем автоудаление</small>
            </div>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
                <input type="radio" name="ms-retention-mode" id="ms-retention-permanent-mode" value="permanent">
                Хранить постоянно (без автоудаления)
            </label>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
                <input type="checkbox" id="ms-retention-update-env" checked>
                Записать в файл окружения (<span id="ms-retention-env-path">awm.env</span>)
            </label>
            <p id="ms-retention-status" style="font-size:13px;color:var(--gray-600);margin:0 0 12px;"></p>
            <p id="ms-retention-env-detail" style="font-size:12px;color:var(--gray-500);margin:0;"></p>
        </section>

        <section class="card" style="padding:16px;margin-bottom:16px;">
            <h3 style="margin-top:0;">Выгрузка и очистка метрик</h3>
            <p style="font-size:13px;color:var(--gray-600);margin:0 0 12px;">
                Перед освобождением места выгрузите данные в файл. Очистка необратима.
            </p>
            <div class="form-row" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;">
                <div class="form-group">
                    <label for="ms-export-agent">Хост (агент)</label>
                    <select id="ms-export-agent" class="form-control">
                        <option value="">Все хосты</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="ms-export-from">Период с</label>
                    <input type="datetime-local" id="ms-export-from" class="form-control">
                </div>
                <div class="form-group">
                    <label for="ms-export-to">Период по</label>
                    <input type="datetime-local" id="ms-export-to" class="form-control">
                </div>
                <div class="form-group">
                    <label for="ms-export-format">Формат</label>
                    <select id="ms-export-format" class="form-control">
                        <option value="csv">CSV</option>
                        <option value="json">JSON</option>
                    </select>
                </div>
            </div>
            <div style="display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;">
                <button type="button" class="btn btn-secondary btn-sm" id="ms-export-btn">Выгрузить метрики</button>
                <button type="button" class="btn btn-danger btn-sm" id="ms-purge-btn">Очистить за период</button>
            </div>
            <span id="ms-export-status" style="font-size:13px;color:var(--gray-600);"></span>
        </section>

        <section class="card" style="padding:16px;margin-bottom:16px;">
            <h3 style="margin-top:0;">ClickHouse (time-series)</h3>
            <p style="font-size:13px;color:var(--gray-600);margin:0 0 12px;">
                Для большого числа хостов и миллионов точек метрик. Агенты, политика и оповещения остаются в основной БД;
                только сырые <code>monitoring_metric_samples</code> пишутся в ClickHouse.
            </p>
            <label style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
                <input type="checkbox" id="ms-ch-enabled">
                Включить ClickHouse для метрик
            </label>
            <div id="ms-ch-connectivity" class="form-hint" style="margin:0 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);">
                <div><strong>Доступность:</strong> <span id="ms-ch-connectivity-text">не проверено</span></div>
                <div id="ms-ch-migration-text" style="margin-top:6px;display:none;"></div>
            </div>
            <div class="form-row" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;">
                <div class="form-group">
                    <label for="ms-ch-host">Хост</label>
                    <input type="text" id="ms-ch-host" class="form-control" value="127.0.0.1">
                </div>
                <div class="form-group">
                    <label for="ms-ch-port">Порт HTTP</label>
                    <input type="number" id="ms-ch-port" class="form-control" min="1" value="8123">
                </div>
                <div class="form-group">
                    <label for="ms-ch-database">База</label>
                    <input type="text" id="ms-ch-database" class="form-control" value="awm">
                </div>
                <div class="form-group">
                    <label for="ms-ch-user">Пользователь</label>
                    <input type="text" id="ms-ch-user" class="form-control" value="default">
                </div>
                <div class="form-group">
                    <label for="ms-ch-password">Пароль</label>
                    <input type="password" id="ms-ch-password" class="form-control" placeholder="без изменений">
                </div>
            </div>
            <label style="display:flex;align-items:center;gap:8px;margin:10px 0;">
                <input type="checkbox" id="ms-ch-secure">
                TLS (HTTPS)
            </label>
            <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
                <button type="button" class="btn btn-secondary btn-sm" id="ms-ch-test-btn">Проверить подключение</button>
                <span id="ms-ch-status" style="font-size:13px;color:var(--gray-600);"></span>
            </div>
        </section>

        <section class="card" style="padding:16px;margin-bottom:16px;">
            <h3 style="margin-top:0;">Права ролей</h3>
            <p style="font-size:13px;color:var(--gray-600);">
                read — просмотр; add_hosts — регистрация; manage_* — управление; manage_all — все хосты;
                notifications — личные оповещения по доступным хостам.
            </p>
            <div id="monitoring-settings-roles" style="overflow:auto;"></div>
        </section>

        <div style="display:flex;gap:10px;">
            <button type="submit" class="btn btn-primary">Сохранить</button>
            <a href="/monitoring" class="btn btn-secondary">Отмена</a>
        </div>
    </form>
</div>
<script src="/static/js/monitoring_settings.js?v=20261024a"></script>
{% endblock %}