{% extends "base.html" %}
{# M7 Phase 6B — 프로젝트 상세 페이지.
   project: ProjectRow, usage: list[AssetUsageRow], distribution: list[PackDistRow],
   preferences: list[PreferenceRow], is_active: bool
#}

{% block title %}{{ project.display_name or project.external_id }} — {{ _("AssetCacheMCP") }}{% endblock %}

{% block content %}
<section class="project-detail">
  <header class="project-header">
    <h1>{{ project.display_name or project.external_id }}</h1>
    <p class="project-meta">
      <code>{{ project.external_id }}</code>
      {% if is_active %}<span class="active-chip">{{ _("Currently active") }}</span>{% endif %}
    </p>
    <div class="project-actions">
      <a href="/projects" class="link-back">← {{ _("Back to list") }}</a>
      {% if not is_active %}
        <button hx-put="/api/active-project"
                hx-vals='{"project_id": {{ project.id }}}'
                hx-ext="json-enc"
                hx-on::after-request="location.reload()"
                type="button" class="btn-primary">
          {{ _("Set as active project") }}
        </button>
      {% endif %}
    </div>
  </header>

  <section class="project-usage">
    <h2>{{ _("Asset usage history") }}</h2>
    {% if usage %}
    <table class="usage-table">
      <thead>
        <tr>
          <th>{{ _("Asset") }}</th>
          <th>{{ _("Packs") }}</th>
          <th>{{ _("source") }}</th>
          <th>{{ _("Used at") }}</th>
          <th>{{ _("context") }}</th>
        </tr>
      </thead>
      <tbody>
        {% for u in usage %}
          <tr>
            <td><a href="/asset/{{ u.asset_id }}">{{ u.asset_path }}</a></td>
            <td>{{ u.pack_name }}</td>
            <td>{{ u.source }}</td>
            <td>{{ u.used_at | datetime }}</td>
            <td>{{ u.context or "" }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p class="usage-empty">{{ _("No assets adopted yet.") }}</p>
    {% endif %}
  </section>

  <section class="project-distribution">
    <h2>{{ _("Adopted pack distribution") }}</h2>
    {% if distribution %}
    <ul class="pack-distribution">
      {% set total_uses = namespace(value=0) %}
      {% for d in distribution %}{% set total_uses.value = total_uses.value + d.uses %}{% endfor %}
      {% set total_denom = total_uses.value if total_uses.value > 0 else 1 %}
      {% for d in distribution %}
        <li>
          <span class="pack-name">{{ d.pack_name }}</span>
          <div class="pack-bar-track">
            <div class="pack-bar" style="width: {{ (d.uses * 100 / total_denom) | round(1) }}%"></div>
          </div>
          <span class="pack-uses">{{ d.uses }} ({{ (d.uses * 100 / total_denom) | round(1) }}%)</span>
        </li>
      {% endfor %}
    </ul>
    {% else %}
    <p class="distribution-empty">{{ _("No pack distribution data.") }}</p>
    {% endif %}
  </section>

  {% include "_preference_panel.html" %}
</section>
{% endblock %}