{% extends "base.html" %}

{% block title %}Бэклог - Проектный пульт{% endblock %}
{% block page_title %}Бэклог{% endblock %}
{% block head %}<link rel="stylesheet" href="/static/project_pulse.css?v={{ asset_v }}">
<style>
  /* Страница «Бэклог»: хвосты живых проектов + проекты-в-бэклоге. Инлайн-стили,
     чтобы не трогать общий project_pulse.css. Всё на токенах ДС, mobile-first. */
  .pp-bl-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
  .pp-bl-total { font-size: 12px; font-weight: 600; color: var(--bs-mute, #79838f);
    background: var(--bs-paper-2, #f2f0ec); border-radius: var(--bs-r-pill, 999px); padding: 1px 9px; }
  .pp-bl-hint { font-size: 13px; color: var(--bs-mute, #79838f); margin: 0 0 14px; }
  .pp-bl-group-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
  .pp-bl-name { font-weight: 600; color: var(--bs-ink, #2c2933); text-decoration: none; }
  .pp-bl-name:hover { text-decoration: underline; }
  .pp-bl-biz { font-size: 12px; color: var(--bs-mute, #79838f); }
  .pp-bl-count { font-size: 12px; font-weight: 600; color: var(--bs-mute, #79838f);
    background: var(--bs-paper-2, #f2f0ec); border-radius: var(--bs-r-pill, 999px); padding: 1px 8px; }
  .pp-bl-todo { display: flex; flex-direction: column; gap: 8px; }
  .pp-bl-todo a { color: var(--bs-ink, #2c2933); text-decoration: none; font-weight: 600; }
  .pp-bl-todo a:hover { text-decoration: underline; }
  .pp-bl-empty { color: var(--bs-mute, #79838f); font-size: 14px; }
</style>{% endblock %}

{% block content %}
{% if d.error %}
<div class="card mb-16"><div class="pp-bl-empty">{{ d.error }}</div></div>
{% else %}

<div class="pp-bl-head">
  <span class="pp-bl-total">хвостов: {{ d.tails_total }}</span>
  <span class="pp-bl-total">проектов с хвостами: {{ d.groups|length }}</span>
</div>
<p class="pp-bl-hint">Разделы «Бэклог / дальше» из карточек живых проектов - что решено
делать дальше, но ещё не взято в работу. Источник - projects/&lt;слаг&gt;.md.</p>

{% for g in d.groups %}
<div class="card mb-16">
  <div class="card-title pp-bl-group-head">
    <a class="pp-bl-name" href="/p/{{ g.slug }}">{{ g.name }}</a>
    <span class="pp-bl-biz">{{ g.business_ru }}</span>
    <span class="pp-bl-count">{{ g.tails }}</span>
  </div>
  <div class="pp-md">{{ g.backlog_html|safe }}</div>
</div>
{% else %}
<div class="card mb-16"><div class="pp-bl-empty">Хвостов нет - все карточки без раздела «Бэклог / дальше».</div></div>
{% endfor %}

<div class="card">
  <div class="card-title">Проекты в статусе «бэклог» ({{ d.todo_projects|length }})</div>
  {% if d.todo_projects %}
  <div class="pp-bl-todo">
    {% for p in d.todo_projects %}
    <div><a href="/p/{{ p.slug }}">{{ p.name }}</a> <span class="pp-bl-biz">{{ p.business_ru }}</span></div>
    {% endfor %}
  </div>
  {% else %}
  <div class="pp-bl-empty">Пусто - ни одного проекта в статусе «бэклог».</div>
  {% endif %}
</div>

{% endif %}
{% endblock %}