{# M7 — Unity Asset Store 발견 패키지 표 #}
{% extends "base.html" %}
{% block title %}Unity Asset Store{% endblock %}
{% block content %}
<section class="unity-page" x-data="unityPage()" x-init="init()">
  <header class="unity-header">
    <h1>{{ _("Unity Asset Store") }}</h1>
    {% if cache_path %}
      <p class="unity-cache-path">
        {{ _("Cache path") }}: <code>{{ cache_path }}</code>
      </p>
    {% else %}
      <p class="unity-empty">{{ _("The cache path is empty. Please enter the Unity Asset Store cache path in settings.") }}</p>
    {% endif %}
    <button @click="scan()" :disabled="scanning">
      <span x-show="!scanning">{{ _("Scan cache") }}</span>
      <span x-show="scanning">{{ _("Scanning…") }}</span>
    </button>
  </header>
  {% if items %}
  {% macro sort_th(field, label, cls="") %}
    <th class="{{ cls }}">
      <a href="?sort={{ field }}&order={% if sort_field == field and sort_order == 'asc' %}desc{% else %}asc{% endif %}"
         class="sort-link{% if sort_field == field %} active{% endif %}">
        {{ label }}{% if sort_field == field %}<span class="sort-arrow"> {{ '↑' if sort_order == 'asc' else '↓' }}</span>{% endif %}
      </a>
    </th>
  {% endmacro %}
  <table class="unity-table">
    <thead>
      <tr>
        {{ sort_th("publisher", _("Publisher"), "col-publisher") }}
        {{ sort_th("category", _("Category"), "col-category") }}
        {{ sort_th("asset_name", _("Asset name"), "col-asset-name") }}
        {{ sort_th("package_size", _("Size"), "col-size") }}
        {{ sort_th("import_state", _("State"), "col-state") }}
        {{ sort_th("preview_asset_count", _("Preview"), "col-preview") }}
        {{ sort_th("first_seen_at", _("Added at"), "col-added") }}
        <th class="col-actions">{{ _("Actions") }}</th>
      </tr>
    </thead>
    <tbody id="unity-rows">
      {% for item in items %}
        {% include "_unity_package_row.html" %}
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="unity-empty">{{ _("No scanned packages. Click 'Scan cache' to search for packages.") }}</p>
  {% endif %}
</section>
<script>
function unityPage() {
  return {
    scanning: false,
    focusId: {{ focus_id | tojson if focus_id is not none else 'null' }},
    init() {
      if (this.focusId) {
        const row = document.querySelector(`[data-focus="${this.focusId}"]`);
        if (row) row.scrollIntoView({block: "center"});
      }
    },
    async scan() {
      this.scanning = true;
      try {
        await fetch("/api/unity-packages/scan", {
          method: "POST",
          headers: {"Content-Type": "application/json"},
          body: JSON.stringify({force: false}),
        });
        location.reload();
      } finally {
        this.scanning = false;
      }
    },
  };
}
</script>
{% endblock %}