{% extends "base.html" %}
{% block title %}{{ BRAND_NAME }} · Strategic Log{% endblock %}

{% block main %}
<section class="panel log-page" style="grid-column: 1 / -1;">
  <div class="panel-header">
    <span class="title">Strategic Log Archive</span>
    <span class="meta">
      selected {{ selected_iso }}
      &nbsp;·&nbsp;
      <span class="meta__hint">new logs use:</span>
      <span class="badge badge--tone-{{ current_tone | lower }}">tone {{ current_tone | lower }}</span>
      <span class="badge badge--analysis-{{ current_analysis | lower }}">analysis {{ current_analysis | lower }}</span>
    </span>
  </div>

  <div class="log-page__body">
    <aside class="log-page__cal"
           hx-get="/api/log/days?month={{ selected_month }}&selected={{ selected_iso }}"
           hx-trigger="load"
           hx-swap="innerHTML">
      <div class="empty">loading calendar…</div>
    </aside>

    <article id="log-content"
             class="log-page__content"
             hx-get="/api/log/by-date/{{ selected_iso }}?as=html"
             hx-trigger="load, tone-changed"
             hx-swap="innerHTML">
      <div class="empty">loading log…</div>
    </article>

    {% if paid %}
    <aside id="chat-sidebar" class="log-page__chat">
      <div class="chat-header">
        <span class="chat-title">Ask Cassandra</span>
        <span class="chat-hint">grounded on the latest log + live data</span>
      </div>
      <div id="chat-thread" class="chat-thread">
        <div class="chat-msg chat-msg--system">
          Ask about today's analysis. The model sees the latest strategic log,
          live market readings across all groups, and the last 24h of
          thesis-filtered headlines. Refresh wipes this conversation.
        </div>
      </div>
      <form id="chat-form" class="chat-form" autocomplete="off">
        <textarea id="chat-input" rows="2"
                  placeholder="e.g. why is the defence sleeve flat through Hormuz?"
                  required></textarea>
        <button id="chat-send" type="submit">Send</button>
      </form>
    </aside>
    {% else %}
    <aside class="log-page__chat log-page__chat--locked">
      <div class="chat-header">
        <span class="chat-title">Ask Cassandra</span>
        <span class="chat-hint">paid-tier feature</span>
      </div>
      <div class="chat-locked">
        <p>
          <strong>Follow-up chat is a paid feature.</strong>
          Ask the model a question about any past log &mdash; it sees the
          full day's context: the strategic log, live market readings, and
          the last 24 hours of thesis-filtered headlines.
        </p>
        <a class="btn-primary" href="/pricing">See pricing</a>
      </div>
    </aside>
    {% endif %}
  </div>
</section>
{% if paid %}<script src="{{ url_for('static', path='/js/chat.js') }}" defer></script>{% endif %}
{% endblock %}