{% extends "base.html" %}
{% block title %}Настройки — C5
<div class="card" id="caCard">
  <div class="row-title">Сертификат CA для телефона</div>
  <div class="row-sub" style="margin-top:8px">
    Один раз установите этот файл на телефон как
    <b>«Сертификат ЦС»</b> — и HTTPS перестанет ругаться,
    а Service Worker зарегистрируется автоматически:
  </div>
  <ol style="margin:8px 0 8px 18px;padding:0;font-size:13px;line-height:1.5">
    <li>Нажмите «Скачать CA»</li>
    <li>Откройте Настройки Android → Безопасность</li>
    <li>Шифрование и учётные данные → Установить сертификат</li>
    <li>Выберите «Сертификат ЦС» (НЕ «VPN и приложения»)</li>
    <li>Выберите <code>c5-ca.crt</code></li>
    <li>Подтвердите установку</li>
  </ol>
  <a class="btn btn-primary" href="/api/v1/system/ca"
     download="c5-ca.crt" style="margin-top:8px">Скачать CA</a>
  <div class="row-sub" style="margin-top:8px;color:#666;font-size:12px">
    Устанавливается один раз. При смене IP телефона
    переустанавливать CA не надо — он не меняется.
  </div>
</div>

{% endblock %}
{% block header %}Настройки{% endblock %}
{% block content %}

<div class="card" id="statusCard">
  <div class="loading">Загрузка…</div>
</div>

<div class="card">
  <div class="row-title">Сканер штрихкодов</div>
  <div class="row-sub" id="scannerNote">Проверка…</div>
  <button id="toggleBtn" class="btn btn-primary" style="margin-top:10px" disabled>
    Загрузка…
  </button>
  <div id="toggleMsg" class="error" hidden></div>
</div>

<div class="card" id="certCard" hidden>
  <div class="row-title">Сертификат безопасности</div>
  <div class="row-sub">
    Скачайте файл и установите его на телефоне как
    «Доверенный сертификат CA»:
    <ol style="margin:8px 0 8px 18px;padding:0;font-size:13px">
      <li>Настройки → Безопасность</li>
      <li>Шифрование и учётные данные</li>
      <li>Установить сертификат → Сертификат CA</li>
      <li>Выбрать скачанный <code>c5-api-cert.pem</code></li>
    </ol>
    После установки Chrome будет доверять этому серверу —
    и замочек станет зелёным, сканер заработает.
  </div>
  <a id="certLink" class="btn" style="margin-top:10px" download>Скачать сертификат</a>
</div>

{% endblock %}
{% block scripts %}
<script>
  let info = null;

  function secureContext() {
    return location.protocol === 'https:'
        || location.hostname === 'localhost'
        || location.hostname === '127.0.0.1';
  }

  async function refresh() {
    try {
      info = await api('/system/info');
    } catch (e) {
      document.getElementById('statusCard').innerHTML =
        '<div class="error">' + e.message + '</div>';
      return;
    }

    const sc = document.getElementById('statusCard');
    sc.innerHTML = '';
    sc.append(
      h('div', { class: 'row-title' }, 'Подключение'),
      h('div', { class: 'row-sub' },
        'IP: ' + (info.current_ip || '—') +
        ' · порт: ' + info.port +
        ' · протокол: ' + info.protocol),
      h('div', { class: 'row-sub' },
        info.ssl_enabled ? 'HTTPS включён' : 'HTTPS выключен'),
    );

    const note = document.getElementById('scannerNote');
    const btn = document.getElementById('toggleBtn');
    const certCard = document.getElementById('certCard');

    if (info.ssl_enabled) {
      note.textContent = secureContext()
        ? 'HTTPS активен. Сканер должен работать.'
        : 'HTTPS включён, но вы открываете по HTTP. ' +
          'Перезагрузите страницу по HTTPS.';
      btn.textContent = 'Отключить HTTPS';
      btn.disabled = false;
      certCard.hidden = !info.cert_exists;
      if (info.cert_exists) {
        document.getElementById('certLink').href = '/api/v1/system/cert';
      }
    } else {
      note.textContent =
        'Для работы сканера нужен HTTPS и доверенный сертификат. ' +
        'Нажмите кнопку — страница перезагрузится автоматически.';
      btn.textContent = 'Включить HTTPS';
      btn.disabled = false;
      certCard.hidden = !info.cert_exists;
      if (info.cert_exists) {
        document.getElementById('certLink').href = '/api/v1/system/cert';
      }
    }

    btn.onclick = onToggle;
  }

  async function onToggle() {
    const btn = document.getElementById('toggleBtn');
    const msg = document.getElementById('toggleMsg');
    msg.hidden = true;
    btn.disabled = true;

    const turnOn = !info.ssl_enabled;
    btn.textContent = turnOn ? 'Включаю HTTPS…' : 'Отключаю HTTPS…';

    try {
      // 1. Отправляем команду — служба перезапустится
      await api('/system/' + (turnOn ? 'enable-https' : 'disable-https'),
                { method: 'POST' });

      // 2. Обратный отсчёт 6 секунд — пока Granian перезапускается
      let seconds = 6;
      btn.textContent = 'Перезапуск службы… ' + seconds;
      const iv = setInterval(() => {
        seconds -= 1;
        if (seconds > 0) {
          btn.textContent = 'Перезапуск службы… ' + seconds;
        } else {
          btn.textContent = 'Переключаю…';
          clearInterval(iv);
        }
      }, 1000);

      // 3. Информируем пользователя про сертификат
      if (turnOn) {
        msg.textContent = 'Переход на HTTPS. Если браузер покажет '
          + 'предупреждение о сертификате — нажмите «Дополнительно» '
          + '→ «Перейти на сайт (небезопасно)».';
        msg.style.color = '#d97706';
        msg.hidden = false;
      } else {
        msg.textContent = 'Возврат на HTTP…';
        msg.style.color = '#0a7a0a';
        msg.hidden = false;
      }

      // 4. Ждём, пока служба перезапустится
      await new Promise((res) => setTimeout(res, 6500));

      // 5. Формируем целевой URL
      const ip = info.current_ip || location.hostname;
      const port = info.port;
      const proto = turnOn ? 'https' : 'http';
      const target = proto + '://' + ip + ':' + port + '/m/menu';

      // 6. Переходим. location.replace — чтобы кнопка «назад»
      //    не вернула на страницу со старым протоколом.
      location.replace(target);

    } catch (e) {
      msg.textContent = e.message;
      msg.style.color = '';
      msg.hidden = false;
      btn.disabled = false;
      btn.textContent = turnOn
        ? 'Включить HTTPS'
        : 'Отключить HTTPS';
    }
  }

  refresh();
</script>
{% endblock %}