{% extends "base.html" %}
{% block title %}{{ tr('Настройки') }} — Puntavia{% endblock %}
{% block nav_set %}on{% endblock %}

{% block head %}
{# ряды формы и сетка карточек — общие: _settings_rows.html + .cardcols из base #}
{% include "_settings_rows.html" %}
{% endblock %}

{% block crumb %}<span class="crumb"><span class="sep">/</span><span class="cr-here">{{ tr('Настройки') }}</span></span>{% endblock %}

{% block content %}
<div class="pagetabs">
  <span style="display:flex">{% with tab = 'settings' %}{% include "_tabs_team.html" %}{% endwith %}</span>
  {# Настройки самого сервиса (ключи, модель, почта, хранение) переехали в
     /system (владелец, 20.08): это параметры сервера, а не компании, и место
     им за системной дверью. Staff отсюда туда лишь провожается ссылкой. #}
  {% if is_staff %}
  <nav class="subnav"><a href="/system/settings">Сервис · /system</a></nav>
  {% endif %}
</div>
<div class="pagewrap foldable">

{% if saved %}
<div class="note">{{ tr('Сохранено. Машины подхватят параметры сбора при следующей связи — обычно в течение минуты.') }}</div>
{% endif %}

<form method="post">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">

  <div class="cardcols">
  <div class="cardcol">
  <div class="card">
    <div class="card-h">{{ tr('Компания') }}</div>
    <div class="wide">
      <label for="on">{{ tr('Название') }}
        <span class="hint">{{ tr('Видно только вам и вашим людям') }}</span></label>
      <input class="inp" id="on" type="text" name="org_name" value="{{ org.name }}" maxlength="120">
    </div>
    {# сырой ключ нужен раз в никогда — прячем за складкой, код выше
       покрывает установку целиком #}
    <details class="edit" style="padding:10px 0">
      <summary>{{ tr('Сырой ключ и его смена…') }}</summary>
      <div class="edit-body">
    <div class="wide">
      <label for="es">{{ tr('Ключ регистрации машин') }}
        <span class="hint">{{ tr('Сырьё для кода подключения. Голый ключ программе не подходит — вставляйте код выше. После первой связи агент получает личный токен, а ключ у себя стирает') }}</span></label>
      <div class="reveal">
        <input class="inp" id="es" type="password" value="{{ org['enroll_key'] }}" readonly
               autocomplete="off">
        <button class="btn out sm" type="button" id="esEye">{{ tr('Показать') }}</button>
      </div>
    </div>
    <div class="chk">
      <input type="checkbox" name="rotate_key" id="rk">
      <label for="rk">{{ tr('Сменить ключ при сохранении') }}
        <span class="hint">{{ tr('Уже подключённые машины продолжат работать — у них свои токены. Новые придётся подключать с новым ключом') }}</span></label>
    </div>
      </div>
    </details>
    <div class="wide">
      <label>{{ tr('Аватар компании') }}
        <span class="hint">{{ tr('Виден в списках и переключателе компаний — чисто украшение') }}</span></label>
      {% from "_ava.html" import avapick with context %}
      {{ avapick(org.name, org.avatar, 'org_avatar') }}
    </div>
    <div class="wide">
      <label for="olang">{{ tr('Язык компании') }}
        <span class="hint">{{ tr('На нём приходят письма-отчёты и собирается выгрузка учёта времени') }}</span></label>
      <select class="sel" id="olang" name="language">
        {% for code in langs %}
        <option value="{{ code }}" {{ 'selected' if oc['language'] == code }}>{{ lang_names[code] }}</option>
        {% endfor %}
      </select>
      {# два языка постоянно путались: письма — компании, кабинет — личный.
         Пишем прямо здесь, что кабинет следует за этим же языком, пока человек
         не выбрал себе другой (владелец, 04.09: «выбран русский, интерфейс
         английский»). #}
      <span class="hint" style="display:block;margin-top:8px">{{ tr('На нём же говорит кабинет — у всех, кто не выбрал себе другой язык глобусом в шапке. У вас сейчас — {name}.').format(name=lang_names[lang]) }}</span>
    </div>
  </div>

  <div class="card">
    <div class="card-h">{{ tr('Приватность') }}</div>
    <div class="wide">
      <label for="bl">{{ tr('Стоп-слова — по одному в строке') }}
        <span class="hint">{{ tr('Если подстрока встречается в имени процесса или заголовке окна, скриншот не делается вовсе, а заголовок заменяется на «[скрыто]». Список уезжает на все машины') }}</span></label>
      <textarea class="inp" id="bl" name="blocklist">{{ oc['blocklist'] | join('\n') }}</textarea>
    </div>
  </div>

  {# Наблюдение за рисками (Тир 1). Осознанный режим: подсвечивает
     подозрительное поведение из УЖЕ собранного (тайминг, программы, заголовки).
     Клавиши и буфер обмена не перехватываются — этого в продукте нет. #}
  <div class="card">
    <div class="card-h">{{ tr('Наблюдение за рисками') }}</div>
    <div class="chk">
      <input type="checkbox" name="risk_enabled" id="rke" {{ 'checked' if oc['risk_enabled'] }}>
      <label for="rke">{{ tr('Подсвечивать подозрительное поведение') }}
        <span class="hint">{{ tr('По умолчанию выключено. Строит сигналы из того, что уже собрано: ночная активность, время в облачных хранилищах и пересылке файлов, активность у уволенного сотрудника. Это поводы посмотреть для руководителя, а не блокировки. Клавиши и буфер обмена не перехватываются — этого в продукте нет') }}</span></label>
    </div>
    <div class="chk">
      <input type="checkbox" name="risk_notified" id="rkn" {{ 'checked' if oc['risk_notified'] }}>
      <label for="rkn">{{ tr('Сотрудники уведомлены о наблюдении') }}
        <span class="hint">{{ tr('Наблюдение молча незаконно почти везде и не то, чем стоит пользоваться. Отметьте, только если сотрудники предупреждены — этого требует и закон, и здравый смысл') }}</span></label>
    </div>
    <div class="wide">
      <label for="rkj">{{ tr('Юрисдикция') }}
        <span class="hint">{{ tr('Задаёт безопасные умолчания и текст уведомления под вашу страну. Ничего не «отпирает»: перехвата клавиш и буфера у продукта нет в принципе') }}</span></label>
      <select class="sel" id="rkj" name="risk_jurisdiction">
        <option value="eu" {{ 'selected' if oc['risk_jurisdiction'] == 'eu' }}>{{ tr('Евросоюз') }}</option>
        <option value="es" {{ 'selected' if oc['risk_jurisdiction'] == 'es' }}>{{ tr('Испания') }}</option>
        <option value="us" {{ 'selected' if oc['risk_jurisdiction'] == 'us' }}>{{ tr('США') }}</option>
        <option value="other" {{ 'selected' if oc['risk_jurisdiction'] == 'other' }}>{{ tr('Другая') }}</option>
      </select>
    </div>
    <div class="wide">
      <label for="rkl">{{ tr('Чувствительность') }}
        <span class="hint">{{ tr('Выше — сигналов больше и на меньшее. Ниже — только заметные случаи') }}</span></label>
      <select class="sel" id="rkl" name="risk_level">
        <option value="low" {{ 'selected' if oc['risk_level'] == 'low' }}>{{ tr('Низкая') }}</option>
        <option value="med" {{ 'selected' if oc['risk_level'] == 'med' }}>{{ tr('Средняя') }}</option>
        <option value="high" {{ 'selected' if oc['risk_level'] == 'high' }}>{{ tr('Высокая') }}</option>
      </select>
    </div>
    {# Нормы компании (Тир 1.5): что руководитель объявил нормой кнопкой «это
       норма» на карточке рисков. Снимаются здесь; кнопки — вне формы (fetch),
       чтобы не отправлять всю форму настроек ради одной строки. #}
    {% if oc['risk_norms'] %}
    <div class="wide">
      <label>{{ tr('Объявлено нормой') }}
        <span class="hint">{{ tr('Сигналы этого вида по этому человеку не показываются. Снять — и они вернутся') }}</span></label>
      <ul class="norms">
        {% for n in oc['risk_norms'] %}
        <li><span>{{ n.who }} — {{ tr(risk_norm_labels.get(n.kind, n.kind)) }}</span>
          <button type="button" class="linkbtn" data-norm-kind="{{ n.kind }}" data-norm-who="{{ n.who }}">{{ tr('снять') }}</button></li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}
  </div>
  </div>
  <div class="cardcol">
  <div class="card">
    <div class="card-h">{{ tr('Сбор на машинах') }}</div>
    <p class="sub" style="margin-bottom:8px">{{ tr('Эти параметры уезжают на все машины при следующей связи и перезаписывают локальные.') }}</p>
    {# Скриншоты выключены у новой компании намеренно (см. PLAN.md): в ЕС
       непрерывные снимки экрана считают несоразмерной мерой. Включение —
       осознанный шаг, поэтому со спросом. #}
    <div class="chk">
      <input type="checkbox" name="screenshot_enabled" id="se"
             {{ 'checked' if oc['screenshot_enabled'] }}
             onchange='if(this.checked &amp;&amp; !confirm({{ tr("Скриншоты выключены по умолчанию не случайно: в ЕС непрерывные снимки экрана считают несоразмерной мерой, и сотрудников придётся уведомить отдельно. ИИ-разбор работает и без них — по названиям программ и заголовкам окон. Включить съёмку?")|tojson }})) this.checked = false;'>
      <label for="se">{{ tr('Делать скриншоты') }}
        <span class="hint">{{ tr('По умолчанию выключено. Разбор работает и без них: ИИ читает названия программ и заголовки окон. Включив, предупредите сотрудников — этого требует закон и здравый смысл') }}</span></label>
    </div>
    <div class="chk">
      <input type="checkbox" name="screenshot_on_app_switch" id="ss" {{ 'checked' if oc['screenshot_on_app_switch'] }}>
      <label for="ss">{{ tr('Дополнительный скриншот при смене приложения') }}</label>
    </div>
    <div class="wide">
      <label for="sm2">{{ tr('Что делать со снимком') }}
        <span class="hint">{{ tr('«Только текст» — снимок делается, текст с него читается прямо на компьютере сотрудника, а картинка стирается и никуда не уезжает: расходы на ИИ падают в разы, а возражение «за нами подглядывают» снимается. «И то, и другое» — картинку видно в кабинете, но в модель едет текст. Распознавание работает на macOS и на Linux с tesseract; где его нет, снимок уходит картинкой') }}</span></label>
      <select class="sel" id="sm2" name="shot_mode">
        <option value="image" {{ 'selected' if oc['shot_mode'] == 'image' }}>{{ tr('Отправлять картинку') }}</option>
        <option value="text" {{ 'selected' if oc['shot_mode'] == 'text' }}>{{ tr('Только текст — картинка остаётся на машине') }}</option>
        <option value="both" {{ 'selected' if oc['shot_mode'] == 'both' }}>{{ tr('И то, и другое') }}</option>
      </select>
    </div>
    <div class="chk">
      <input type="checkbox" name="upload_shots" id="us" {{ 'checked' if oc['upload_shots'] }}>
      <label for="us">{{ tr('Присылать скриншоты на сервер') }}
        <span class="hint">{{ tr('Выключено — ИИ опирается только на приложения и заголовки окон, картинки остаются на машине') }}</span></label>
    </div>
    <div class="f">
      <label for="si">{{ tr('Интервал опроса, сек') }}</label>
      <input class="inp" id="si" type="number" name="sample_interval_sec"
             value="{{ oc['sample_interval_sec'] }}" min="2" max="60">
    </div>
    <div class="f">
      <label for="it">{{ tr('Порог простоя, сек') }}
        <span class="hint">{{ tr('Нет мыши и клавиатуры дольше — время не считается') }}</span></label>
      <input class="inp" id="it" type="number" name="idle_threshold_sec"
             value="{{ oc['idle_threshold_sec'] }}" min="30" max="1800">
    </div>
    <div class="chk">
      <input type="checkbox" name="waiting_enabled" id="we" {{ 'checked' if oc['waiting_enabled'] }}>
      <label for="we">{{ tr('Засчитывать ожидание машины') }}
        <span class="hint">{{ tr('Ввода нет, но человек ждёт компьютер: занят процессор (сборка, рендер), идёт созвон или экран меняется сам. Такое время не рвёт рабочий отрезок и видно в отчётах отдельной цифрой «ждал машину»') }}</span></label>
    </div>
    <div class="f">
      <label for="wm">{{ tr('Потолок ожидания, мин') }}
        <span class="hint">{{ tr('Дольше этого после последнего ввода ожидание не засчитывается — забытая на ночь сборка не станет работой') }}</span></label>
      <input class="inp" id="wm" type="number" name="waiting_max_min"
             value="{{ oc['waiting_max_min'] }}" min="5" max="240">
    </div>
    <details class="edit" style="padding:10px 0">
      <summary>{{ tr('Тонкая настройка съёмки…') }}</summary>
      <div class="edit-body">
    <div class="f">
      <label for="sv">{{ tr('Интервал скриншотов, сек') }}</label>
      <input class="inp" id="sv" type="number" name="screenshot_interval_sec"
             value="{{ oc['screenshot_interval_sec'] }}" min="30" max="3600">
    </div>
    <div class="f">
      <label for="sm">{{ tr('Минимальный промежуток, сек') }}<span class="hint">{{ tr('Не чаще чем раз в N') }}</span></label>
      <input class="inp" id="sm" type="number" name="screenshot_min_gap_sec"
             value="{{ oc['screenshot_min_gap_sec'] }}" min="10" max="600">
    </div>
    <div class="f">
      <label for="sw">{{ tr('Ширина картинки, px') }}<span class="hint">{{ tr('И диск, и токены') }}</span></label>
      <input class="inp" id="sw" type="number" name="screenshot_max_width"
             value="{{ oc['screenshot_max_width'] }}" min="640" max="3840">
    </div>
    <div class="f">
      <label for="sq">{{ tr('Качество JPEG') }}<span class="hint">30–85</span></label>
      <input class="inp" id="sq" type="number" name="screenshot_quality"
             value="{{ oc['screenshot_quality'] }}" min="20" max="95">
    </div>
    <div class="f">
      <label for="kd">{{ tr('Держать локально, дней') }}
        <span class="hint">{{ tr('Сколько машина хранит свои скриншоты после отправки') }}</span></label>
      <input class="inp" id="kd" type="number" name="keep_shots_days" value="{{ oc['keep_shots_days'] }}"
             min="0" max="60">
    </div>
      </div>
    </details>
  </div>
  </div>
  <div class="cardcol">
  <div class="card">
    <div class="card-h">{{ tr('ИИ-разбор') }}</div>
    <div class="chk">
      <input type="checkbox" name="ai_enabled" id="ai" {{ 'checked' if oc['ai_enabled'] }}>
      <label for="ai">{{ tr('Разбирать блоки искусственным интеллектом') }}
        <span class="hint">{{ tr('Выключено — саммари строятся по названиям приложений, скриншоты никуда не уходят') }}</span></label>
    </div>
    <div class="f">
      <label for="dl2">{{ tr('Потолок разборов в день на машину') }}</label>
      <input class="inp" id="dl2" type="number" name="ai_daily_block_limit"
             value="{{ oc['ai_daily_block_limit'] }}" min="0" max="500">
    </div>
    {# был во вкладке «Сервис», но это настройка КОМПАНИИ (ORG_KEYS):
       блок — единица разбора и отчётов, разрыв между блоками решает она #}
    <div class="f">
      <label for="sg">{{ tr('Разрыв между блоками, мин') }}
        <span class="hint">{{ tr('Пауза длиннее — начинается новый блок. Считает сервер') }}</span></label>
      <input class="inp" id="sg" type="number" name="session_gap_min" value="{{ oc['session_gap_min'] }}"
             min="2" max="120">
    </div>
  </div>

  <div class="card">
    <div class="card-h">{{ tr('Отчёты на почту') }}</div>
    {% if not mail_ready %}
    <div class="note warn" style="margin:0 0 4px">{{ tr('Почта на сервере не настроена: письма пока складываются в журнал.') }}
      {{ tr('Настройка smtp_url — в админке /system.') if is_staff else tr('Скажите нам — включим.') }}</div>
    {% endif %}
    <div class="chk">
      <input type="checkbox" name="report_weekly" id="rw" {{ 'checked' if oc['report_weekly'] }}>
      <label for="rw">{{ tr('Итог недели по понедельникам') }}
        <span class="hint">{{ tr('Часы по сотрудникам, перерывы и на что ушло время') }}</span></label>
    </div>
    <div class="chk">
      <input type="checkbox" name="report_daily" id="rd2" {{ 'checked' if oc['report_daily'] }}>
      <label for="rd2">{{ tr('Отчёт за вчерашний день') }}
        <span class="hint">{{ tr('С коротким рассказом ИИ о том, чем занимались') }}</span></label>
    </div>
    <div class="wide">
      <label for="rt">{{ tr('Кому') }}
        <span class="hint">{{ tr('Пусто — владельцу компании. Один адрес; общий ящик отдела кадров сюда подходит лучше личного') }}</span></label>
      <input class="inp" id="rt" type="email" name="report_to" value="{{ oc['report_to'] }}"
             placeholder="{{ owner_email }}" maxlength="160">
    </div>
    <div class="f">
      <label for="rh">{{ tr('Час отправки') }}
        <span class="hint">{{ tr('По времени ваших машин, а не сервера') }}</span></label>
      <input class="inp" id="rh" type="number" name="report_hour"
             value="{{ oc['report_hour'] }}" min="0" max="23">
    </div>
  </div>

  {# Оповещения — отдельно от отчётов: отчёт приходит по расписанию, а
     оповещение — когда что-то ПОШЛО НЕ ТАК. Пока одно (молчащая машина),
     карточка растёт по мере надобности. #}
  <div class="card">
    <div class="card-h">{{ tr('Оповещения') }}</div>
    <p class="sub" style="margin-bottom:6px">{{ tr('Письмо, когда что-то пошло не так — на тот же адрес, что и отчёты.') }}</p>
    <div class="chk">
      <input type="checkbox" name="notify_silent" id="nsl" {{ 'checked' if oc['notify_silent'] }}>
      <label for="nsl">{{ tr('Когда машина замолчала') }}
        <span class="hint">{{ tr('Агент могли закрыть на самом компьютере — на сервере это иначе видно только в дашборде. Одно письмо на эпизод, повтор — когда машина замолчит снова') }}</span></label>
    </div>
    <div class="f">
      <label for="nsh">{{ tr('Порог, часов') }}
        <span class="hint">{{ tr('Молчит дольше — уходит письмо') }}</span></label>
      <input class="inp" id="nsh" type="number" name="notify_silent_hours"
             value="{{ oc['notify_silent_hours'] }}" min="1" max="168">
    </div>
  </div>

  {# Подписка — только у владельца (право billing). Своих экранов оплаты у нас
     нет намеренно: карта, счета и отмена живут в кабинете Stripe, там же, где
     платили. Карточка показывает состояние и уводит туда одной кнопкой. #}
  {% if can('billing') and (pay_card or has_sub) %}
  <div class="card">
    <div class="card-h wsum">{{ tr('Подписка') }}
      <span class="cnt">{{ tr('Тариф «{name}»').format(name=plan_info.id|upper) }}</span></div>
    <p class="sub" style="margin-bottom:10px">
      {% if plan[0] == 'active' %}{{ tr('Оплачено: €{eur} в месяц, до {n} человек. Счета приходят на почту от Stripe.').format(eur=plan_info.eur, n=plan_info.seats) }}
      {% elif plan[0] == 'trial' %}{{ tr('Демо: осталось {n} дн. Карта нужна, только чтобы продолжить.').format(n=plan[1]) }}
      {% else %}{{ tr('Демо кончилось. Оплата включает разбор и скриншоты обратно, вместе со всей историей.') }}{% endif %}
    </p>
    {# Вся страница — одна форма настроек, а форму в форму вкладывать нельзя:
       браузер выбрасывает внутреннюю и кнопка отправляет НАСТРОЙКИ. Поэтому
       кнопки привязаны атрибутом form= к пустым формам внизу страницы — тот же
       приём, что у «Удалить компанию». #}
    <div class="row" style="gap:8px;flex-wrap:wrap">
      {% if has_sub %}
      <button class="btn out sm" type="submit" form="billPortal">{{ tr('Карта, счета и отмена') }}</button>
      {% endif %}
      {% if pay_card and plan[0] != 'active' %}
      <button class="btn sm" type="submit" form="billPay">{{ tr('Оплатить картой') }}</button>
      {% endif %}
    </div>
  </div>
  {% endif %}

  {# Права на свои данные — не «раздел для юристов», а карточки в общем ряду.
     Стоят в самом низу и только у владельца: удаление отменить нельзя. #}
  {% if can('delete_org') %}
  <div class="card">
    <div class="card-h">{{ tr('Ваши данные') }}</div>
    <p class="sub" style="margin-bottom:10px">{{ tr('Всё, что о вашей компании хранится на сервере, можно забрать одним файлом или удалить насовсем.') }}</p>
    <div class="wide">
      <label>{{ tr('Выгрузить всё') }}
        <span class="hint">{{ tr('ZIP: база (машины, сотрудники, замеры, блоки, итоги дней), профиль сбора и скриншоты, если съёмка была включена. Открывается без нас — обычной программой для SQLite') }}</span></label>
      <a class="btn out sm" href="/settings/export.zip" style="margin-top:8px">{{ tr('Скачать архив') }}</a>
    </div>
  </div>

  {# Та же форма карточки, что у всех: раньше стояла отдельной формой под
     сеткой и растягивалась во весь экран. Вкладывать форму в форму нельзя,
     поэтому поле и кнопка привязаны к пустой форме #delOrg внизу страницы
     атрибутом form= — сохранение настроек их не отправляет. #}
  <div class="card">
    <div class="card-h">{{ tr('Удалить компанию') }}</div>
    <p class="sub" style="margin-bottom:10px">{{ tr('Сразу и без корзины: записи, настройки и все скриншоты. Машины перестанут приниматься, доступ закроется у всех. Чтобы подтвердить, впишите название компании — «вы уверены?» нажимают не глядя, а название переписывают осознанно.') }}</p>
    {% if deleted == 'mismatch' %}
    <div class="note err">{{ tr('Название не совпало — ничего не удалено.') }}</div>
    {% endif %}
    <div class="formrow">
      <div class="field" style="flex:2 1 200px">
        <label for="confirm">{{ tr('Название компании') }}</label>
        <input class="inp sm" id="confirm" name="confirm" form="delOrg" autocomplete="off"
               placeholder="{{ org.name }}">
      </div>
      <button class="btn danger sm" type="submit" form="delOrg">{{ tr('Удалить навсегда') }}</button>
    </div>
  </div>
  {% endif %}

  </div>
  </div>

  <div class="actions">
    <button class="btn" type="submit">{{ tr('Сохранить') }}</button>
    <a class="btn out" href="/">{{ tr('К сводке') }}</a>
  </div>
</form>

{% if can('delete_org') %}
{# Пустые формы для кнопок подписки: см. комментарий у карточки «Подписка» #}
<form method="post" action="/billing/portal" id="billPortal" style="display:none">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
</form>
<form method="post" action="/billing/checkout" id="billPay" style="display:none">
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
</form>

<form method="post" action="/settings/delete" id="delOrg"
      onsubmit='return confirm({{ tr("Удалить компанию со всеми данными? Это нельзя отменить.")|tojson }})'>
  <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
</form>
{% endif %}
</div>
{% endblock %}

{% block scripts %}
<script>
(function(){
  document.addEventListener('click', e => {
    const b = e.target.closest('button[data-norm-kind]');
    if(!b) return;
    fetch('/api/risk/norm', {method:'POST',
      headers:{'Content-Type':'application/json', 'X-CSRF-Token': CSRF},
      body: JSON.stringify({kind: b.dataset.normKind, who: b.dataset.normWho, remove: true})})
      .then(r => { if(r.ok){ const li = b.closest('li'); li && li.remove(); } });
  });
})();
</script>
<script>
(function(){
  var input = document.getElementById('es');
  var eye = document.getElementById('esEye');
  if(input && eye){
    eye.addEventListener('click', function(){
      var hidden = input.type === 'password';
      input.type = hidden ? 'text' : 'password';
      eye.textContent = hidden ? {{ tr('Скрыть')|tojson }} : {{ tr('Показать')|tojson }};
    });
  }
})();
</script>
{% endblock %}