{% extends "base.html" %}
{% block title %}System — Puntavia{% endblock %}

{# Независимая админка владельца СЕРВИСА: регистрации и оплаты. Свой вход
   (/system/login) и своя сессия — кабинет сюда не пускает. Тексты намеренно
   не переводятся — страницу видит только staff, а staff читает по-русски (та
   же договорённость, что у вкладки «Сервис» в настройках). Инструменты
   рассчитаны на сотни компаний: поиск, фильтры-состояния, страницы по 50,
   журнал событий. Взгляд живёт в адресе (?q=&st=&page=) и переживает
   действия — формы несут его скрытыми полями. #}

{% block head %}
<style>
.list .who-row{grid-template-columns:1.2fr 1.1fr .6fr .6fr}
.list .ev{grid-template-columns:100px 1fr 1.2fr 120px 120px}
.st{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:11.5px;white-space:nowrap}
.st.trial{background:var(--accent-soft);color:var(--accent)}
.st.active{background:var(--ok-soft);color:var(--ok)}
.st.expired{background:var(--warn-soft);color:var(--warn)}
.st.blocked{background:var(--err-soft);color:var(--err)}
.acts .formrow{align-items:flex-end}
/* тулбар: поиск и пилюли-фильтры в одну строку, на узком — переносом */
.systb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 0}
.systb .inp{max-width:280px}
.systb .st{text-decoration:none}
.systb a.st{opacity:.65}
.systb a.st:hover{opacity:1}
.systb .st.on{opacity:1;outline:1.5px solid currentColor}
.pgr{display:flex;gap:12px;align-items:center;margin-top:12px;font-size:12px;color:var(--muted)}
@media (max-width:900px){.list .who-row,.list .ev{grid-template-columns:1fr}}
/* действия в ячейке: раскрытая форма не должна сплющиваться колонкой */
.tbl .edit-body{min-width:360px}
.tbl .nm{font-size:14px}
/* заметка о компании: тёплая плашка — глаз цепляется за строку, где «оплачено»
   стоит не за деньги, а по чьему-то решению */
.conote{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:3px;
  background:var(--warn-soft);color:var(--fg);font-size:11.5px;
  font-family:var(--sans);letter-spacing:0;max-width:320px}
