{% comment %}
  Business domain chatroom templates
  ====================================
  Provides HTML <template> elements for rendering Schema.org JSON-LD messages
  in the executive boardroom context.  Register in chatroom-sample.js:

    chatroom.registerDomain({
      'ScheduleAction':    'template-business-agenda',
      'AgentMessage':      'template-business-agent-msg',
      'UserMessage':       'template-business-user-msg',
      'CommunicateAction': 'template-business-typing',
      'AcknowledgeAction': 'template-business-decision',
      '__agent_message':   'AgentMessage',
      '__user_message':    'UserMessage',
    });

  @type values match the JSON-LD data file (_data/chatroom/domain/business.json)
  where @context is declared at the document level, so individual items omit it.

  These templates override shared templates (shared.html / layouts/chatroom/shared.html)
  with business/boardroom-specific styling.  Types not listed here fall through to
  the shared templates automatically (e.g. Message, JoinAction, LeaveAction,
  InformAction, ReactAction).

  data-schema="path.to.value"      — fills element.textContent + removes [hidden]
  data-schema-avatar="id.path"     — adds chatroom__avatar--<id> CSS class + sets initials/icon
  data-schema-avatar-icon="path"   — overrides avatar with Font Awesome icon class from data
  data-schema-list="path"          — renders array as tool-result-item list
  data-schema-parent-show="path"   — removes [hidden] from this element when path has a value;
                                     used on .chatroom__tool-badge below (visible only when
                                     the JSON-LD message includes a "tool" property)
{% endcomment %}

<template id="template-business-agenda">
  <div class="chatroom__system-message chatroom__system-message--agenda">
    <span class="chatroom__agenda-label" data-schema="description" hidden></span>
    <span class="chatroom__agenda-title" data-schema="name" hidden></span>
  </div>
</template>

<template id="template-business-agent-msg">
  <div class="chatroom__message chatroom__message--ai">
    <div class="chatroom__message-row">
      <span class="chatroom__avatar"
            data-schema-avatar="sender.identifier"
            data-schema-avatar-icon="sender.icon"
            aria-hidden="true"></span>
      <div class="chatroom__message-body">
        <header class="chatroom__message-meta">
          <strong class="chatroom__author" data-schema="sender.name" hidden></strong>
          <span class="chatroom__agent-role" data-schema="sender.jobTitle" hidden></span>
          <time class="chatroom__time" data-schema="dateSent" hidden></time>
          <span class="chatroom__tool-badge" title="Tool invoked" data-schema-parent-show="tool" hidden>
            <i class="fas fa-wrench" aria-hidden="true"></i>
            <span class="chatroom__tool-badge-text" data-schema="tool"></span>
          </span>
        </header>
        <p class="chatroom__text" data-schema="text"></p>
        <ul class="chatroom__tool-results" data-schema-list="toolResults" hidden></ul>
      </div>
    </div>
  </div>
</template>

<template id="template-business-user-msg">
  <div class="chatroom__message chatroom__message--own">
    <div class="chatroom__message-row">
      <div class="chatroom__message-body">
        <header class="chatroom__message-meta">
          <strong class="chatroom__author" data-schema="sender.name" hidden></strong>
          <time class="chatroom__time" data-schema="dateSent" hidden></time>
        </header>
        <p class="chatroom__text" data-schema="text"></p>
      </div>
      <span class="chatroom__avatar chatroom__avatar--you" aria-hidden="true">You</span>
    </div>
  </div>
</template>

<template id="template-business-typing">
  <div class="chatroom__typing">
    <span class="chatroom__avatar"
          data-schema-avatar="agent.identifier"
          aria-hidden="true"></span>
    <em class="chatroom__typing-text" data-schema="description"></em>
  </div>
</template>

{% comment %} ── AcknowledgeAction override → template-business-decision ─────────
  Business-domain override for AcknowledgeAction.  Renders a formal board-
  resolution or confirmation box with a success icon, the agent's avatar,
  the confirmation text, and an optional timestamp.
  Maps: agent.identifier → avatar CSS class, agent.icon → Font Awesome icon,
        description → confirmation text, dateSent → timestamp.
{% endcomment %}
<template id="template-business-decision">
  <div class="chatroom__decision" role="status" aria-live="polite">
    <div class="chatroom__decision-row">
      <span class="chatroom__avatar chatroom__avatar--xs"
            data-schema-avatar="agent.identifier"
            data-schema-avatar-icon="agent.icon"
            aria-hidden="true"></span>
      <div class="chatroom__decision-body">
        <i class="fas fa-check-circle chatroom__decision-icon" aria-hidden="true"></i>
        <em class="chatroom__decision-text" data-schema="description" hidden></em>
        <time class="chatroom__time" data-schema="dateSent" hidden></time>
      </div>
    </div>
  </div>
</template>