{% extends "base.html" %}
{% block title %}{{ memory.title }}{% endblock %}

{% block topbar_back %}
<a class="btn back" href="/memory" aria-label="Back to memory" title="Back to memory"><span aria-hidden="true">←</span></a>
{% endblock %}

{% block topbar_main %}
<h1>{{ memory.title }}</h1>
<span class="sub">{{ memory.category }} · {{ memory.scope }} · {{ memory.status }}</span>
{% endblock %}

{% block content %}
<div class="pane">

  {% if said %}
  <div class="notice">{{ said }}</div>
  {% endif %}

  <div class="card card-pad card-prose">
    <p>{{ memory.body }}</p>
  </div>

  {% if memory.scope != "personal" %}
  <div class="card card-pad">
    <div class="card-head">Sharing</div>
    {% if memory.scope == "workspace" %}
    <p class="hint">Shared with your workspace. A teammate's device holds the
       text and can recall it.</p>
    <form method="post" action="/memory/{{ memory.id }}/withdraw" class="form-row">
      <input class="input" type="text" name="reason" placeholder="Why (optional)">
      <button class="btn">Ask peers to stop recalling it</button>
    </form>
    <p class="hint">Not an erasure. A device that was switched off when you
       sign this already holds the text, and no design without a central copy
       can change that.</p>
    {% else %}
    <p class="hint">On this machine only. Sharing signs the text so a
       teammate's device can check who wrote it. It is never automatic:
       joining a workspace shares nothing by itself.</p>
    <form method="post" action="/memory/{{ memory.id }}/share">
      <button class="btn">Share with the team</button>
    </form>
    {% endif %}
  </div>
  {% else %}
  <div class="card card-pad">
    <div class="card-head">Sharing</div>
    <p class="hint">Personal memory is about you rather than about a project,
       and cannot be shared with anybody. Write it as a project memory if the
       team needs it.</p>
  </div>
  {% endif %}

  <div class="card">
    <div class="card-head">Where this came from</div>
    <div class="kv"><span>Written by</span><b>{{ memory.created_by }}</b></div>
    <div class="kv"><span>Written</span><b>{{ memory.created_at }}</b></div>
    <div class="kv"><span>Confidence</span><b>{{ memory.confidence }}</b></div>
    <div class="kv"><span>How it arrived</span><b>{{ memory.source_type }}</b></div>
    {% if memory.source_refs %}
    <div class="kv"><span>Supported by</span><b>{{ memory.source_refs | join(', ') }}</b></div>
    {% endif %}
    {% if memory.expires_at %}
    <div class="kv"><span>Expires</span><b>{{ memory.expires_at }}</b></div>
    {% endif %}
    {% if memory.supersedes %}
    <div class="kv"><span>Replaces</span>
      <b><a href="/memory/{{ memory.supersedes }}">{{ memory.supersedes }}</a></b></div>
    {% endif %}
    <div class="kv"><span>File</span><b class="mono">{{ memory.file_path }}</b></div>
  </div>

  {% if attachments %}
  <div class="card">
    <div class="card-head">Attached <span class="note">{{ attachments | length }}</span></div>
    {% for file in attachments %}
    <div class="grid-row cols-events">
      <span><a href="/memory/{{ memory.id }}/attachments/{{ file.id }}">{{ file.name }}</a>
        {% if file.description %}<span class="hint">{{ file.description }}</span>{% endif %}</span>
      <span class="muted">{{ file.mime_type }}</span>
      <span class="muted">{{ (file.size_bytes / 1024) | round | int }} KB</span>
    </div>
    {% endfor %}
  </div>
  {% endif %}

  {% if memory.events %}
  <div class="card">
    <div class="card-head">What happened to it</div>
    {% for event in memory.events %}
    <div class="grid-row cols-events">
      <span>{{ event.action }}</span>
      <span class="muted">{{ event.actor }}</span>
      <span class="muted">{{ event.at }}</span>
    </div>
    {% endfor %}
  </div>
  {% endif %}

  <div class="footnote" style="margin-top:18px">
    <span class="i" aria-hidden="true">i</span>
    This is a record of something believed, not an instruction. Correct it with
    <code>flanner mem supersede</code> rather than editing the file by hand.
  </div>

</div>
{% endblock %}