{% extends "base.html" %}
{% block title %}Memory Detail — Fractal Memory{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Memory Detail</h1>
  <button class="btn-secondary" onclick="history.back()">← Back</button>
</div>

{% if memory %}
<div class="memory-detail-card">
  <div class="detail-header">
    <span class="lc-badge lc-{{ memory.lifecycle }}">{{ memory.lifecycle }}</span>
    <span class="mem-id">{{ memory.id }}</span>
  </div>

  <div class="zoom-levels">
    <div class="zoom-card">
      <div class="zoom-tag">L0 — Tag</div>
      <div class="zoom-content">{{ memory.l0_tag }}</div>
    </div>
    <div class="zoom-card">
      <div class="zoom-tag">L1 — Label</div>
      <div class="zoom-content">{{ memory.l1_label }}</div>
    </div>
    <div class="zoom-card">
      <div class="zoom-tag">L2 — Summary</div>
      <div class="zoom-content">{{ memory.l2_summary }}</div>
    </div>
    <div class="zoom-card zoom-card-wide">
      <div class="zoom-tag">L3 — Full Detail</div>
      <div class="zoom-content">{{ memory.l3_full }}</div>
    </div>
    <div class="zoom-card zoom-card-wide">
      <div class="zoom-tag">L4 — Raw</div>
      <div class="zoom-content zoom-content-raw">{{ memory.l4_raw }}</div>
    </div>
  </div>

  <div class="meta-grid">
    <div class="meta-item"><span class="meta-label">Domain</span><span class="meta-value">{{ memory.domain }}</span></div>
    <div class="meta-item"><span class="meta-label">Intensity</span><span class="meta-value">{{ "%.3f"|format(memory.intensity) }}</span></div>
    <div class="meta-item"><span class="meta-label">Retrieval Count</span><span class="meta-value">{{ memory.retrieval_count }}</span></div>
    <div class="meta-item"><span class="meta-label">Chronic Score</span><span class="meta-value">{{ "%.3f"|format(memory.chronic_score) }}</span></div>
    <div class="meta-item"><span class="meta-label">Created</span><span class="meta-value">{{ memory.created_at }}</span></div>
    <div class="meta-item"><span class="meta-label">Updated</span><span class="meta-value">{{ memory.updated_at }}</span></div>
  </div>

  {% if edges %}
  <div class="edges-section">
    <h3>Associations ({{ edges|length }})</h3>
    <table class="data-table">
      <thead>
        <tr><th>Connected Memory</th><th>Weight</th></tr>
      </thead>
      <tbody>
        {% for edge in edges %}
        <tr class="memory-row" onclick="window.location='/memory/{{ edge.target if edge.source == memory.id|string else edge.source }}'">
          <td class="mem-id">{{ edge.target if edge.source == memory.id|string else edge.source }}</td>
          <td>{{ "%.3f"|format(edge.weight) }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</div>
{% else %}
<div class="empty-state">Memory not found.</div>
{% endif %}
{% endblock %}