%rebase('layout', title=note.title or 'Note', back_url=url_for('notes_list'))
<div class="page-header">
  <a class="page-header-back" href="{{url_for('notes_list')}}">&larr; Notes</a>
  <h1>{{note.title or 'Untitled note'}}</h1>
</div>

<div class="detail-cols">
  <div class="detail-main">
    %# The text, kept verbatim and set in the reading face. Structured records
    %# are extracted from this; they never replace it.
    <div class="note-body">{{note.body}}</div>
    %if note.tags:
      <div class="note-tags">
        %for t in note.tags.split(','):
          %t = t.strip()
          %if t:
            <span class="note-tag">{{t}}</span>
          %end
        %end
      </div>
    %end

    %if proposal:
      <h2>Waiting on you</h2>
      <p class="muted">Scalar read this note and proposed {{len(proposal)}} record{{'' if len(proposal) == 1 else 's'}}.</p>
      <p><a class="button btn btn-primary" href="{{url_for('dashboard', _query={'review': note.id})}}">Review them</a></p>
    %end

    <h2>What came out of it</h2>
    %if links:
      <ul class="plain-list">
        %for l in links:
          <li><a href="{{l['url']}}">{{l['name']}}</a> <span class="badge">{{l['label']}}</span></li>
        %end
      </ul>
    %else:
      <p class="muted">No records were created from this note.</p>
    %end
  </div>

  <div class="detail-side">
    <h2>Details</h2>
    <ul class="plain-list">
      <li>Author <span class="muted">{{note.author.name if note.author_id else 'Unknown'}}</span></li>
      <li>Date <span class="muted">{{note.occurred_on.strftime('%b %-d, %Y') if note.occurred_on else note.created_at.strftime('%b %-d, %Y')}}</span></li>
    </ul>

    <h2>Comments</h2>
    %for c in comments:
      <div class="comment">
        <div class="comment-meta"><span class="avatar">{{(c.author.name or "?")[0].upper()}}</span>{{c.author.name}} &middot; {{c.created_at.strftime('%b %d, %Y %H:%M')}}</div>
        <div class="comment-body pre-wrap">{{c.body}}</div>
        %if c.author_id == current_user().id:
          <form method="post" action="{{url_for('comment_delete', comment_id=c.id)}}" class="inline-form">
            <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
            <button class="btn-link" type="submit">Delete</button>
          </form>
        %end
      </div>
    %end
    <form method="post" action="{{url_for('comment_create')}}" class="card-form">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <input type="hidden" name="subject_type" value="note">
      <input type="hidden" name="subject_id" value="{{note.id}}">
      <textarea name="body" rows="3" placeholder="Add a comment" required></textarea>
      <button class="btn" type="submit">Comment</button>
    </form>

    <h2>Activity</h2>
    <ul class="activity-list">
      %for a in activity:
        <li><span class="activity-verb">{{a.verb}}</span> by {{a.actor.name if a.actor_id else 'someone'}} &middot; {{a.created_at.strftime('%b %d, %H:%M')}}</li>
      %end
      %if not activity:
        <li class="muted">Nothing yet.</li>
      %end
    </ul>
  </div>
</div>