%rebase('layout', title='Dashboard')
%# The CEO briefing. Order is deliberate and inverted from the usual: the
%# sentences come first and the numbers second, because the spec's whole
%# instruction was "don't turn this into a BI dashboard".

<header class="briefing">
  <h1 class="briefing-hello">{{greeting}}{{', ' + first_name if first_name else ''}}.</h1>
  <p class="briefing-standfirst">{{standfirst}}</p>
</header>

%# Capture. Two states in one panel: the prompt, or the proposal it produced.
%# Addressed by ?review=<note_id> rather than held in the session, so a
%# refresh mid-review loses nothing.
<section class="capture" id="capture">
  %if capture['note']:
    %n = len(capture['proposal'])
    <div class="capture-head">
      <h2 class="capture-title">Scalar found {{n}} record{{'' if n == 1 else 's'}}.</h2>
      <p class="capture-sub">From “{{capture['note'].title}}”. Untick anything you don't want.</p>
    </div>
    <form method="post" action="{{url_for('capture_confirm', note_id=capture['note'].id)}}">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <ol class="ledger ledger-review">
        %for r in capture['proposal']:
          <li class="ledger-row ledger-plain">
            <span class="ledger-gutter"><b>{{r['gutter']}}</b></span>
            <span class="ledger-body">
              <span class="ledger-primary">{{r['primary']}}</span>
              <span class="ledger-secondary">{{r['secondary']}}</span>
            </span>
            <label class="ledger-pick">
              <input type="checkbox" name="record" value="{{r['key']}}" checked>
              <span class="visually-hidden">Create {{r['primary']}}</span>
            </label>
          </li>
        %end
      </ol>
      <div class="capture-actions">
        <button class="btn btn-primary" type="submit">Create {{n}} record{{'' if n == 1 else 's'}}</button>
        <a class="btn-link" href="{{url_for('note_detail', note_id=capture['note'].id)}}">Read the note</a>
      </div>
    </form>
    <form method="post" action="{{url_for('capture_discard', note_id=capture['note'].id)}}" class="capture-discard">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <button class="btn-link" type="submit">Discard the suggestions</button>
    </form>
  %else:
    <div class="capture-head">
      <h2 class="capture-title">What happened today?</h2>
      <p class="capture-sub">Paste a meeting note, an email, or a brain dump — Scalar proposes the records to keep.</p>
    </div>
    <form method="post" action="{{url_for('capture_read')}}">
      <input type="hidden" name="_csrf_token" value="{{csrf_token()}}">
      <textarea name="body" class="capture-input" rows="3" placeholder="Met with Acme today. They want the enterprise plan at around $50k/year. They need SSO before signing. João will investigate the integration and I'll send a proposal Friday."></textarea>
      <div class="capture-actions">
        <button class="btn btn-primary" type="submit">Read this</button>
        <span class="capture-hint">The text is saved either way — <a href="{{url_for('notes_list')}}">every note is kept</a>.</span>
      </div>
    </form>
  %end
</section>

<section class="briefing-section">
  %include('dashboard/_ledger', rows=attention, empty='Nothing is late and nothing has gone quiet. Enjoy it.')
</section>

<section class="snapshot">
  %for s in snapshot:
    <a class="snapshot-cell" href="{{s['url']}}">
      <span class="snapshot-value">{{s['value']}}</span>
      <span class="snapshot-label">{{s['label']}}</span>
    </a>
  %end
</section>

<div class="dash-cols">
  <section class="dash-col">
    <h2>What's changed</h2>
    %if changed:
      %for group in changed:
        <div class="changed-day">
          <div class="changed-date">{{insights.day_label(group['day'])}}</div>
          <ul class="plain-list">
            %for item in group['items']:
              <li><a href="{{item['url']}}">{{item['text']}}</a></li>
            %end
          </ul>
        </div>
      %end
    %else:
      <p class="muted">Nothing has moved in the last week.</p>
    %end
  </section>

  <section class="dash-col">
    <h2>Decisions</h2>
    %if review_decisions:
      <div class="changed-day">
        <div class="changed-date">Due for review</div>
        <ul class="plain-list">
          %for d in review_decisions:
            <li>
              <a href="{{url_for('decisions_list')}}">{{d.title}}</a>
              <span class="badge badge-{{d.status}}"><i class="dot"></i>{{status_label(d.status)}}</span>
            </li>
          %end
        </ul>
      </div>
    %end
    %if recent_decisions:
      <div class="changed-day">
        <div class="changed-date">Recently decided</div>
        <ul class="plain-list">
          %for d in recent_decisions:
            <li>
              <a href="{{url_for('decisions_list')}}">{{d.title}}</a>
              <span class="muted">{{d.decided_on.strftime('%b %-d') if d.decided_on else ''}}</span>
            </li>
          %end
        </ul>
      </div>
    %else:
      <p class="muted">No decisions recorded yet. <a href="{{url_for('decisions_list')}}">Write one down</a>.</p>
    %end
  </section>
</div>