{% extends "base.html" %}
{% import "_project_pulse_macros.html" as pp %}

{% block title %}Все проекты — Проектный пульт{% endblock %}
{% block page_title %}Все проекты{% endblock %}
{% block head %}<link rel="stylesheet" href="/static/project_pulse.css?v={{ asset_v }}">
<style>
  /* Строка «идея в работе» в начале таблицы проектов — инлайн, чтобы не трогать
     общий project_pulse.css (его правит другой чат). Лёгкий акцент-фон, чтобы
     отличать от проектов. */
  .pp-idea-queued-row > td { background: var(--bs-accent-wash, #f6efe9); }
  .pp-idea-queued-row .pp-row-link { font-weight: 600; }
  .pp-idea-queued-tag {
    font-size: 11px; color: var(--bs-accent-deep, #7a4630); font-weight: 600;
    background: var(--bs-paper, #fff); border: 1px solid var(--bs-line, #e3e0da);
    border-radius: 6px; padding: 0 6px; margin-left: 6px; white-space: nowrap;
  }
  .pp-idea-queued-row .pp-q-status { color: var(--bs-ok, #2e7d32); font-weight: 600; font-size: 13px; }
  .pp-idea-queued-row.pp-leaving { opacity: 0; transition: opacity .3s ease; }
  /* звезда-кнопка избранного в строках таблицы (амбер из палитры = «закреплено») */
  .pp-fav-star { border: none; background: none; cursor: pointer; padding: 2px 4px; line-height: 1;
    font-size: 17px; color: var(--bs-mute, #79838f); border-radius: var(--bs-r-sm, 6px); transition: color .15s ease; }
  .pp-fav-star:hover { color: var(--bs-warn, #b7791f); background: var(--bs-paper-2, #f2f0ec); }
  .pp-fav-star.is-on { color: var(--bs-warn, #b7791f); }
</style>
{% endblock %}

{% block sidebar_filters %}{% include "_projects_filters.html" %}{% endblock %}

{% block content %}

{% if d.error %}
  <div class="alert alert-error">{{ d.error }}</div>
{% endif %}

{% if not d.error %}

{% if d.filter_active and not d.business_groups %}
<div class="alert alert-info">Ничего не нашлось под фильтр. <a href="/projects">Сбросить</a>.</div>
{% endif %}

{# Сводка, «Деньги сейчас» и «Профитные планы» переехали на Главную (/). Здесь —
   только карта проектов по бизнесам; фильтры/фасеты живут в слоте сайдбара. #}

{# ===== Проекты по бизнесам (партиал, переиспользуется на странице бизнеса) ===== #}
{% include "_projects_list.html" %}

{% endif %}

{% endblock %}

{% block scripts %}
<script>
(function () {
  if (!window.Pulse) return;
  var P = window.Pulse;

  // оптимистичный уезд строки проекта; таймер сноса отменяется в rollback
  function removeRow(row) {
    var next = row.nextSibling, parent = row.parentNode;
    row.classList.add('pp-row-leaving', 'pp-leaving');
    var t = setTimeout(function () { if (row.parentNode) row.parentNode.removeChild(row); }, 320);
    return function rollback() {
      clearTimeout(t);
      row.classList.remove('pp-leaving', 'pp-row-leaving');
      if (!row.parentNode && parent) {
        if (next && next.parentNode === parent) parent.insertBefore(row, next);
        else parent.appendChild(row);
      }
    };
  }

  document.addEventListener('click', function (e) {
    var btn = e.target.closest ? e.target.closest('.pp-proj-act') : null;
    if (!btn) return;
    e.preventDefault();
    var slug = btn.getAttribute('data-slug');
    var action = btn.getAttribute('data-action');
    var row = btn.closest('.pp-proj-row');
    if (!row) return;
    // ВАЖНО: таймер удаления строки храним и отменяем в rollback. Иначе при
    // быстрой ошибке сервера (CSRF протух / mirror без токена за <320мс) откат
    // снимал бы только класс, а отложенное удаление ВСЁ РАВНО сносило строку —
    // красный тост «ошибка», но проект исчез из списка (ложный успех).
    var rollback = null;
    P.action({
      url: '/api/project',
      body: { slug: slug, action: action },
      optimistic: function () { rollback = removeRow(row); },
      rollback: function () { if (rollback) rollback(); },
      okMsg: action === 'done' ? 'Проект - в Реализовано' : 'Проект - в архив'
    }).catch(function () {});
  });

  // строки «идея в работе» (перенесённые в бизнес) — вернуть в идеи / в архив.
  // Тот же паттерн отката строки с отменой таймера сноса, что у проектов.
  document.addEventListener('click', function (e) {
    var btn = e.target.closest ? e.target.closest('.pp-idea-act') : null;
    if (!btn) return;
    e.preventDefault();
    var idea = btn.getAttribute('data-idea');
    var action = btn.getAttribute('data-action');
    var row = btn.closest('.pp-idea-queued-row');
    if (!row) return;
    var rollback = null;
    P.action({
      url: '/api/idea',
      body: { idea: idea, action: action },
      optimistic: function () { rollback = removeRow(row); },
      rollback: function () { if (rollback) rollback(); },
      okMsg: action === 'demote' ? 'Идея - обратно в инбокс' : 'Идея - в архив'
    }).catch(function () {});
  });

  // ---- звезда «избранное» в строках таблицы (блок избранного живёт на Главной) ----
  function rowStars(slug) {
    var row = document.querySelector('.pp-proj-row[data-slug="' + P.cssEscape(slug) + '"]');
    return row ? row.querySelectorAll('.pp-fav-toggle') : [];
  }
  function setStar(btn, on) {
    btn.classList.toggle('is-on', on);
    btn.setAttribute('data-on', on ? '0' : '1');
    btn.setAttribute('title', on ? 'Убрать из избранного' : 'В избранное');
    btn.setAttribute('aria-pressed', on ? 'true' : 'false');
  }

  document.addEventListener('click', function (e) {
    var btn = e.target.closest ? e.target.closest('.pp-fav-toggle') : null;
    if (!btn) return;
    e.preventDefault();
    var slug = btn.getAttribute('data-slug');
    var turnOn = btn.getAttribute('data-on') === '1';   // data-on = действие при клике
    P.action({
      url: '/api/project-favorite',
      body: { slug: slug, on: turnOn ? '1' : '0' },
      optimistic: function () { Array.prototype.forEach.call(rowStars(slug), function (b) { setStar(b, turnOn); }); },
      rollback: function () { Array.prototype.forEach.call(rowStars(slug), function (b) { setStar(b, !turnOn); }); },
      okMsg: turnOn ? 'Закреплено в избранном ★' : 'Убрано из избранного'
    }).catch(function () {});
  });
})();
</script>
{% endblock %}