{% extends "base.html" %}
{% block title %}System · Сервис — Puntavia{% endblock %}

{# Настройки самого сервиса: ключ теста, почта, модель и ключи, хранение.
   Жили вкладкой «Сервис» в кабинетных настройках; переехали сюда (владелец,
   20.08) — это параметры сервера, а не компании, и место им за системной
   дверью. Тексты намеренно не переводятся: страницу видит только staff, а
   staff читает по-русски (та же договорённость, что у всей админки). #}

{% block head %}
{% include "_settings_rows.html" %}
<style>
/* у списка моделей подписи длинные: не даём ему растянуть карточку */
.sel{text-overflow:ellipsis}
</style>
{% endblock %}

{% block crumb %}<span class="crumb"><span class="sep">/</span><span class="cr-here">System</span></span>{% endblock %}

{% block content %}
<div class="pagetabs">
  <nav class="subnav">
    <a href="/system">Компании и оплаты</a>
    <a href="/system/settings" class="on">Сервис</a>
  </nav>
  <div class="hint" style="display:flex;align-items:center;gap:10px">
    вход: {{ sysu.email }}
    <form method="post" action="/system/logout" style="margin:0">
      <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
      <button class="btn out sm" type="submit">Выйти</button>
    </form>
  </div>
</div>
<div class="pagewrap foldable">

{% if saved %}
<div class="note">Сохранено.</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">Закрытое тестирование</div>
    <div class="wide">
      <label for="gk">Ключ доступа
        <span class="hint">Пока задан — новую компанию заводят только по ключу;
          вход, агенты и витрина работают как обычно. Знакомым даётся одна
          ссылка: <code>https://адрес/?key=КЛЮЧ</code>. Пусто — регистрация
          открыта всем</span></label>
      <input class="inp" id="gk" type="text" name="gate_key" autocomplete="off"
             value="{{ cfgd.gate_key }}" maxlength="64">
    </div>
    <div class="wide">
      <label class="chkline">
        <input type="checkbox" name="gate_site" {{ 'checked' if cfgd.gate_site }}>
        <span>Прятать и витрину
          <span class="hint" style="display:block">Тогда ключ спрашивают ещё и
            страница продукта, приватность и загрузки. Осторожно: сайт под
            паролем не проходит проверку платёжной системы, не индексируется и
            выглядит сломанным для всех, кому дали ссылку</span></span>
      </label>
    </div>
  </div>

  {# Оплата. Ключ и секрет вебхука живут в настройках сервиса, а не в
     окружении: завести приём карт должен человек, у которого есть доступ в
     /system, не заходя на сервер по ssh. Показываются маской, как ключ ИИ. #}
  <div class="card">
    <div class="card-h">Оплата (Stripe)</div>
    <p class="sub" style="margin-bottom:10px">Карту клиент вводит на страницах
      Stripe, у нас её нет никогда. Пока ключ пуст, кнопка «Оплатить» в
      кабинете просит счёт на почту, как раньше.</p>
    {% if stripe_test %}
    {# Тестовый ключ включает компанию по карте 4242…, то есть бесплатно.
       Сказать об этом надо здесь: перепутанный режим замечают по нулю на счету
       через месяц. #}
    <div class="note warn" style="margin:0 0 12px">Ключ <b>тестовый</b>: оплата
      проходит картой 4242…, деньги не списываются. Перед приёмом настоящих
      платежей замените ключ, секрет вебхука и цены на боевые — в Stripe это
      разные наборы.</div>
    {% endif %}
    <div class="wide">
      <label for="ssk">Секретный ключ
        <span class="hint">Из кабинета Stripe → Developers → API keys.
          <code>sk_test_…</code> для проверки, <code>sk_live_…</code> для боевого</span></label>
      <input class="inp" id="ssk" type="password" name="stripe_secret"
             autocomplete="off" placeholder="sk_live_…"
             value="{{ '••••••' if cfgd.stripe_secret else '' }}">
    </div>
    <div class="wide">
      <label for="swh">Секрет вебхука
        <span class="hint">Stripe → Developers → Webhooks → адрес
          <code>{{ base_url }}/api/stripe/webhook</code>, события
          <code>checkout.session.completed</code>,
          <code>customer.subscription.*</code>, <code>invoice.paid</code>,
          <code>invoice.payment_failed</code>. Без секрета события не
          принимаются: включить оплату иначе смог бы любой</span></label>
      <input class="inp" id="swh" type="password" name="stripe_webhook_secret"
             autocomplete="off" placeholder="whsec_…"
             value="{{ '••••••' if cfgd.stripe_webhook_secret else '' }}">
    </div>
    {% for p in plans %}
    <div class="wide">
      <label for="sp{{ p.id }}">Цена тарифа «{{ p.id|upper }}» — €{{ p.eur }}/мес, до {{ p.seats }} чел.
        <span class="hint">Идентификатор цены в Stripe (<code>price_…</code>).
          Создать сразу все: <code>python tools/stripe_setup.py</code></span></label>
      <input class="inp" id="sp{{ p.id }}" type="text" name="stripe_price_{{ p.id }}"
             autocomplete="off" placeholder="price_…"
             value="{{ (cfgd.stripe_prices or {}).get(p.id, '') }}">
    </div>
    {% endfor %}
    <div class="wide">
      <label for="spc">Конфигурация кабинета подписки
        <span class="hint">Необязательно. Если в этом аккаунте Stripe живёт
          не один продукт, настройки кабинета у них общие, и клиент увидит там
          чужие тарифы. Своя заводится через API Stripe и вписывается сюда
          (<code>bpc_…</code>)</span></label>
      <input class="inp" id="spc" type="text" name="stripe_portal_config"
             autocomplete="off" placeholder="bpc_…"
             value="{{ cfgd.stripe_portal_config }}">
    </div>
    <label class="chkline" style="margin-top:10px">
      <input type="checkbox" name="stripe_tax" {{ 'checked' if cfgd.stripe_tax }}>
      <span>Считать НДС через Stripe Tax
        <span class="hint" style="display:block">Включать только после того, как
          Stripe Tax настроен в кабинете Stripe (страны регистрации). Иначе
          оплата упадёт ошибкой в момент, когда клиент ввёл карту</span></span>
    </label>
  </div>

  <div class="card">
    <div class="card-h">Почта</div>
    <div class="wide">
      <label for="su">Адрес SMTP
        <span class="hint">Без него спят код регистрации, восстановление пароля и
          отчёты письмом. Формат: <code>smtps://логин:пароль@хост:465</code> или
          <code>smtp://логин:пароль@хост:587</code> (STARTTLS). Например, Resend:
          <code>smtps://resend:КЛЮЧ@smtp.resend.com:465</code></span></label>
      <input class="inp" id="su" type="password" name="smtp_url" autocomplete="off"
             value="{{ '••••••' if cfgd.smtp_url else '' }}" placeholder="smtps://…">
    </div>
    <div class="wide">
      <label for="mf">Отправитель
        <span class="hint">Адрес в поле «От кого»; домен должен быть подтверждён у
          провайдера</span></label>
      <input class="inp" id="mf" type="text" name="mail_from"
             value="{{ cfgd.mail_from }}" placeholder="timelog@ваш-домен">
    </div>
    <div class="wide">
      <button class="btn out sm" name="do_mailtest" value="1" type="submit">
        Сохранить и отправить пробное письмо</button>
      {% if mail_test is true %}
      <p class="hint" style="color:var(--ok)">Письмо ушло на {{ sysu.email }} — проверьте ящик (и «Спам»).</p>
      {% elif mail_test is false %}
      <p class="hint" style="color:var(--err)">Не отправилось — причина в журнале сервера
        (docker logs timelog).</p>
      {% endif %}
    </div>
  </div>
  </div>

  <div class="cardcol">
  <div class="card">
    <div class="card-h">Модель и ключи</div>
    <div class="wide">
      <label for="pv">Провайдер
        {% if c.is_env_locked('ai_provider') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">«Совместимый с OpenAI» подойдёт любому сервису с
          <code>/chat/completions</code>: Gemini, DeepSeek, OpenRouter, Groq, а также
          локальным Ollama и LM Studio — тогда данные вообще никуда не уходят</span></label>
      <select class="sel" id="pv" name="ai_provider" {{ 'disabled' if c.is_env_locked('ai_provider') }}>
        <option value="anthropic" {{ 'selected' if cfgd.ai_provider != 'openai' }}>Anthropic</option>
        <option value="openai" {{ 'selected' if cfgd.ai_provider == 'openai' }}>Совместимый с OpenAI</option>
      </select>
    </div>
    <div class="wide">
      <label for="ak">Ключ API
        <span class="hint">{% if key_from_env %}Сейчас берётся из переменной окружения
          {{ 'OPENAI_API_KEY' if cfgd.ai_provider == 'openai' else 'ANTHROPIC_API_KEY' }}{% else
          %}Хранится на сервере в config.json{% endif %}</span></label>
      <input class="inp" id="ak" type="password" name="api_key" autocomplete="off"
             value="{{ '••••••' if cfgd.api_key else '' }}" placeholder="sk-...">
    </div>

    <div class="wide prov prov-openai">
      <label for="ab">Адрес совместимого API
        {% if c.is_env_locked('api_base') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">Обычно заканчивается на <code>/v1</code>. Начните печатать —
          браузер подскажет известные адреса</span></label>
      <input class="inp" id="ab" type="text" name="api_base" list="apiBases" placeholder="https://…/v1"
             value="{{ cfgd.api_base }}" {{ 'disabled' if c.is_env_locked('api_base') }}>
      <datalist id="apiBases">
        {% for url, name, note in presets %}
        <option value="{{ url }}">{{ name }} — {{ note }}</option>
        {% endfor %}
      </datalist>
    </div>
    <div class="wide prov prov-openai">
      <label for="mc">Имя модели у провайдера
        {% if c.is_env_locked('model') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">Точное имя и наличие у модели зрения смотрите в документации
          провайдера. <b>Модель без зрения примет запрос, но скриншотов не увидит</b> —
          разбор выйдет не лучше эвристики, а деньги спишутся</span></label>
      <input class="inp" id="mc" type="text" name="model_custom" value="{{ cfgd.model }}"
             placeholder="например gemini-…, qwen-…, llava" autocomplete="off"
             {{ 'disabled' if c.is_env_locked('model') }}>
    </div>

    <div class="wide prov prov-anthropic">
      <label for="md">Модель
        {% if c.is_env_locked('model') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">Цены за миллион токенов, вход/выход. Основной расход —
          картинки: они дают около 80% входных токенов, так что «Скриншотов на блок»
          ниже влияет на счёт сильнее, чем выбор модели</span></label>
      <select class="sel" id="md" name="model" {{ 'disabled' if c.is_env_locked('model') }}>
        {% for m in models %}
        <option value="{{ m.id }}" {{ 'selected' if m.id == cfgd.model }}>{{ m.label }} · {{ m.price }} — {{ m.note }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="f">
      <label for="ms">Скриншотов на блок<span class="hint">Больше — точнее и дороже</span></label>
      <input class="inp" id="ms" type="number" name="max_screenshots_per_block"
             value="{{ cfgd.max_screenshots_per_block }}" min="0" max="20">
    </div>
    <div class="f">
      <label for="am">Фоновый разбор, мин
        {% if c.is_env_locked('analyze_interval_min') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">Как часто сервер разбирает закрытые блоки всех машин</span></label>
      <input class="inp" id="am" type="number" name="analyze_interval_min"
             value="{{ cfgd.analyze_interval_min }}" min="5" max="1440"
             {{ 'disabled' if c.is_env_locked('analyze_interval_min') }}>
    </div>
    <div class="chk">
      <input type="checkbox" name="allow_signup" id="as" {{ 'checked' if cfgd.allow_signup }}>
      <label for="as">Разрешить заводить компании с сайта
        <span class="hint">Выключено — страница /register отвечает «не найдено»,
          и новых клиентов заводим только мы сами</span></label>
    </div>
    <div class="f">
      <label for="sd">Помнить вход, дней</label>
      <input class="inp" id="sd" type="number" name="session_days" value="{{ cfgd.session_days }}"
             min="1" max="365">
    </div>
  </div>
  </div>

  <div class="cardcol">
  <div class="card">
    <div class="card-h">Хранение</div>
    <div class="f">
      <label for="rd">Хранить скриншоты, дней
        {% if c.is_env_locked('retention_days') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">Старше — удаляются с диска. Блоки и саммари остаются</span></label>
      <input class="inp" id="rd" type="number" name="retention_days" value="{{ cfgd.retention_days }}"
             min="1" max="730" {{ 'disabled' if c.is_env_locked('retention_days') }}>
    </div>
    <div class="f">
      <label for="dr">Хранить записи, дней
        <span class="hint">Замеры, блоки и саммари старше этого удаляются совсем.
          Замер каждые 5 секунд — это ~17 тысяч строк в сутки с машины. 0 — не
          удалять никогда</span></label>
      <input class="inp" id="dr" type="number" name="data_retention_days"
             value="{{ cfgd.data_retention_days }}" min="0" max="3650">
    </div>
    <div class="f">
      <label>Порт сервера
        {% if c.is_env_locked('web_port') %}<span class="env">из окружения</span>{% endif %}
        <span class="hint">Меняется только перезапуском</span></label>
      <input class="inp" type="number" value="{{ cfgd.web_port }}" disabled>
    </div>
    <p class="sub" style="margin-top:8px">Файл конфигурации сервиса:
      <code>{{ config_file }}</code></p>
  </div>
  </div>
  </div>

  <div class="actions">
    <button class="btn" type="submit">Сохранить</button>
    <a class="btn out" href="/system">К компаниям</a>
  </div>
</form>
</div>
{% endblock %}

{% block scripts %}
<script>
(function(){
  // Показываем поля того провайдера, который выбран. Без JS видны оба набора —
  // это некрасиво, но не опасно: сервер всё равно берёт поля по ai_provider.
  var prov = document.getElementById('pv');
  if(!prov) return;
  function sync(){
    var openai = prov.value === 'openai';
    document.querySelectorAll('.prov-openai').forEach(function(el){ el.hidden = !openai; });
    document.querySelectorAll('.prov-anthropic').forEach(function(el){ el.hidden = openai; });
  }
  prov.addEventListener('change', sync);
  sync();
})();
</script>
{% endblock %}