</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" class="on">Компании и оплаты</a>
    <a href="/system/settings">Сервис</a>
  </nav>
  {# div, не <p>: форма внутри абзаца — невалидная разметка, браузер рвёт её сам #}
  <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>
{% if err == 'purge_name' %}
<div class="note err" style="margin-top:12px">Название не совпало — компания не тронута.</div>
{% endif %}

{% macro viewargs() -%}
  <input type="hidden" name="q" value="{{ q }}">
  <input type="hidden" name="st" value="{{ st_filter }}">
  <input type="hidden" name="page" value="{{ page }}">
{%- endmacro %}
{% macro url(pg=None, st=None) -%}
  /system?q={{ q | urlencode }}&st={{ st_filter if st is none else st }}&page={{ pg or 1 }}
{%- endmacro %}

<div class="systb">
  <form method="get" action="/system" style="margin:0">
    <input type="hidden" name="st" value="{{ st_filter }}">
    <input class="inp sm" type="search" name="q" value="{{ q }}"
           placeholder="имя, почта владельца…" aria-label="Поиск">
  </form>
  {% for key, label in (('trial', 'демо'), ('expired', 'кончилось'),
                        ('blocked', 'остановлено'), ('active', 'оплачено')) %}
  {% if st_filter == key %}
  <a class="st {{ key }} on" href="{{ url(st='') }}">{{ label }} · {{ counts[key] }}</a>
  {% else %}
  <a class="st {{ key }}" href="{{ url(st=key) }}">{{ label }} · {{ counts[key] }}</a>
  {% endif %}
  {% endfor %}
</div>

<div class="card" style="margin-top:14px">
  <div class="card-h">Компании — {{ total }}{% if q or st_filter %} найдено{% endif %}</div>
  {% if not rows %}<div class="empty in-card">Ничего не нашлось.</div>{% endif %}
  {# Таблица, а не карточки: на сотнях компаний глазу нужна строка на компанию
     (владелец, 19.08: «с двумя уже можно запутаться — а если их 1000») #}
  {% if rows %}
  <div class="tbl-wrap">
  <table class="tbl">
    <thead><tr>
      <th>Компания</th><th>Владелец</th><th>Состояние</th><th>Машины</th><th></th>
    </tr></thead>
    <tbody>
    {% for r in rows %}
    <tr class="co">
      <td>
        <div class="nm">{{ r.org.name }}{% if r.org['kind'] == 'personal' %} <span class="tag">личный</span>{% endif %}</div>
        <div class="muted" style="font-size:12px">с {{ r.created }} · тариф
          {%- if r.org['plan'] in ('s','m','l') %} {{ r.org['plan'] | upper }} ·
            {{ r.org['seats'] }} машин
          {%- else %} не выбран · {{ r.org['seats'] }} машин{% endif %}</div>
        {# Заметка — прямо под названием, а не в «Действиях»: она затем и
           нужна, чтобы «оплачено» без оплаты объяснялось с одного взгляда. #}
        {% if r.org['note'] %}<div class="conote">{{ r.org['note'] }}</div>{% endif %}
      </td>
      <td>
        {% for o in r.owners %}
        <div>{{ o.email }}{% if not o.email_verified %} <span class="muted">· почта не подтверждена</span>{% endif %}</div>
        {% else %}
        <span class="muted">не назначен</span>
        {% endfor %}
      </td>
      <td>
        {% if r.state == 'trial' %}<span class="st trial">демо · {{ r.days }} дн</span>
        {% elif r.state == 'expired' %}<span class="st expired">кончилось · ещё {{ r.days }} дн</span>
        {% elif r.state == 'blocked' %}<span class="st blocked">остановлено</span>
        {% else %}<span class="st active">оплачено</span>{% endif %}
      </td>
      <td>{% if r.n_dev %}{{ r.alive }}/{{ r.n_dev }} · {{ r.seen }}{% else %}<span class="muted">нет</span>{% endif %}</td>
      <td>
        <details class="edit">
          <summary>Действия</summary>
          <div class="edit-body">
            <form class="formrow" method="post">
              <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
              <input type="hidden" name="org_id" value="{{ r.org.id }}">
              <input type="hidden" name="action" value="activate">
              {{ viewargs() }}
              <div class="field"><label>Тариф</label>
                <select class="sel sm" name="plan">
                  <option value="">оставить как есть</option>
                  {% for p in plans %}
                  <option value="{{ p.id }}">{{ p.id | upper }} — до {{ p.seats }} машин, €{{ p.eur }}/мес</option>
                  {% endfor %}
                </select>
              </div>
              <button class="btn out sm" type="submit">Оплачено — включить</button>
            </form>
            <form class="formrow" method="post" style="margin-top:8px">
              <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
              <input type="hidden" name="org_id" value="{{ r.org.id }}">
              <input type="hidden" name="action" value="extend">
              {{ viewargs() }}
              <button class="btn out sm" name="days" value="7" type="submit">Продлить демо +7 дн</button>
              <button class="btn out sm" name="days" value="30" type="submit">+30 дн</button>
            </form>
            <form class="formrow" method="post" style="margin-top:8px">
              <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
              <input type="hidden" name="org_id" value="{{ r.org.id }}">
              <input type="hidden" name="action" value="note">
              {{ viewargs() }}
              <div class="field" style="flex:1 1 260px">
                <label>Заметка <span class="hint">видна только здесь</span></label>
                <input class="inp sm" name="note" maxlength="200"
                       value="{{ r.org['note'] or '' }}"
                       placeholder="тестировщик · платит по счёту · кто контакт">
              </div>
              <button class="btn out sm" type="submit">Сохранить</button>
            </form>
            {% if r.state != 'blocked' %}
            <form class="formrow" method="post" style="margin-top:8px">
              <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
              <input type="hidden" name="org_id" value="{{ r.org.id }}">
              {{ viewargs() }}
              <button class="btn out sm danger" name="action" value="block" type="submit">Остановить приём</button>
            </form>
            {% endif %}
            {# Настоящее удаление — за второй дверью и с вписыванием названия:
               сервер сверяет его дословно, без совпадения ничего не происходит #}
            <details style="margin-top:14px">
              <summary class="hint" style="cursor:pointer;color:var(--err)">Удалить насовсем…</summary>
              <form class="formrow" method="post" style="margin-top:8px">
                <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
                <input type="hidden" name="org_id" value="{{ r.org.id }}">
                <input type="hidden" name="action" value="purge">
                {{ viewargs() }}
                <div class="field">
                  <label>Впишите точное название: <b>{{ r.org.name }}</b></label>
                  <input class="inp sm" name="confirm_name" autocomplete="off"
                         placeholder="{{ r.org.name }}">
                </div>
                <button class="btn out sm danger" type="submit">Удалить компанию и все данные</button>
              </form>
              <p class="hint" style="margin-top:6px">Стираются база, скриншоты и
                настройки компании — восстановление только из бэкапа. Учётки
                людей остаются: они могут состоять в других компаниях.</p>
            </details>
          </div>
        </details>
      </td>
    </tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
  {% endif %}
  {% if pages > 1 %}
  <div class="pgr">
    {% if page > 1 %}<a href="{{ url(pg=page-1) }}">← новее</a>{% endif %}
    <span>страница {{ page }} из {{ pages }}</span>
    {% if page < pages %}<a href="{{ url(pg=page+1) }}">старее →</a>{% endif %}
  </div>
  {% endif %}
</div>

<div class="card" style="margin-top:18px">
  <div class="card-h">События{% if q %} — по «{{ q }}»{% endif %}</div>
  {% if not events %}<div class="empty in-card">Пока тихо.</div>{% endif %}
  <ul class="list">
    {% for e in events %}
    <li class="ev">
      <div class="v muted">{{ when(e.ts) }}</div>
      <div class="v">{{ labels.get(e.kind, e.kind) }}
        {%- if e.org_id and org_names.get(e.org_id) %} <span class="muted">· {{ org_names[e.org_id] }}</span>{% endif %}</div>
      <div class="v">{{ e.note or '' }}</div>
      {# полная строка браузера — в подсказке: в колонке она не помещается,
         а при разборе «кто это лазил» нужна целиком #}
      <div class="v muted" title="{{ e.ua_full or '' }}">{{ e.ua or '' }}</div>
      <div class="v muted">{{ e.ip or '' }}</div>
    </li>
    {% endfor %}
  </ul>
</div>

<div class="card" style="margin-top:18px">
  <div class="card-h">Люди{% if q %} — по «{{ q }}»{% else %} — последние 50{% endif %}</div>
  {% if not people %}<div class="empty in-card">Никого не нашлось.</div>{% endif %}
  <ul class="list">
    {% for u in people %}
    <li class="who-row">
      <div>
        <div class="nm">{{ u.email }}{% if u.staff %} <span class="tag">staff</span>{% endif %}</div>
        <div class="v muted">{{ u.name or '' }}</div>
      </div>
      <div>
        <div class="k">зарегистрирован</div>
        <div class="v">{{ ago(u.created_at) }}{% if not u.email_verified %} <span class="muted">· почта не подтверждена</span>{% endif %}</div>
      </div>
      <div>
        <div class="k">последний вход</div>
        <div class="v">{{ ago(u.last_login) }}</div>
      </div>
      <div>
        <div class="k">компаний</div>
        <div class="v">{{ u.n_orgs }}</div>
      </div>
    </li>
    {% endfor %}
  </ul>
</div>
{% endblock %}