{% extends "base.html" %}

{% macro figure_card(item) %}
  {% set card = item.card %}
  <button
    type="button"
    class="kanban-card accent-{{ item.accent }}{% if card.conflicting %} has-conflict{% endif %}"
    data-figure-card
    data-project-path="{{ card.figure.project_path }}"
    data-title="{{ card.figure.title or 'Untitled figure' }}"
    data-project="{{ card.figure.project_title }}"
    data-kind="{{ card.figure.kind }}"
    data-action="{{ 'Incomplete item' if card.is_open_action else 'Tagged figure' }}"
    data-due="{{ card.figure.due_date or 'No due date' }}"
    data-priority="{{ ('P' ~ card.figure.priority) if card.figure.priority else 'None' }}"
    data-progress="{{ card.figure.progress }}%"
    data-checkmark="{{ 'Visible' if card.figure.checkmark_visible else 'Hidden' }}"
    data-section="{{ card.figure.section_path or '—' }}"
    data-organizer="{{ card.figure.organizer_path or '—' }}"
    data-tags="{{ card.figure.tags | join(' · ') }}"
    data-conflicting="{{ 'true' if card.conflicting else 'false' }}"
  >
    <span class="kanban-card-topline">
      <span class="card-project-mark">{{ card.figure.project_title[:2] | upper }}</span>
      <span>{{ card.figure.project_title }}</span>
      {% if card.conflicting %}
        <span class="conflict-mark" title="Multiple workflow tags">!</span>
      {% endif %}
    </span>
    <strong>{{ card.figure.title or "Untitled figure" }}</strong>
    <span class="kanban-card-meta">
      {% if card.figure.due_date %}
        <span>{{ card.figure.due_date }}</span>
      {% endif %}
      {% if card.figure.priority %}
        <span>P{{ card.figure.priority }}</span>
      {% endif %}
      {% if not card.figure.due_date and not card.figure.priority %}
        <span>{{ card.figure.kind | title }}</span>
      {% endif %}
    </span>
    {% if card.figure.organizer_path %}
      <small>{{ card.figure.organizer_path }}</small>
    {% endif %}
  </button>
{% endmacro %}

{% block content %}
  <section class="board-toolbar" aria-label="Board controls">
    <div>
      <p class="section-kicker">Workflow tag set</p>
      <form action="/selection/tag-set" method="post" class="tag-set-form">
        <input type="hidden" name="return_to" value="/board">
        <label for="tag-set-select">Board tag set</label>
        <select id="tag-set-select" name="tag_set" data-auto-submit>
          {% for tag_set in state.board.available_tag_sets %}
            <option
              value="{{ tag_set }}"
              {% if tag_set == state.board.tag_set %}selected{% endif %}
            >
              {{ tag_set }}
            </option>
          {% endfor %}
        </select>
      </form>
    </div>
    <label class="board-project-filter">
      <span>Show cards from</span>
      <select data-board-project-filter>
        <option value="all">All projects</option>
        {% for project in projects %}
          <option value="{{ project.diagnostic.path }}">
            {{ project.diagnostic.title }}
          </option>
        {% endfor %}
      </select>
    </label>
    <div class="board-summary">
      <span><strong>{{ board_card_count }}</strong> cards</span>
      <span><strong>{{ state.board.columns | length }}</strong> stages</span>
      <span>
        <strong>{{ state.board.conflicting_cards | length }}</strong> conflicts
      </span>
    </div>
  </section>

  {% for warning in state.board.warnings %}
    <div class="notice notice-warning board-notice" role="status">
      <strong>Board data note</strong>
      <span>{{ warning }}</span>
    </div>
  {% endfor %}

  {% if state.board.tag_set %}
    <section class="kanban-shell" aria-label="{{ state.board.tag_set }} board">
      <div class="kanban-board">
        {% for item in board_columns %}
          <section class="kanban-column" data-board-column>
            <header>
              <span>{{ item.column.label }}</span>
              <strong data-column-count>{{ item.cards | length }}</strong>
            </header>
            <div class="kanban-stack">
              {% for card in item.cards %}
                {{ figure_card(card) }}
              {% endfor %}
              <p class="empty-column" {% if item.cards %}hidden{% endif %}>
                No cards in this stage
              </p>
            </div>
          </section>
        {% endfor %}

        {% if service_config.dashboard.kanban_include_unassigned %}
          <section class="kanban-column kanban-unassigned" data-board-column>
            <header>
              <span>Unassigned</span>
              <strong data-column-count>{{ board_unassigned | length }}</strong>
            </header>
            <div class="kanban-stack">
              {% for card in board_unassigned %}
                {{ figure_card(card) }}
              {% endfor %}
              <p class="empty-column" {% if board_unassigned %}hidden{% endif %}>
                Every incomplete item has a {{ state.board.tag_set }} tag
              </p>
            </div>
          </section>
        {% endif %}
      </div>
    </section>
    <p class="board-footnote">
      Read-only board · Column order follows the Curio tag catalog · Select a
      card for traceable figure details
    </p>
  {% else %}
    <div class="panel empty-state empty-table">
      <span class="empty-mark" aria-hidden="true">▥</span>
      <div>
        <h3>No workflow tag set available</h3>
        <p>Add a Curio tag set to build a cross-project read-only board.</p>
      </div>
    </div>
  {% endif %}
{% endblock %}