{% extends "base.html" %}
{% block title %}{{ me.name }} — CareAgents{% endblock %}
{% block bodyclass %}page-chat{% endblock %}
{% block content %}
<main class="chat-wrap">
  <div class="chat-head">
    <div class="chat-id">
      <span class="chat-emoji">{{ persona.emoji }}</span>
      <div>
        <div class="chat-name">{{ me.name }}</div>
        <div class="chat-sub">{{ persona.name }}</div>
      </div>
    </div>
    <div class="chat-tools">
      <a class="pill" href="/home">← hub</a>
      <span class="pill pill-quiet" id="trust-pill" title="Live guardrail grade">…</span>
    </div>
  </div>

  <div class="chat-log" id="log">
    {# An outstanding import is news on every visit, not only the first. The
       greeting is where a patient looks for "did my records land?", and it
       used to be computed only for a first visit — so the one person actually
       watching for arrival was the one person never shown it (#336). #}
    {% if intake and intake.state in ("arriving", "overdue") %}
    <div class="chat-notice">
      {% if intake.state == "arriving" %}
      Your records{% if intake.provider %} from {{ intake.provider }}{% endif %}
      haven't arrived yet — imports take 5–45 minutes. Nothing below reflects
      them.
      {% else %}
      Nothing has arrived from your
      {%- if intake.provider %} {{ intake.provider }}{% endif %} connection
      {%- if intake.minutes_waiting %} in {{ intake.minutes_waiting }} minutes
      {%- endif %}. That's longer than an import usually takes. You can retry
      the connection from your home page.
      {% endif %}
    </div>
    {% endif %}
    {% if history_lost %}
    {# An outage rendered as an empty conversation, so a returning patient was
       greeted as a stranger. Say what happened instead of showing a blank
       slate that looks like a fact about them. #}
    <div class="chat-resumed">We could not load your earlier messages just now.
      Nothing has been lost — try refreshing in a moment.</div>
    {% endif %}
    {% if past %}
    {# Returning: replay what was actually said rather than greeting them as a
       stranger. The starters are for someone who hasn't asked anything yet. #}
    <div class="chat-resumed">Picking up where you left off</div>
    {% for m in past %}
    <div class="msg {{ 'user' if m.role == 'user' else 'agent' }}">
      <p>{{ m.content }}</p>
    </div>
    {% endfor %}
    {% elif summary_counts %}
    {# First visit with connected records: show real counts so the user sees
       immediate value rather than a generic capabilities list. #}
    <div class="msg agent">
      <p>Hi — I'm {{ me.name }}. I found
      <strong>{{ summary_counts.conditions }} condition{{ 's' if summary_counts.conditions != 1 else '' }}</strong>,
      <strong>{{ summary_counts.medications }} medication{{ 's' if summary_counts.medications != 1 else '' }}</strong>,
      {# "test results & measurements", not "lab results": this counts every
         Observation — vitals and wearable readings included — and the number
         is now a true total, so the label has to be true too. #}
      and <strong>{{ summary_counts.labs }} test result{{ 's' if summary_counts.labs != 1 else '' }} &amp; measurement{{ 's' if summary_counts.labs != 1 else '' }}</strong>
      in your records. Want me to walk through what they show?</p>
    </div>
    <div class="starters" id="starters">
      <button type="button" class="starter">What do my labs say?</button>
      <button type="button" class="starter">Any screenings I'm due for?</button>
      <button type="button" class="starter">What medications am I on?</button>
      <button type="button" class="starter">Fill out my intake form for a new doctor</button>
    </div>
    {% else %}
    <div class="msg agent">
      <p>Hi — I'm {{ me.name }}. I can read the health records in this space,
      explain labs in plain language, check what preventive care is due, and
      fill out your new-patient intake form — though you'll approve every line
      of that yourself.</p>
      <p>What would you like to know?</p>
    </div>
    <div class="starters" id="starters">
      <button type="button" class="starter">What do my labs say?</button>
      <button type="button" class="starter">Any screenings I'm due for?</button>
      <button type="button" class="starter">What medications am I on?</button>
      <button type="button" class="starter">Fill out my intake form for a new doctor</button>
    </div>
    {% endif %}
  </div>

  <form class="chat-input" id="composer">
    <input id="box" autocomplete="off" maxlength="2000"
           placeholder="Ask {{ me.name }} anything about the records…">
    <button class="btn-primary" id="send" type="submit">Send</button>
  </form>
</main>
<script>
window.CARE_AGENT = {{ agent_id|tojson }};
window.CARE_CONVERSATION = {{ conversation_id|tojson }};
</script>
<script src="{{ url_for('static', filename='chat.js') }}"></script>
{% endblock %}