@extends('layouts.main')

@section('title', 'Mission Control')
@section('breadcrumb-item', 'Dashboard')
@section('breadcrumb-item-active', 'Mission Control')

@section('css')
<style>
/* ═══════════════════════════════════════════
   MISSION CONTROL – CUSTOM STYLES
   Uses Light Able template components + BS5
═══════════════════════════════════════════ */

/* Offset main content for fixed chat panel on xxl */
@media (min-width: 1400px) { .mc-offset { margin-right: 330px; } }

/* ── KPI accent strip ── */
.mc-kpi { position: relative; overflow: hidden; }
.mc-kpi::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--bs-primary); }
.mc-kpi.mc-green::before  { background: var(--bs-success); }
.mc-kpi.mc-amber::before  { background: var(--bs-warning); }
.mc-kpi.mc-purple::before { background: #a78bfa; }
.mc-spark { height: 34px; margin-top: 8px; line-height: 0; }
.mc-spark svg { display: block; }

/* ── Entity switcher ── */
.mc-ent-btn {
  font-size: 11px; padding: 4px 12px; border-radius: 20px;
  display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
  border: 1px solid var(--bs-border-color); background: transparent;
  color: var(--bs-secondary-color); transition: all .15s; white-space: nowrap;
}
.mc-ent-btn:hover { border-color: var(--bs-secondary-color); color: var(--bs-body-color); }
.mc-ent-btn.active { background: rgba(var(--bs-primary-rgb),.1); color: var(--bs-primary); border-color: var(--bs-primary); }
.mc-ent-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }

/* ── Pipeline ── */
.mc-stage-row { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.mc-stage-nm  { font-size:11px; color:var(--bs-secondary-color); width:115px; flex-shrink:0; font-family:monospace; }
.mc-stage-ct  { font-size:11px; font-family:monospace; color:var(--bs-secondary-color); width:28px; text-align:right; flex-shrink:0; }

/* ── Physician rows ── */
.mc-phys-row {
  display:flex; align-items:center; gap:10px; padding:8px 10px;
  border-radius:8px; cursor:pointer; transition:background .15s;
  margin-bottom:4px; border:1px solid transparent;
}
.mc-phys-row:hover { background:var(--bs-tertiary-bg,rgba(0,0,0,.03)); border-color:var(--bs-border-color); }

/* ── Tier & risk chips ── */
.mc-tier { font-size:9px; padding:2px 7px; border-radius:12px; font-weight:600; white-space:nowrap; line-height:1.5; }
.mc-vip    { background:rgba(245,158,11,.15);  color:#92400e; }
.mc-plat   { background:rgba(167,139,250,.15); color:#5b21b6; }
.mc-gold   { background:rgba(34,197,94,.12);   color:#14532d; }
.mc-silver { background:rgba(148,163,184,.12); color:var(--bs-secondary-color); }
.mc-risk   { font-size:9px; padding:2px 7px; border-radius:12px; font-weight:600; white-space:nowrap; background:rgba(239,68,68,.1); color:#991b1b; }

/* ── Queue items ── */
.mc-qi { border:1px solid var(--bs-border-color); border-radius:8px; padding:12px; margin-bottom:10px; transition:border-color .15s; }
.mc-qi:last-child { margin-bottom:0; }
.mc-qi:hover { border-color:rgba(var(--bs-primary-rgb),.4); }
.mc-qi.mc-done { opacity:.35; pointer-events:none; }
.mc-qdraft { font-size:11px; color:var(--bs-secondary-color); font-style:italic; line-height:1.55; margin:5px 0 8px; border-left:2px solid var(--bs-border-color); padding-left:8px; }

/* ── Agent rows ── */
.mc-agent-row { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--bs-border-color); }
.mc-agent-row:last-child { border-bottom:none; }
.mc-agent-icon { width:30px; height:30px; border-radius:6px; background:var(--bs-tertiary-bg,#f8f9fa); display:flex; align-items:center; justify-content:center; flex-shrink:0; }

/* ── Cross-sell mini cards ── */
.mc-cs-card { background:var(--bs-tertiary-bg,#f8f9fa); border-radius:8px; padding:12px; }

/* ── Chat panel (fixed right) ── */
.mc-chat-panel {
  position:fixed; top:60px; right:0; bottom:0; width:320px;
  background:var(--bs-card-bg,#fff); border-left:1px solid var(--bs-border-color);
  display:flex; flex-direction:column; overflow:hidden; z-index:1039;
}
@media (max-width:1399px) { .mc-chat-panel { display:none !important; } }
.mc-chat-panel.mc-chat-open {
  display:flex !important;
  position:fixed; top:60px !important; right:0; bottom:0;
  width:320px; max-width:100%; z-index:1055;
}
.mc-chat-msgs {
  flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:8px;
  scrollbar-width:thin; scrollbar-color:var(--bs-border-color) transparent;
}
.mc-bubble-user { background:rgba(var(--bs-primary-rgb),.1); border:1px solid rgba(var(--bs-primary-rgb),.2); border-radius:8px; padding:8px 10px; font-size:12px; line-height:1.5; align-self:flex-end; max-width:90%; }
.mc-bubble-ai   { background:var(--bs-tertiary-bg,#f8f9fa); border:1px solid var(--bs-border-color); border-radius:8px; padding:8px 10px; font-size:12px; line-height:1.5; }
.mc-msg-data     { background:var(--bs-secondary-bg,#e9ecef); border:1px solid var(--bs-border-color); border-radius:6px; padding:8px 10px; font-size:10px; font-family:monospace; margin-top:4px; }
.mc-msg-data-row { display:flex; justify-content:space-between; padding:2px 0; border-bottom:1px solid var(--bs-border-color); }
.mc-msg-data-row:last-child { border-bottom:none; }
.mc-typing { display:flex; gap:4px; padding:8px 10px; background:var(--bs-tertiary-bg,#f8f9fa); border:1px solid var(--bs-border-color); border-radius:8px; width:fit-content; }
.mc-typing span { width:5px; height:5px; border-radius:50%; background:var(--bs-secondary-color); animation:mcBounce 1.2s infinite; }
.mc-typing span:nth-child(2){animation-delay:.2s} .mc-typing span:nth-child(3){animation-delay:.4s}
@keyframes mcBounce{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.mc-quick-btn { font-size:11px; padding:6px 9px; border-radius:6px; text-align:left; width:100%; background:var(--bs-tertiary-bg,#f8f9fa); border:1px solid var(--bs-border-color); color:var(--bs-secondary-color); cursor:pointer; transition:all .15s; line-height:1.4; }
.mc-quick-btn:hover { border-color:var(--bs-primary); color:var(--bs-primary); background:rgba(var(--bs-primary-rgb),.05); }

/* ── Mobile FAB ── */
.mc-chat-fab { position:fixed; bottom:24px; right:24px; width:48px; height:48px; border-radius:50%; z-index:1040; padding:0; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(var(--bs-primary-rgb),.4); }

/* ── Filter chips ── */
.mc-chip { font-size:10px; font-family:monospace; padding:3px 12px; border-radius:20px; border:1px solid var(--bs-border-color); background:transparent; color:var(--bs-secondary-color); cursor:pointer; transition:all .15s; white-space:nowrap; }
.mc-chip:hover { border-color:var(--bs-primary); color:var(--bs-primary); }
.mc-chip.active { background:rgba(var(--bs-primary-rgb),.1); color:var(--bs-primary); border-color:rgba(var(--bs-primary-rgb),.3); }
.mc-days-ok   { color:var(--bs-success); font-family:monospace; }
.mc-days-warn { color:var(--bs-warning); font-family:monospace; }
.mc-days-bad  { color:var(--bs-danger);  font-family:monospace; }
.mc-ltv-val   { color:var(--bs-primary); font-family:monospace; font-weight:500; }

/* ── Modal extras ── */
.mc-ai-summary { font-size:11px; color:var(--bs-secondary-color); line-height:1.65; padding:10px 12px; background:var(--bs-tertiary-bg,#f8f9fa); border-radius:6px; border-left:3px solid var(--bs-primary); font-style:italic; }
.mc-timeline { position:relative; padding-left:20px; }
.mc-timeline::before { content:''; position:absolute; left:5px; top:6px; bottom:0; width:1px; background:var(--bs-border-color); }
.mc-tl-item  { display:flex; gap:10px; margin-bottom:16px; position:relative; }
.mc-tl-dot   { width:11px; height:11px; border-radius:50%; flex-shrink:0; margin-left:-20px; margin-top:3px; position:relative; z-index:1; }
.mc-tl-title { font-size:12px; font-weight:500; }
.mc-tl-date  { font-size:10px; color:var(--bs-secondary-color); font-family:monospace; }
.mc-tl-detail{ font-size:11px; color:var(--bs-secondary-color); font-family:monospace; margin-top:1px; line-height:1.45; }
.mc-flow-bar { height:4px; background:var(--bs-tertiary-bg,#e9ecef); border-radius:2px; margin-top:8px; overflow:hidden; }
.mc-flow-fill{ height:100%; border-radius:2px; background:var(--bs-success); }
.mc-kv-row  { display:flex; justify-content:space-between; align-items:baseline; padding:5px 0; border-bottom:1px solid var(--bs-border-color); gap:12px; }
.mc-kv-row:last-child{ border-bottom:none; }
.mc-kv-key  { font-size:11px; color:var(--bs-secondary-color); font-family:monospace; flex-shrink:0; }
.mc-kv-val  { font-size:11px; color:var(--bs-body-color); text-align:right; }
.mc-sec-ttl { font-size:9px; font-family:monospace; color:var(--bs-secondary-color); letter-spacing:.1em; text-transform:uppercase; margin-bottom:7px; }
.mc-zd-open     { border-left:3px solid var(--bs-warning)!important; }
.mc-zd-resolved { border-left:3px solid var(--bs-success)!important; }
.mc-zd-pending  { border-left:3px solid var(--bs-danger)!important; }
.mc-mpane { display:none; } .mc-mpane.active { display:block; }

/* ── Pulse dots ── */
.mc-pulse { width:7px; height:7px; border-radius:50%; display:inline-block; animation:mcPulse 2s infinite; }
.mc-ai-dot { background:var(--bs-primary); }
@keyframes mcPulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ── Toast ── */
.mc-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:var(--bs-dark,#212529); color:#fff; font-size:12px; font-family:monospace; padding:8px 20px; border-radius:20px; opacity:0; transition:opacity .25s; pointer-events:none; z-index:9999; white-space:nowrap; }
.mc-toast.show { opacity:1; }

/* ── Command palette ── */
.mc-cmd-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.6); backdrop-filter:blur(4px); z-index:1060; align-items:flex-start; justify-content:center; padding-top:80px; }
.mc-cmd-overlay.open { display:flex; }
.mc-cmd-box { width:100%; max-width:560px; background:var(--bs-card-bg,#fff); border:1px solid var(--bs-border-color); border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.mc-cmd-wrap { position:relative; border-bottom:1px solid var(--bs-border-color); }
.mc-cmd-wrap i { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--bs-secondary-color); }
.mc-cmd-input { width:100%; background:transparent; border:none; outline:none; font-size:14px; color:var(--bs-body-color); padding:14px 16px 14px 42px; }
.mc-cmd-results { max-height:360px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--bs-border-color) transparent; }
.mc-cmd-group { font-size:9px; font-family:monospace; color:var(--bs-secondary-color); letter-spacing:.1em; text-transform:uppercase; padding:10px 16px 4px; }
.mc-cmd-item { display:flex; align-items:center; gap:10px; padding:9px 16px; cursor:pointer; transition:background .1s; border-left:2px solid transparent; }
.mc-cmd-item:hover, .mc-cmd-item.active { background:var(--bs-tertiary-bg,#f8f9fa); border-left-color:var(--bs-primary); }
.mc-cmd-hint { font-size:10px; font-family:monospace; color:var(--bs-secondary-color); }
</style>
@endsection

@section('content')

{{-- ── MAIN WRAPPER (offset for chat panel on xxl) ── --}}
<div class="mc-offset" id="mc-wrapper">

  {{-- ── ENTITY SWITCHER + META BAR ── --}}
  <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
    <div class="ms-auto d-flex align-items-center gap-2">
      <span class="text-muted f-10" style="font-family:monospace;" id="mc-date"></span>
      <span class="d-flex align-items-center gap-1 text-muted" style="font-size:10px;font-family:monospace;"><span class="mc-pulse" style="background:var(--bs-success);"></span>supabase · synced 2m ago</span>
    </div>
  </div>

  {{-- ══════════════════════════
       VIEW: OVERVIEW DASHBOARD
  ══════════════════════════ --}}
  <div id="mc-dashboard">

    {{-- KPI Row --}}
    <div class="row g-3 mb-3">

      <div class="col-6 col-xl-3">
        <div class="card mc-kpi h-100">
          <div class="card-body pb-2">
            <p class="text-muted mb-1" style="font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">Active Physicians</p>
            <h3 class="mb-1 fw-bold" id="kpi-active">847</h3>
            <p class="mb-0 f-10 text-success"><i class="ti ti-trending-up me-1"></i><span id="kpi-active-delta">↑ 23 this month</span></p>
            <div class="mc-spark" id="spark-active"></div>
          </div>
        </div>
      </div>

      <div class="col-6 col-xl-3">
        <div class="card mc-kpi mc-green h-100">
          <div class="card-body pb-2">
            <p class="text-muted mb-1" style="font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">Total LTV · 90d</p>
            <h3 class="mb-1 fw-bold" id="kpi-ltv">$284K</h3>
            <p class="mb-0 f-10 text-success"><i class="ti ti-trending-up me-1"></i><span id="kpi-ltv-delta">↑ 11% vs prior</span></p>
            <div class="mc-spark" id="spark-ltv"></div>
          </div>
        </div>
      </div>

      <div class="col-6 col-xl-3">
        <div class="card mc-kpi mc-amber h-100">
          <div class="card-body pb-2">
            <p class="text-muted mb-1" style="font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">At Risk</p>
            <h3 class="mb-1 fw-bold" id="kpi-risk">38</h3>
            <p class="mb-0 f-10 text-danger"><i class="ti ti-trending-down me-1"></i><span id="kpi-risk-delta">↑ 5 flagged today</span></p>
            <div class="mc-spark" id="spark-risk"></div>
          </div>
        </div>
      </div>

      <div class="col-6 col-xl-3">
        <div class="card mc-kpi mc-purple h-100">
          <div class="card-body pb-2">
            <p class="text-muted mb-1" style="font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">Cross-sell Opps</p>
            <h3 class="mb-1 fw-bold" id="kpi-xsell">112</h3>
            <p class="mb-0 f-10" style="color:#a78bfa;cursor:pointer;" onclick="askChat('Show me the top Tier 1 cross-sell opportunities')">View Tier 1 →</p>
            <div class="mc-spark" id="spark-xsell"></div>
          </div>
        </div>
      </div>

    </div>{{-- /KPI row --}}

    {{-- Pipeline + Physicians --}}
    <div class="row g-3 mb-3">

      {{-- Pipeline --}}
      <div class="col-12 col-lg-6">
        <div class="card h-100">
          <div class="card-header d-flex align-items-center justify-content-between py-3">
            <h5 class="mb-0">Pipeline · Path Peptides</h5>
            <span class="badge bg-light-primary text-primary">7 stages</span>
          </div>
          <div class="card-body">
            <div class="mc-stage-row"><span class="mc-stage-nm">new lead</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar" style="width:7%;background:#378ADD;"></div></div><span class="mc-stage-ct">42</span></div>
            <div class="mc-stage-row"><span class="mc-stage-nm">docs submitted</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar" style="width:4%;background:#185FA5;"></div></div><span class="mc-stage-ct">24</span></div>
            <div class="mc-stage-row"><span class="mc-stage-nm">first order</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar" style="width:5%;background:#185FA5;"></div></div><span class="mc-stage-ct">31</span></div>
            <div class="mc-stage-row"><span class="mc-stage-nm">active</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar bg-primary" style="width:100%;"></div></div><span class="mc-stage-ct">623</span></div>
            <div class="mc-stage-row"><span class="mc-stage-nm">vip</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar bg-warning" style="width:8%;"></div></div><span class="mc-stage-ct">47</span></div>
            <div class="mc-stage-row"><span class="mc-stage-nm">at risk</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar bg-danger" style="width:6%;"></div></div><span class="mc-stage-ct">38</span></div>
            <div class="mc-stage-row" style="margin-bottom:0;"><span class="mc-stage-nm">churned</span><div class="progress flex-grow-1" style="height:6px;"><div class="progress-bar bg-secondary" style="width:14%;"></div></div><span class="mc-stage-ct">89</span></div>
          </div>
        </div>
      </div>

      {{-- Physicians --}}
      <div class="col-12 col-lg-6">
        <div class="card h-100">
          <div class="card-header d-flex align-items-center justify-content-between py-3">
            <h5 class="mb-0">Physicians · recent activity</h5>
            <button class="btn btn-link btn-sm p-0 text-primary f-12" onclick="askChat('List all VIP physicians ordered by LTV')">Full list →</button>
          </div>
          <div class="card-body pt-2">

            <div class="mc-phys-row" onclick="openPhysModal('Dr. Maria Santos')">
              <div class="avtar avtar-xs rounded-circle" style="background:rgba(59,130,246,.2);color:#3b82f6;font-weight:700;font-size:10px;flex-shrink:0;">MS</div>
              <div class="flex-grow-1" style="min-width:0;">
                <p class="mb-0 f-12 fw-medium text-truncate">Dr. Maria Santos, MD</p>
                <p class="mb-0 f-10 text-muted">Endocrinology · Miami FL · ordered 2d ago</p>
              </div>
              <span class="mc-tier mc-vip">VIP</span>
            </div>

            <div class="mc-phys-row" onclick="openPhysModal('Dr. James Holloway')">
              <div class="avtar avtar-xs rounded-circle" style="background:rgba(34,197,94,.15);color:#16a34a;font-weight:700;font-size:10px;flex-shrink:0;">JH</div>
              <div class="flex-grow-1" style="min-width:0;">
                <p class="mb-0 f-12 fw-medium text-truncate">Dr. James Holloway, DO</p>
                <p class="mb-0 f-10 text-muted">Anti-Aging · Austin TX · 38d since order</p>
              </div>
              <div class="d-flex gap-1"><span class="mc-tier mc-plat">Platinum</span><span class="mc-risk">At risk</span></div>
            </div>

            <div class="mc-phys-row" onclick="openPhysModal('Dr. Priya Mehta')">
              <div class="avtar avtar-xs rounded-circle" style="background:rgba(239,68,68,.15);color:#dc2626;font-weight:700;font-size:10px;flex-shrink:0;">PM</div>
              <div class="flex-grow-1" style="min-width:0;">
                <p class="mb-0 f-12 fw-medium text-truncate">Dr. Priya Mehta, NP</p>
                <p class="mb-0 f-10 text-muted">Integrative · Phoenix AZ · 41d since order</p>
              </div>
              <div class="d-flex gap-1"><span class="mc-tier mc-gold">Gold</span><span class="mc-risk">At risk</span></div>
            </div>

            <div class="mc-phys-row" onclick="openPhysModal('Dr. Carlos Rivera')">
              <div class="avtar avtar-xs rounded-circle" style="background:rgba(167,139,250,.15);color:#7c3aed;font-weight:700;font-size:10px;flex-shrink:0;">CR</div>
              <div class="flex-grow-1" style="min-width:0;">
                <p class="mb-0 f-12 fw-medium text-truncate">Dr. Carlos Rivera, MD</p>
                <p class="mb-0 f-10 text-muted">Family Med · Orlando FL · ordered 1d ago</p>
              </div>
              <span class="mc-tier mc-gold">Gold</span>
            </div>

            <div class="mc-phys-row" onclick="openPhysModal('Dr. Aisha Washington')">
              <div class="avtar avtar-xs rounded-circle" style="background:rgba(245,158,11,.15);color:#d97706;font-weight:700;font-size:10px;flex-shrink:0;">AW</div>
              <div class="flex-grow-1" style="min-width:0;">
                <p class="mb-0 f-12 fw-medium text-truncate">Dr. Aisha Washington, MD</p>
                <p class="mb-0 f-10 text-muted">Internal Med · Houston TX · ordered 8d ago</p>
              </div>
              <span class="mc-tier mc-plat">Platinum</span>
            </div>

          </div>
        </div>
      </div>

    </div>{{-- /pipeline+physicians --}}

    {{-- Agents + Cross-sell + Queue --}}
    <div class="row g-3">

      {{-- AI Agents --}}
      <div class="col-12 col-md-6 col-xl-3">
        <div class="card h-100">
          <div class="card-header d-flex align-items-center justify-content-between py-3">
            <h5 class="mb-0">AI Agents</h5>
            <span class="badge bg-light-success text-success">4 active</span>
          </div>
          <div class="card-body py-2">
            <div class="mc-agent-row">
              <div class="mc-agent-icon"><i class="ti ti-stars f-14"></i></div>
              <div class="flex-grow-1">
                <p class="mb-0 f-12 fw-medium">Enrichment agent</p>
                <p class="mb-0 f-10 text-muted">enriching 3 new contacts now</p>
              </div>
              <span class="badge bg-light-success text-success">running</span>
            </div>
            <div class="mc-agent-row">
              <div class="mc-agent-icon"><i class="ti ti-drone-off text-danger f-14"></i></div>
              <div class="flex-grow-1">
                <p class="mb-0 f-12 fw-medium">Churn detection</p>
                <p class="mb-0 f-10 text-muted">next run in 6h · 5 flagged</p>
              </div>
              <span class="badge bg-light-secondary text-secondary">idle</span>
            </div>
            <div class="mc-agent-row">
              <div class="mc-agent-icon"><i class="ti ti-switch-2 text-primary f-14"></i></div>
              <div class="flex-grow-1">
                <p class="mb-0 f-12 fw-medium">Cross-sell</p>
                <p class="mb-0 f-10 text-muted">last: Mon · 20 new</p>
              </div>
              <span class="badge bg-light-secondary text-secondary">idle</span>
            </div>
            <div class="mc-agent-row">
              <div class="mc-agent-icon"><i class="ti ti-backhoe text-warning f-14"></i></div>
              <div class="flex-grow-1">
                <p class="mb-0 f-12 fw-medium">Data cleanup</p>
                <p class="mb-0 f-10 text-muted">2 merge candidates queued</p>
              </div>
              <span class="badge bg-light-primary text-primary">queued</span>
            </div>
          </div>
        </div>
      </div>

      {{-- Cross-sell pipeline --}}
      <div class="col-12 col-md-6 col-xl-3">
        <div class="card h-100">
          <div class="card-header d-flex align-items-center justify-content-between py-3">
            <h5 class="mb-0">Cross-sell pipeline</h5>
            <button class="btn btn-link btn-sm p-0 f-12" style="color:#a78bfa;" onclick="askChat('Show all Tier 1 Vysta candidates licensed in FL, TX, or CA')">Explore →</button>
          </div>
          <div class="card-body">
            <div class="row g-2">
              <div class="col-6">
                <div class="mc-cs-card">
                  <p class="mb-1 f-10 text-muted" style="font-family:monospace;">Everest Pharmacy</p>
                  <h4 class="mb-0 fw-bold">67</h4>
                  <p class="mb-0 f-10 text-primary">Tier 1 candidates</p>
                </div>
              </div>
              <div class="col-6">
                <div class="mc-cs-card">
                  <p class="mb-1 f-10 text-muted" style="font-family:monospace;">Vysta Telemedicine</p>
                  <h4 class="mb-0 fw-bold">45</h4>
                  <p class="mb-0 f-10" style="color:#a78bfa;">Tier 1 candidates</p>
                </div>
              </div>
              <div class="col-12">
                <div class="mc-cs-card d-flex align-items-center justify-content-between">
                  <div>
                    <p class="mb-1 f-10 text-muted">AI identified this week</p>
                    <div class="d-flex gap-3">
                      <div><h5 class="mb-0">12</h5><p class="mb-0 f-10 text-muted" style="font-family:monospace;">pharmacy</p></div>
                      <div><h5 class="mb-0">8</h5><p class="mb-0 f-10 text-muted" style="font-family:monospace;">vysta</p></div>
                    </div>
                  </div>
                  <button class="btn btn-outline-secondary btn-sm" onclick="askChat('Run cross-sell agent and show new Tier 1 candidates')">Run →</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      {{-- Actions Queue --}}
      <div class="col-12 col-xl-6">
        <div class="card h-100">
          <div class="card-header d-flex align-items-center justify-content-between py-3">
            <h5 class="mb-0">Actions Queue</h5>
            <span class="badge bg-light-warning text-warning">7 pending</span>
          </div>
          <div class="card-body">

            <div class="mc-qi" id="qi-1">
              <div class="d-flex align-items-center justify-content-between mb-1">
                <span class="fw-medium f-12">Cross-sell outreach</span>
                <span class="badge bg-light-success text-success">low risk</span>
              </div>
              <p class="mb-0 f-10 text-muted" style="font-family:monospace;">Dr. Priya Mehta → Everest Pharmacy</p>
              <p class="mc-qdraft">"Hi Dr. Mehta – based on your GLP-1 ordering volume with Path Peptides, I wanted to introduce our compounding arm at Everest Pharmacy..."</p>
              <div class="d-flex gap-2">
                <button class="btn btn-primary btn-sm" onclick="approveAction('qi-1','Cross-sell outreach approved for Dr. Mehta')">Approve</button>
                <button class="btn btn-outline-secondary btn-sm" onclick="rejectAction('qi-1')">Reject</button>
              </div>
            </div>

            <div class="mc-qi" id="qi-2">
              <div class="d-flex align-items-center justify-content-between mb-1">
                <span class="fw-medium f-12">Churn intervention</span>
                <span class="badge bg-light-danger text-danger">high risk</span>
              </div>
              <p class="mb-0 f-10 text-muted" style="font-family:monospace;">Dr. James Holloway – 38d since last order</p>
              <p class="mc-qdraft">"James, wanted to check in – haven't seen an order recently and want to make sure everything is going smoothly..."</p>
              <div class="d-flex gap-2">
                <button class="btn btn-primary btn-sm" onclick="approveAction('qi-2','Win-back email queued for Dr. Holloway')">Approve</button>
                <button class="btn btn-outline-secondary btn-sm" onclick="rejectAction('qi-2')">Reject</button>
              </div>
            </div>

            <div class="mc-qi" id="qi-3">
              <div class="d-flex align-items-center justify-content-between mb-1">
                <span class="fw-medium f-12">Merge duplicate</span>
                <span class="badge bg-light-success text-success">low risk</span>
              </div>
              <p class="mb-0 f-10 text-muted" style="font-family:monospace;">Dr. C. Rivera / Dr. Carlos Rivera – same NPI detected</p>
              <p class="mc-qdraft">AI matched on NPI 1234567890 with 99% confidence. Recommend merging into single canonical record.</p>
              <div class="d-flex gap-2">
                <button class="btn btn-primary btn-sm" onclick="approveAction('qi-3','Records merged into single physician profile')">Approve</button>
                <button class="btn btn-outline-secondary btn-sm" onclick="rejectAction('qi-3')">Reject</button>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>{{-- /agents+xsell+queue --}}

  </div>{{-- /mc-dashboard --}}

  {{-- ══════════════════════════
       VIEW: PHYSICIAN TABLE
  ══════════════════════════ --}}
  <div id="mc-table-view" class="d-none">
    <div class="card">
      <div class="card-header py-2 d-flex align-items-center gap-2 flex-wrap">
        <span class="text-muted me-1" style="font-size:9px;font-family:monospace;text-transform:uppercase;letter-spacing:.08em;">Tier</span>
        <button class="mc-chip active" data-filter="tier" data-val="all" onclick="setFilter('tier','all',this)">All</button>
        <button class="mc-chip" data-filter="tier" data-val="VIP" onclick="setFilter('tier','VIP',this)">VIP</button>
        <button class="mc-chip" data-filter="tier" data-val="Platinum" onclick="setFilter('tier','Platinum',this)">Platinum</button>
        <button class="mc-chip" data-filter="tier" data-val="Gold" onclick="setFilter('tier','Gold',this)">Gold</button>
        <span class="text-muted ms-2 me-1" style="font-size:9px;font-family:monospace;text-transform:uppercase;letter-spacing:.08em;">Risk</span>
        <button class="mc-chip active" data-filter="risk" data-val="all" onclick="setFilter('risk','all',this)">All</button>
        <button class="mc-chip" data-filter="risk" data-val="High" onclick="setFilter('risk','High',this)">High</button>
        <button class="mc-chip" data-filter="risk" data-val="Low" onclick="setFilter('risk','Low',this)">Low</button>
        <span class="text-muted ms-2 me-1" style="font-size:9px;font-family:monospace;text-transform:uppercase;letter-spacing:.08em;">Entity</span>
        <button class="mc-chip active" data-filter="entity" data-val="all" onclick="setFilter('entity','all',this)">All</button>
        <button class="mc-chip" data-filter="entity" data-val="Path Peptides" onclick="setFilter('entity','Path Peptides',this)">Path</button>
        <button class="mc-chip" data-filter="entity" data-val="Everest Pharmacy" onclick="setFilter('entity','Everest Pharmacy',this)">Pharmacy</button>
        <button class="mc-chip" data-filter="entity" data-val="Vysta Telemedicine" onclick="setFilter('entity','Vysta Telemedicine',this)">Vysta</button>
      </div>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-hover mb-0">
            <thead class="table-light">
              <tr>
                <th style="cursor:pointer;" onclick="sortTable('name',this)">Physician <span id="sort-name"></span></th>
                <th style="cursor:pointer;" onclick="sortTable('specialty',this)">Specialty <span id="sort-specialty"></span></th>
                <th style="cursor:pointer;" onclick="sortTable('location',this)">Location <span id="sort-location"></span></th>
                <th style="cursor:pointer;" onclick="sortTable('tier',this)">Tier <span id="sort-tier"></span></th>
                <th style="cursor:pointer;" onclick="sortTable('ltv',this)">LTV 90d <span id="sort-ltv"></span></th>
                <th style="cursor:pointer;" onclick="sortTable('daysSince',this)">Days since order <span id="sort-daysSince">↓</span></th>
                <th style="cursor:pointer;" onclick="sortTable('churnRisk',this)">Churn risk <span id="sort-churnRisk"></span></th>
                <th>Entities</th>
              </tr>
            </thead>
            <tbody id="mc-phys-tbody"></tbody>
          </table>
        </div>
      </div>
    </div>
  </div>{{-- /mc-table-view --}}

</div>{{-- /mc-wrapper --}}

{{-- ══════════════════════════
     CHAT PANEL (fixed right)
══════════════════════════ --}}
<div id="mc-chat-panel" class="mc-chat-panel">

  <div class="d-flex align-items-center justify-content-between px-3 py-2 border-bottom">
    <div class="d-flex align-items-center gap-2">
      <span class="mc-pulse mc-ai-dot"></span>
      <span class="fw-semibold f-14">Intelligence layer</span>
    </div>
    <span class="badge bg-light-primary text-primary">Claude MCP</span>
  </div>

  <div class="mc-chat-msgs" id="mc-chat-msgs">
    <div class="d-flex flex-column gap-1">
      <small class="text-muted" style="font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">assistant</small>
      <div class="mc-bubble-ai">Hey Abel – I'm connected to your Supabase database. Ask me anything about your physicians, pipeline, churn risk, or cross-sell opportunities.</div>
    </div>
  </div>

  <div class="px-2 py-2 border-top border-bottom">
    <p class="mb-2 text-muted" style="font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">Quick asks</p>
    <div class="d-flex flex-column gap-1">
      <button class="mc-quick-btn" onclick="askChat('Who are my at-risk accounts this week?')">Who are my at-risk accounts this week?</button>
      <button class="mc-quick-btn" onclick="askChat('Show me top Tier 1 cross-sell opportunities for Everest Pharmacy')">Top Tier 1 pharmacy cross-sells?</button>
      <button class="mc-quick-btn" onclick="askChat(&quot;Which VIP physicians haven't ordered in 30+ days?&quot;)">VIPs inactive 30+ days?</button>
      <button class="mc-quick-btn" onclick="askChat('How many physicians are licensed in Florida?')">Physicians licensed in Florida?</button>
      <button class="mc-quick-btn" onclick="askChat('What is my total revenue by entity this quarter?')">Revenue by entity this quarter?</button>
    </div>
  </div>

  <div class="d-flex gap-2 p-2">
    <textarea class="form-control form-control-sm" id="mc-chat-input" placeholder="Ask anything about your data…" rows="1" onkeydown="handleChatKey(event)" style="resize:none;min-height:36px;"></textarea>
    <button class="btn btn-primary btn-sm d-flex align-items-center justify-content-center" style="width:36px;flex-shrink:0;" onclick="sendChat()">
      <i class="ti ti-send f-14"></i>
    </button>
  </div>

</div>

{{-- Mobile chat FAB --}}
<button class="mc-chat-fab btn btn-primary d-xxl-none" id="mc-chat-fab" onclick="toggleChat()" title="Open AI Chat">
  <i class="ti ti-message-circle f-20"></i>
</button>

{{-- ══════════════════════════
     PHYSICIAN MODAL
══════════════════════════ --}}
<div class="modal fade" id="physModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content" id="mc-modal-root">
      {{-- Injected by JS --}}
    </div>
  </div>
</div>

{{-- ══════════════════════════
     COMMAND PALETTE
══════════════════════════ --}}
<div id="mc-cmd-overlay" class="mc-cmd-overlay" onclick="if(event.target===this)closePalette()">
  <div class="mc-cmd-box">
    <div class="mc-cmd-wrap">
      <i class="ti ti-search f-16"></i>
      <input class="mc-cmd-input" id="mc-cmd-input" placeholder="Search physicians, actions, ask AI…" autocomplete="off" oninput="filterPalette(this.value)">
    </div>
    <div class="mc-cmd-results" id="mc-cmd-results"></div>
    <div class="d-flex gap-3 px-3 py-2 border-top" style="background:var(--bs-tertiary-bg,#f8f9fa);">
      <small class="text-muted" style="font-family:monospace;"><kbd>↑↓</kbd> navigate</small>
      <small class="text-muted" style="font-family:monospace;"><kbd>Enter</kbd> select</small>
      <small class="text-muted ms-auto" style="font-family:monospace;"><kbd>⌘K</kbd> open</small>
    </div>
  </div>
</div>

{{-- Toast --}}
<div id="mc-toast" class="mc-toast"></div>

@endsection

@section('scripts')
<script>
/* ═══════════════════════════════════════════════
   MISSION CONTROL – JAVASCRIPT
═══════════════════════════════════════════════ */

// ── Date chip ──
document.getElementById('mc-date').textContent =
  new Date().toLocaleDateString('en-US',{weekday:'short',month:'short',day:'numeric',year:'numeric'});

// ── Set chat panel top to match actual header height ──
(function(){
  var h = document.querySelector('.pc-header');
  var panel = document.getElementById('mc-chat-panel');
  if (h && panel) panel.style.top = h.offsetHeight + 'px';
})();

// ══════════════════════════════
// ENTITY DATA
// ══════════════════════════════
var entityData = {
  all:      { active:'847', ltv:'$284K', risk:'38', xsell:'112', dActive:'↑ 23 this month', dLtv:'↑ 11% vs prior', dRisk:'↑ 5 flagged today' },
  path:     { active:'623', ltv:'$201K', risk:'38', xsell:'–',   dActive:'↑ 12 this month', dLtv:'↑ 8% vs prior',  dRisk:'↑ 3 flagged today' },
  pharmacy: { active:'149', ltv:'$57K',  risk:'12', xsell:'67',  dActive:'↑ 5 this month',  dLtv:'↑ 14% vs prior', dRisk:'↑ 2 flagged today' },
  vysta:    { active:'75',  ltv:'$26K',  risk:'6',  xsell:'45',  dActive:'↑ 4 this month',  dLtv:'↑ 9% vs prior',  dRisk:'stable'            },
  meridian: { active:'18',  ltv:'$12K',  risk:'3',  xsell:'–',   dActive:'↑ 2 this month',  dLtv:'↑ 6% vs prior',  dRisk:'stable'            }
};

// ══════════════════════════════
// SPARKLINE DATA
// ══════════════════════════════
var sparkData = {
  all:      { active:[802,810,820,815,828,835,841,847], ltv:[240,248,255,261,268,275,280,284], risk:[28,30,31,33,34,36,37,38], xsell:[89,92,97,100,104,107,110,112] },
  path:     { active:[598,603,608,610,615,618,620,623], ltv:[182,188,191,194,197,199,200,201], risk:[28,30,31,33,34,36,37,38], xsell:null },
  pharmacy: { active:[138,141,143,144,145,146,148,149], ltv:[48,51,52,53,54,55,56,57],         risk:[9,10,10,11,11,11,12,12],  xsell:[58,60,62,63,64,65,66,67] },
  vysta:    { active:[68,69,70,71,72,73,74,75],         ltv:[21,22,23,23,24,24,25,26],          risk:[4,4,5,5,5,5,6,6],         xsell:[38,39,40,41,42,43,44,45] },
  meridian: { active:[14,15,15,16,16,17,17,18],         ltv:[9,9,10,10,11,11,12,12],            risk:[2,2,2,2,2,3,3,3],         xsell:null }
};

// ── SVG sparkline renderer ──
function renderSparkline(id, data, color) {
  var el = document.getElementById(id);
  if (!el) return;
  if (!data) { el.innerHTML = ''; return; }
  var W=120, H=28, pad=2, mn=Math.min.apply(null,data), mx=Math.max.apply(null,data), rng=mx-mn||1;
  var pts = data.map(function(v,i){
    return (pad+(i/(data.length-1))*(W-pad*2)).toFixed(1)+','+(H-pad-((v-mn)/rng)*(H-pad*2)).toFixed(1);
  }).join(' ');
  var lx=(pad+(W-pad*2)).toFixed(1), ly=(H-pad-((data[data.length-1]-mn)/rng)*(H-pad*2)).toFixed(1);
  el.innerHTML='<svg viewBox="0 0 '+W+' '+H+'" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:34px;">'
    +'<defs><linearGradient id="sg'+id+'" x1="0" y1="0" x2="0" y2="1">'
    +'<stop offset="0%" stop-color="'+color+'" stop-opacity="0.25"/>'
    +'<stop offset="100%" stop-color="'+color+'" stop-opacity="0"/>'
    +'</linearGradient></defs>'
    +'<polygon points="'+pts+' '+lx+','+H+' '+pad+','+H+'" fill="url(#sg'+id+')"/>'
    +'<polyline points="'+pts+'" fill="none" stroke="'+color+'" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/>'
    +'<circle cx="'+lx+'" cy="'+ly+'" r="2.5" fill="'+color+'"/>'
    +'</svg>';
}

function renderSparklines(key) {
  var d = sparkData[key] || sparkData.all;
  renderSparkline('spark-active', d.active, '#3b82f6');
  renderSparkline('spark-ltv',    d.ltv,    '#22c55e');
  renderSparkline('spark-risk',   d.risk,   '#f59e0b');
  renderSparkline('spark-xsell',  d.xsell,  '#a78bfa');
}

// ── Entity switcher ──
var currentEntity = 'all';
function switchEntity(key, el) {
  currentEntity = key;
  document.querySelectorAll('.mc-ent-btn').forEach(function(b){ b.classList.remove('active'); });
  el.classList.add('active');
  var d = entityData[key];
  animKpi('kpi-active', d.active);
  animKpi('kpi-ltv',    d.ltv);
  animKpi('kpi-risk',   d.risk);
  animKpi('kpi-xsell',  d.xsell);
  document.getElementById('kpi-active-delta').textContent = d.dActive;
  document.getElementById('kpi-ltv-delta').textContent    = d.dLtv;
  document.getElementById('kpi-risk-delta').textContent   = d.dRisk;
  renderSparklines(key);
}
function animKpi(id, val) {
  var el = document.getElementById(id);
  if (!el) return;
  el.style.cssText += 'opacity:.3;transform:translateY(4px);transition:all .3s ease;';
  setTimeout(function(){ el.textContent = val; el.style.opacity='1'; el.style.transform='translateY(0)'; }, 150);
}

// ══════════════════════════════
// VIEW SWITCHER
// ══════════════════════════════
var currentView = 'overview';
function showView(view) {
  currentView = view;
  document.getElementById('mc-dashboard').classList.toggle('d-none', view !== 'overview');
  document.getElementById('mc-table-view').classList.toggle('d-none', view !== 'physicians');
  if (view === 'physicians') renderTable();
  // Sync sidebar active state
  document.querySelectorAll('.pc-link').forEach(function(l){
    var t = (l.querySelector('.pc-mtext')||{}).textContent||'';
    var match = (view==='overview' && t.trim()==='Overview') || (view==='physicians' && t.trim()==='Physicians');
    l.closest('.pc-item') && l.closest('.pc-item').classList.toggle('active', match);
  });
}

// ══════════════════════════════
// PHYSICIAN PROFILES
// ══════════════════════════════
var profiles = {
  'Dr. Maria Santos': {
    initials:'MS', color:'#3b82f6', bg:'rgba(59,130,246,.2)',
    name:'Dr. Maria Santos, MD', specialty:'Endocrinology', clinic:'Santos Wellness & Longevity',
    location:'Miami, FL', npi:'1234567890', license:'MD', states:'FL, TX, NY, CA',
    tier:'VIP', tierCls:'mc-vip', churnRisk:'Low', churnBadge:'bg-light-success text-success',
    ltv:'$8,240', lastOrder:'2 days ago', daysSince:2, entities:['Path Peptides','Everest Pharmacy'],
    pharmacyFit:'Tier 1', vystaFit:'Tier 2', xsellPriority:'High',
    aiSummary:'High-volume endocrinologist running a dedicated longevity clinic in Miami. Heavy GLP-1 and peptide user. Excellent pharmacy cross-sell candidate – MD license in compounding-favorable states with $8K+/mo volume.',
    klaviyo:{ segment:'VIP Accounts', openRate:'68%', clickRate:'24%', lastEmail:'VIP Appreciation – Apr 18', lastOpen:'Apr 18 (3d ago)', flowStatus:'Active – Retention sequence', flowStep:3, flowTotal:4,
      emails:[{name:'VIP Appreciation',date:'Apr 18',opened:true,clicked:true},{name:'Monthly product update',date:'Mar 28',opened:true,clicked:false},{name:'New product launch',date:'Mar 05',opened:true,clicked:true},{name:'VIP Early Access',date:'Feb 20',opened:false,clicked:false}]},
    zendesk:{ openTickets:0, csat:'5/5', totalTickets:3, avgResponseH:2,
      tickets:[{id:'#2841',title:'Order inquiry – fulfillment timing',status:'resolved',date:'Apr 10',csat:5,age:'13d ago'},{id:'#2610',title:'Product availability question',status:'resolved',date:'Mar 02',csat:5,age:'7w ago'},{id:'#2401',title:'Onboarding – first order help',status:'resolved',date:'Jan 15',csat:5,age:'3mo ago'}]},
    timeline:[
      {date:'Apr 21',color:'#3b82f6',title:'Order placed – $1,840',detail:'Shopify #4821 · BPC-157, TB-500, Ipamorelin · Fulfilled'},
      {date:'Apr 18',color:'#22c55e',title:'Klaviyo – VIP Appreciation email',detail:'Opened · Clicked · 68% open rate on segment'},
      {date:'Apr 10',color:'#f59e0b',title:'Zendesk ticket resolved',detail:'Order inquiry #2841 · CSAT 5/5 · Resolved same day'},
      {date:'Apr 06',color:'#3b82f6',title:'Order placed – $2,100',detail:'Shopify #4790 · GHK-Cu, Sermorelin · Fulfilled'},
      {date:'Mar 28',color:'#22c55e',title:'Klaviyo – Monthly product update',detail:'Opened · Did not click'},
      {date:'Mar 20',color:'#3b82f6',title:'Order placed – $4,300',detail:'Shopify #4701 · Large restock order · Fulfilled'},
      {date:'Mar 12',color:'#a78bfa',title:'Twilio SMS – check-in',detail:'Outbound from Abel · Replied within 2h'}]
  },
  'Dr. James Holloway': {
    initials:'JH', color:'#16a34a', bg:'rgba(34,197,94,.15)',
    name:'Dr. James Holloway, DO', specialty:'Anti-Aging / HRT', clinic:'Holloway Integrative Health',
    location:'Austin, TX', npi:'9876543210', license:'DO', states:'TX, OK, NM',
    tier:'Platinum', tierCls:'mc-plat', churnRisk:'High', churnBadge:'bg-light-danger text-danger',
    ltv:'$6,800', lastOrder:'38 days ago', daysSince:38, entities:['Path Peptides'],
    pharmacyFit:'Tier 1', vystaFit:'Tier 3', xsellPriority:'Medium',
    aiSummary:'DO running a high-volume HRT and anti-aging clinic in Austin. Historically consistent 12-day ordering cadence – current 38-day gap is anomalous. Win-back intervention required immediately. Pharmacy Tier 1 fit.',
    klaviyo:{ segment:'At Risk – Path Peptides', openRate:'41%', clickRate:'8%', lastEmail:'Win-back step 2 – Apr 19', lastOpen:'Not opened', flowStatus:'At Risk win-back – Step 2 of 4', flowStep:2, flowTotal:4,
      emails:[{name:'Win-back step 2',date:'Apr 19',opened:false,clicked:false},{name:'Win-back step 1',date:'Apr 12',opened:true,clicked:false},{name:'Monthly product update',date:'Mar 28',opened:true,clicked:false},{name:'New product launch',date:'Mar 05',opened:false,clicked:false}]},
    zendesk:{ openTickets:1, csat:'4/5', totalTickets:7, avgResponseH:4,
      tickets:[{id:'#3012',title:'Shipping delay question – still open',status:'open',date:'Apr 17',csat:null,age:'5d ago'},{id:'#2890',title:'Invoice discrepancy',status:'resolved',date:'Mar 22',csat:4,age:'4w ago'},{id:'#2755',title:'Product substitution request',status:'resolved',date:'Feb 28',csat:5,age:'7w ago'}]},
    timeline:[
      {date:'Apr 19',color:'#ef4444',title:'Klaviyo – Win-back step 2 sent',detail:'Not opened yet · Step 2 of at-risk flow'},
      {date:'Apr 17',color:'#f59e0b',title:'Zendesk ticket opened – still open',detail:'Shipping delay inquiry #3012 · 5 days unresolved'},
      {date:'Apr 12',color:'#ef4444',title:'Klaviyo – Win-back step 1',detail:'Opened · Did not click · 22% open on segment'},
      {date:'Mar 14',color:'#3b82f6',title:'Order placed – $2,200',detail:'Shopify #4698 · TB-500, CJC-1295 · Fulfilled'},
      {date:'Mar 01',color:'#3b82f6',title:'Order placed – $1,900',detail:'Shopify #4620 · BPC-157, DSIP · Fulfilled'},
      {date:'Feb 18',color:'#a78bfa',title:'Twilio SMS – product inquiry',detail:'Inbound from James · Responded same day'},
      {date:'Feb 14',color:'#3b82f6',title:'Order placed – $2,700',detail:'Shopify #4541 · Large restock · Fulfilled'}]
  },
  'Dr. Priya Mehta': {
    initials:'PM', color:'#dc2626', bg:'rgba(239,68,68,.15)',
    name:'Dr. Priya Mehta, NP', specialty:'Integrative Medicine', clinic:'Renew Integrative Wellness',
    location:'Phoenix, AZ', npi:'1122334455', license:'NP', states:'AZ, NV',
    tier:'Gold', tierCls:'mc-gold', churnRisk:'High', churnBadge:'bg-light-danger text-danger',
    ltv:'$3,100', lastOrder:'41 days ago', daysSince:41, entities:['Path Peptides'],
    pharmacyFit:'Tier 2', vystaFit:'Tier 2', xsellPriority:'Medium',
    aiSummary:'NP with integrative wellness practice in Phoenix. 41-day order gap is well outside her 18-day average. Open Zendesk ticket suggests unresolved issue. Priority intervention before 45-day churn threshold.',
    klaviyo:{ segment:'At Risk – Path Peptides', openRate:'29%', clickRate:'5%', lastEmail:'Win-back step 3 – Apr 16', lastOpen:'Apr 16', flowStatus:'At Risk win-back – Step 3 of 4', flowStep:3, flowTotal:4,
      emails:[{name:'Win-back step 3',date:'Apr 16',opened:true,clicked:false},{name:'Win-back step 2',date:'Apr 08',opened:true,clicked:false},{name:'Win-back step 1',date:'Mar 31',opened:false,clicked:false},{name:'Monthly product update',date:'Mar 10',opened:false,clicked:false}]},
    zendesk:{ openTickets:1, csat:'3/5', totalTickets:4, avgResponseH:6,
      tickets:[{id:'#3089',title:'Product question – no reply 9 days',status:'pending',date:'Apr 12',csat:null,age:'9d ago'},{id:'#2944',title:'Order missing item',status:'resolved',date:'Mar 18',csat:3,age:'5w ago'},{id:'#2780',title:'Onboarding questions',status:'resolved',date:'Feb 12',csat:4,age:'10w ago'}]},
    timeline:[
      {date:'Apr 21',color:'#a78bfa',title:'AI – Cross-sell outreach drafted',detail:'Everest Pharmacy intro · Queued for Abel approval'},
      {date:'Apr 16',color:'#f59e0b',title:'Klaviyo – Win-back step 3',detail:'Opened · Did not click · Last engagement in sequence'},
      {date:'Apr 12',color:'#ef4444',title:'Zendesk ticket – pending 9 days',detail:'Product question #3089 · No reply yet · Urgent'},
      {date:'Apr 08',color:'#f59e0b',title:'Klaviyo – Win-back step 2',detail:'Opened · Did not click'},
      {date:'Mar 11',color:'#3b82f6',title:'Order placed – $1,100',detail:'Shopify #4680 · BPC-157, Epithalon · Fulfilled'},
      {date:'Feb 24',color:'#3b82f6',title:'Order placed – $900',detail:'Shopify #4601 · GHK-Cu · Fulfilled'},
      {date:'Feb 10',color:'#3b82f6',title:'Order placed – $1,100',detail:'Shopify #4540 · TB-500 · Fulfilled'}]
  },
  'Dr. Carlos Rivera': {
    initials:'CR', color:'#7c3aed', bg:'rgba(167,139,250,.15)',
    name:'Dr. Carlos Rivera, MD', specialty:'Family Medicine', clinic:'Rivera Family & Longevity',
    location:'Orlando, FL', npi:'5544332211', license:'MD', states:'FL, GA',
    tier:'Gold', tierCls:'mc-gold', churnRisk:'Low', churnBadge:'bg-light-success text-success',
    ltv:'$4,100', lastOrder:'1 day ago', daysSince:1, entities:['Path Peptides'],
    pharmacyFit:'Tier 1', vystaFit:'Tier 2', xsellPriority:'High',
    aiSummary:'Family MD in Orlando with a longevity-focused practice. Consistent bi-weekly ordering cadence with growing trend. Strong Pharmacy Tier 1 candidate – FL-licensed MD with $4K+/mo volume.',
    klaviyo:{ segment:'Gold Upsell', openRate:'55%', clickRate:'18%', lastEmail:'Gold → Platinum upsell – Apr 20', lastOpen:'Apr 20 (1d ago)', flowStatus:'Volume upsell sequence – Step 1', flowStep:1, flowTotal:3,
      emails:[{name:'Gold → Platinum upsell',date:'Apr 20',opened:true,clicked:true},{name:'Monthly product update',date:'Mar 28',opened:true,clicked:false},{name:'New product launch',date:'Mar 05',opened:true,clicked:true},{name:'Welcome to Gold tier',date:'Feb 01',opened:true,clicked:true}]},
    zendesk:{ openTickets:0, csat:'5/5', totalTickets:2, avgResponseH:1,
      tickets:[{id:'#2180',title:'Onboarding – ordering process',status:'resolved',date:'Jan 08',csat:5,age:'3mo ago'},{id:'#2090',title:'Account setup question',status:'resolved',date:'Dec 15',csat:5,age:'4mo ago'}]},
    timeline:[
      {date:'Apr 20',color:'#3b82f6',title:'Order placed – $1,400',detail:'Shopify #4830 · BPC-157, TB-500 · Processing'},
      {date:'Apr 20',color:'#22c55e',title:'Klaviyo – Gold upsell email',detail:'Opened · Clicked · Potential volume upgrade'},
      {date:'Apr 06',color:'#3b82f6',title:'Order placed – $1,200',detail:'Shopify #4780 · Sermorelin, DSIP · Fulfilled'},
      {date:'Mar 22',color:'#3b82f6',title:'Order placed – $800',detail:'Shopify #4710 · GHK-Cu · Fulfilled'},
      {date:'Mar 08',color:'#3b82f6',title:'Order placed – $700',detail:'Shopify #4644 · BPC-157 · Fulfilled'},
      {date:'Feb 22',color:'#3b82f6',title:'Order placed – $650',detail:'Shopify #4588 · Epithalon · Fulfilled'},
      {date:'Jan 08',color:'#22c55e',title:'Zendesk – Onboarding resolved',detail:'Quick question on ordering process · CSAT 5/5'}]
  },
  'Dr. Aisha Washington': {
    initials:'AW', color:'#d97706', bg:'rgba(245,158,11,.15)',
    name:'Dr. Aisha Washington, MD', specialty:'Internal Medicine', clinic:'Houston Integrative MD',
    location:'Houston, TX', npi:'6677889900', license:'MD', states:'TX, LA, OK',
    tier:'Platinum', tierCls:'mc-plat', churnRisk:'Low', churnBadge:'bg-light-success text-success',
    ltv:'$5,900', lastOrder:'8 days ago', daysSince:8, entities:['Path Peptides','Vysta Telemedicine'],
    pharmacyFit:'Tier 1', vystaFit:'Tier 1', xsellPriority:'High',
    aiSummary:'Bilingual (Spanish/English) internal medicine MD in Houston. TX-licensed target specialty for Vysta. Already at Demo Booked stage. Highest cross-sell priority – Tier 1 for both Pharmacy and Vysta.',
    klaviyo:{ segment:'Multi-Entity · VIP Accounts', openRate:'71%', clickRate:'31%', lastEmail:'Vysta provider update – Apr 19', lastOpen:'Apr 19 (2d ago)', flowStatus:'Multi-entity retention · Active', flowStep:2, flowTotal:3,
      emails:[{name:'Vysta provider update',date:'Apr 19',opened:true,clicked:true},{name:'VIP Appreciation',date:'Apr 05',opened:true,clicked:true},{name:'Multi-entity welcome',date:'Mar 29',opened:true,clicked:true},{name:'Monthly product update',date:'Mar 10',opened:true,clicked:false}]},
    zendesk:{ openTickets:0, csat:'5/5', totalTickets:5, avgResponseH:2,
      tickets:[{id:'#3041',title:'Vysta platform onboarding Q&A',status:'resolved',date:'Apr 14',csat:5,age:'7d ago'},{id:'#2871',title:'Billing question',status:'resolved',date:'Mar 20',csat:5,age:'4w ago'},{id:'#2690',title:'Product recommendation request',status:'resolved',date:'Feb 10',csat:5,age:'10w ago'}]},
    timeline:[
      {date:'Apr 19',color:'#22c55e',title:'Klaviyo – Vysta provider update',detail:'Opened · Clicked · Strong engagement'},
      {date:'Apr 14',color:'#22c55e',title:'Zendesk – Vysta platform Q&A',detail:'Asked about patient onboarding · Resolved same day · CSAT 5/5'},
      {date:'Apr 13',color:'#3b82f6',title:'Order placed – $2,100',detail:'Shopify #4818 · CJC-1295, Ipamorelin · Fulfilled'},
      {date:'Apr 02',color:'#3b82f6',title:'Order placed – $1,800',detail:'Shopify #4768 · TB-500, BPC-157 · Fulfilled'},
      {date:'Mar 28',color:'#a78bfa',title:'AI – Vysta Demo Booked',detail:'Stage moved to Demo Booked · Entity link created'},
      {date:'Mar 21',color:'#a78bfa',title:'Twilio SMS – Vysta intro',detail:'Outbound · Replied positively · Scheduled demo'},
      {date:'Mar 15',color:'#3b82f6',title:'Order placed – $2,000',detail:'Shopify #4688 · Sermorelin, GHK-Cu · Fulfilled'}]
  }
};

// ══════════════════════════════
// PHYSICIAN MODAL
// ══════════════════════════════
var _physModal;
function openPhysModal(name) {
  var p = profiles[name];
  if (!p) return;
  document.getElementById('mc-modal-root').innerHTML = buildModalHTML(p);
  if (!_physModal) _physModal = new bootstrap.Modal(document.getElementById('physModal'));
  _physModal.show();
}

function switchMTab(id, btn) {
  document.querySelectorAll('.mc-mpane').forEach(function(el){ el.classList.remove('active'); });
  document.querySelectorAll('#mc-modal-root .nav-link').forEach(function(b){ b.classList.remove('active'); });
  var pane = document.getElementById(id);
  if (pane) pane.classList.add('active');
  btn.classList.add('active');
  document.querySelector('#mc-modal-root .modal-body').scrollTop = 0;
}

function buildTimeline(tl) {
  return '<div class="mc-timeline">' + tl.map(function(t){
    return '<div class="mc-tl-item"><div class="mc-tl-dot" style="background:'+t.color+';box-shadow:0 0 0 3px '+t.color+'22;"></div>'
      +'<div class="flex-grow-1"><div class="d-flex justify-content-between align-items-baseline gap-2 mb-1">'
      +'<span class="mc-tl-title">'+t.title+'</span><span class="mc-tl-date">'+t.date+'</span></div>'
      +'<div class="mc-tl-detail">'+t.detail+'</div></div></div>';
  }).join('') + '</div>';
}

function buildModalHTML(p) {
  var flowPct = Math.round((p.klaviyo.flowStep / p.klaviyo.flowTotal) * 100);
  var eBadges = p.entities.map(function(e){ return '<span class="badge bg-light-primary text-primary f-10">'+e+'</span>'; }).join('');
  var zdStatusBadge = p.zendesk.openTickets > 0
    ? '<span class="badge bg-light-warning text-warning">'+p.zendesk.openTickets+' open</span>'
    : '<span class="badge bg-light-success text-success">All clear</span>';

  var klvEmails = p.klaviyo.emails.map(function(e){
    return '<div class="d-flex align-items-start gap-2 py-2 border-bottom">'
      +'<div class="avtar avtar-xs rounded" style="background:'+(e.opened?'rgba(34,197,94,.15)':'rgba(239,68,68,.1)')+';color:'+(e.opened?'#16a34a':'#dc2626')+';">'
      +'<i class="ti '+(e.opened?'ti-mail-opened':'ti-mail')+' f-12"></i></div>'
      +'<div class="flex-grow-1"><p class="mb-0 f-12 fw-medium">'+e.name+'</p>'
      +'<p class="mb-0 f-10 text-muted" style="font-family:monospace;">'+e.date+' · '+(e.clicked?'Opened + Clicked':e.opened?'Opened · No click':'Not opened')+'</p></div>'
      +'<small class="'+(e.opened?'text-success':'text-danger')+' f-10" style="font-family:monospace;">'+(e.opened?'✓ open':'✗ no open')+'</small>'
      +'</div>';
  }).join('');

  var zdTickets = p.zendesk.tickets.map(function(t){
    var isOpen = t.status==='open'||t.status==='pending';
    var cls = isOpen ? 'mc-zd-open' : 'mc-zd-resolved';
    var stars = t.csat ? '★'.repeat(t.csat)+'☆'.repeat(5-t.csat) : '–';
    return '<div class="card mb-2 '+cls+'">'
      +'<div class="card-body py-2 px-3">'
      +'<div class="d-flex justify-content-between align-items-start gap-2 mb-1">'
      +'<span class="f-12 fw-medium">'+t.title+'</span><span class="text-muted f-10" style="font-family:monospace;">'+t.id+'</span></div>'
      +'<div class="d-flex align-items-center gap-2">'
      +'<small class="text-muted" style="font-family:monospace;">'+t.date+' · '+t.age+'</small>'
      +'<span class="badge '+(isOpen?'bg-light-warning text-warning':'bg-light-success text-success')+' f-10 >'+t.status+'</span>'
      +(t.csat?'<small class="text-warning ms-auto">'+stars+' <span class="text-muted f-10 >CSAT '+t.csat+'/5</span></small>':'')
      +'</div></div></div>';
  }).join('');

  return ''
    // ── MODAL HEADER ──
    +'<div class="modal-header align-items-start">'
    +'<div class="d-flex gap-3 align-items-start" style="min-width:0;">'
    +'<div class="avtar avtar-l rounded-circle" style="background:'+p.bg+';color:'+p.color+';font-weight:700;flex-shrink:0;">'+p.initials+'</div>'
    +'<div style="min-width:0;">'
    +'<h5 class="modal-title mb-1">'+p.name+'</h5>'
    +'<p class="text-muted f-12 mb-2" style="font-family:monospace;">'+p.specialty+' · '+p.clinic+' · '+p.location+'</p>'
    +'<div class="d-flex gap-2 flex-wrap"><span class="mc-tier '+p.tierCls+'">'+p.tier+'</span>'
    +'<span class="badge '+p.churnBadge+' f-10 >Churn: '+p.churnRisk+'</span>'+eBadges+'</div>'
    +'</div></div>'
    +'<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>'
    +'</div>'
    // ── TAB NAV ──
    +'<div class="px-3 border-bottom" style="background:var(--bs-tertiary-bg,#f8f9fa);">'
    +'<ul class="nav nav-tabs border-0">'
    +'<li class="nav-item"><button class="nav-link active" onclick="switchMTab(\'mc-ov\',this)">Overview</button></li>'
    +'<li class="nav-item"><button class="nav-link" onclick="switchMTab(\'mc-tl\',this)">Timeline</button></li>'
    +'<li class="nav-item"><button class="nav-link" onclick="switchMTab(\'mc-kl\',this)">Klaviyo</button></li>'
    +'<li class="nav-item"><button class="nav-link" onclick="switchMTab(\'mc-zd\',this)">Zendesk</button></li>'
    +'</ul></div>'
    // ── MODAL BODY ──
    +'<div class="modal-body p-0">'

    // Overview pane
    +'<div id="mc-ov" class="mc-mpane active">'
    +'<div class="row g-0">'
    // Left column
    +'<div class="col-12 col-md-5 p-3 border-end">'
    +'<div class="mc-sec-ttl">Profile</div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">NPI</span><span class="mc-kv-val">'+p.npi+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">License</span><span class="mc-kv-val">'+p.license+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">States</span><span class="mc-kv-val">'+p.states+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">LTV (90d)</span><span class="mc-kv-val text-primary fw-medium">'+p.ltv+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Last order</span><span class="mc-kv-val">'+p.lastOrder+'</span></div>'
    +'<div class="mc-sec-ttl mt-3">AI Scores</div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Pharmacy fit</span><span class="mc-kv-val">'+p.pharmacyFit+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Vysta fit</span><span class="mc-kv-val">'+p.vystaFit+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Cross-sell</span><span class="mc-kv-val">'+p.xsellPriority+'</span></div>'
    +'<div class="mc-sec-ttl mt-3">AI Summary</div>'
    +'<div class="mc-ai-summary">'+p.aiSummary+'</div>'
    +'<div class="mc-sec-ttl mt-3">Klaviyo snapshot</div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Segment</span><span class="mc-kv-val">'+p.klaviyo.segment+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Open rate</span><span class="mc-kv-val">'+p.klaviyo.openRate+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Active flow</span><span class="mc-kv-val f-10">'+p.klaviyo.flowStatus+'</span></div>'
    +'<div class="mc-sec-ttl mt-3">Zendesk snapshot</div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Open tickets</span><span class="mc-kv-val">'+zdStatusBadge+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">CSAT</span><span class="mc-kv-val">'+p.zendesk.csat+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Total tickets</span><span class="mc-kv-val">'+p.zendesk.totalTickets+'</span></div>'
    +'</div>'
    // Right column
    +'<div class="col-12 col-md-7 p-3">'
    +'<div class="mc-sec-ttl">Activity Timeline</div>'
    +'<div class="d-flex gap-3 flex-wrap mb-3">'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#3b82f6;display:inline-block;"></span>Shopify</small>'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;"></span>Klaviyo</small>'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#f59e0b;display:inline-block;"></span>Zendesk</small>'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#a78bfa;display:inline-block;"></span>SMS / AI</small>'
    +'</div>'
    +buildTimeline(p.timeline)
    +'</div></div></div>'

    // Timeline pane
    +'<div id="mc-tl" class="mc-mpane p-3">'
    +'<div class="d-flex gap-3 flex-wrap mb-3">'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#3b82f6;display:inline-block;"></span>Shopify order</small>'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;"></span>Klaviyo email</small>'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#f59e0b;display:inline-block;"></span>Zendesk ticket</small>'
    +'<small class="d-flex align-items-center gap-1 text-muted"><span style="width:8px;height:8px;border-radius:50%;background:#a78bfa;display:inline-block;"></span>SMS / AI action</small>'
    +'</div>'
    +buildTimeline(p.timeline)+'</div>'

    // Klaviyo pane
    +'<div id="mc-kl" class="mc-mpane">'
    +'<div class="p-3 border-bottom" style="background:var(--bs-tertiary-bg,#f8f9fa);">'
    +'<div class="d-flex align-items-center gap-2 mb-2"><span style="width:8px;height:8px;border-radius:2px;background:var(--bs-success);display:inline-block;"></span><span class="fw-semibold f-12">Klaviyo – live profile data</span></div>'
    +'<div class="row g-3">'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.klaviyo.openRate+'</div><div class="text-muted f-10" style="font-family:monospace;">Open rate</div></div>'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.klaviyo.clickRate+'</div><div class="text-muted f-10" style="font-family:monospace;">Click rate</div></div>'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.klaviyo.emails.length+'</div><div class="text-muted f-10" style="font-family:monospace;">Emails sent</div></div>'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.klaviyo.emails.filter(function(e){return e.opened;}).length+'</div><div class="text-muted f-10" style="font-family:monospace;">Opened</div></div>'
    +'</div></div>'
    +'<div class="p-3">'
    +'<div class="mc-sec-ttl">Active Flow</div>'
    +'<div class="card mb-3"><div class="card-body py-2">'
    +'<div class="fw-medium f-12">'+p.klaviyo.flowStatus+'</div>'
    +'<div class="text-muted f-10" style="font-family:monospace;">Step '+p.klaviyo.flowStep+' of '+p.klaviyo.flowTotal+' · Segment: '+p.klaviyo.segment+'</div>'
    +'<div class="mc-flow-bar"><div class="mc-flow-fill" style="width:'+flowPct+'%;"></div></div>'
    +'</div></div>'
    +'<div class="mc-sec-ttl">Recent Emails</div>'
    +klvEmails
    +'<div class="mc-sec-ttl mt-3">Segment</div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Primary segment</span><span class="mc-kv-val">'+p.klaviyo.segment+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Last email sent</span><span class="mc-kv-val">'+p.klaviyo.lastEmail+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Last opened</span><span class="mc-kv-val">'+p.klaviyo.lastOpen+'</span></div>'
    +'<div class="mc-kv-row"><span class="mc-kv-key">Bounced</span><span class="mc-kv-val">No</span></div>'
    +'</div></div>'

    // Zendesk pane
    +'<div id="mc-zd" class="mc-mpane">'
    +'<div class="p-3 border-bottom" style="background:var(--bs-tertiary-bg,#f8f9fa);">'
    +'<div class="d-flex align-items-center gap-2 mb-2"><span style="width:8px;height:8px;border-radius:50%;background:var(--bs-warning);display:inline-block;"></span><span class="fw-semibold f-12">Zendesk – support history</span></div>'
    +'<div class="row g-3">'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.zendesk.totalTickets+'</div><div class="text-muted f-10" style="font-family:monospace;">Total tickets</div></div>'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.zendesk.openTickets+'</div><div class="text-muted f-10" style="font-family:monospace;">Open now</div></div>'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.zendesk.csat+'</div><div class="text-muted f-10" style="font-family:monospace;">Avg CSAT</div></div>'
    +'<div class="col-3"><div class="fw-bold f-18">'+p.zendesk.avgResponseH+'h</div><div class="text-muted f-10" style="font-family:monospace;">Avg response</div></div>'
    +'</div></div>'
    +'<div class="p-3"><div class="mc-sec-ttl">Ticket History</div>'+zdTickets+'</div>'
    +'</div>'

    +'</div>'// end modal-body

    // ── MODAL FOOTER ──
    +'<div class="modal-footer justify-content-between">'
    +'<div class="d-flex gap-2">'
    +'<button class="btn btn-primary" onclick="showToast(\'✓ Outreach approved – queued for send\');bootstrap.Modal.getInstance(document.getElementById(\'physModal\')).hide();">Approve AI outreach</button>'
    +'<button class="btn btn-outline-secondary" onclick="bootstrap.Modal.getInstance(document.getElementById(\'physModal\')).hide();setTimeout(function(){askChat(\'Show all entity links and pipeline stages for '+p.name+'\');},300);">Ask AI →</button>'
    +'</div>'
    +'<small class="text-muted" style="font-family:monospace;">'+p.daysSince+'d since last order · NPI '+p.npi+'</small>'
    +'</div>';
}

// ══════════════════════════════
// QUEUE ACTIONS
// ══════════════════════════════
function approveAction(id, msg) {
  var el = document.getElementById(id);
  if (el) el.classList.add('mc-done');
  showToast('✓ ' + (msg || 'Action approved'));
}
function rejectAction(id) {
  var el = document.getElementById(id);
  if (el) el.classList.add('mc-done');
  showToast('✗ Rejected – removed from queue');
}

// ══════════════════════════════
// TOAST
// ══════════════════════════════
function showToast(msg) {
  var t = document.getElementById('mc-toast');
  t.textContent = msg; t.classList.add('show');
  setTimeout(function(){ t.classList.remove('show'); }, 2800);
}

// ══════════════════════════════
// CHAT
// ══════════════════════════════
var chatResp = {
  'at-risk': { text:'38 physicians flagged at risk this week. Top 5 by tier:', data:[{k:'Dr. Priya Mehta, NP',v:'Gold · 41d inactive'},{k:'Dr. R. Okonkwo, MD',v:'Platinum · 39d inactive'},{k:'Dr. L. Zhang, DO',v:'Gold · 38d inactive'},{k:'Dr. T. Alvarez, MD',v:'Silver · 47d inactive'},{k:'Dr. J. Park, NP',v:'Gold · 35d inactive'}]},
  'cross-sell': { text:'Top Tier 1 Everest Pharmacy candidates – MD/DOs in compounding-favorable states, $2K+/mo:', data:[{k:'Dr. Maria Santos, MD',v:'FL · $8.2K/mo · T1'},{k:'Dr. Carlos Rivera, MD',v:'FL · $4.1K/mo · T1'},{k:'Dr. A. Washington, MD',v:'TX · $3.8K/mo · T1'},{k:'Dr. M. Reyes, MD',v:'AZ · $3.1K/mo · T1'}]},
  'vip inactive': { text:'3 VIP physicians inactive 30+ days – win-backs queued:', data:[{k:'Dr. James Holloway, DO',v:'38d · win-back queued'},{k:'Dr. S. Petrov, MD',v:'33d · win-back queued'},{k:'Dr. F. Osei, MD',v:'31d · win-back queued'}]},
  'florida': { text:'214 physicians licensed in Florida across all entities:', data:[{k:'Path Peptides active',v:'187 physicians'},{k:'Pharmacy Distribution',v:'31 physicians'},{k:'Vysta (FL licensed)',v:'22 physicians'},{k:'FL revenue share (90d)',v:'$68.4K (24%)'}]},
  'revenue': { text:'90-day revenue breakdown:', data:[{k:'Path Peptides',v:'$201,400'},{k:'Everest Pharmacy',v:'$57,200'},{k:'Vysta Telemedicine',v:'$26,100'},{k:'Total LTV',v:'$284,700'}]}
};
function findResp(msg) {
  var lo = msg.toLowerCase();
  if (lo.includes('risk') || lo.includes('churn')) return chatResp['at-risk'];
  if (lo.includes('cross') || lo.includes('tier 1') || lo.includes('pharmacy')) return chatResp['cross-sell'];
  if (lo.includes('vip') || lo.includes('inactive') || lo.includes('30+')) return chatResp['vip inactive'];
  if (lo.includes('florida') || lo.includes(' fl')) return chatResp['florida'];
  if (lo.includes('revenue') || lo.includes('ltv') || lo.includes('quarter')) return chatResp['revenue'];
  return { text:'In the live build this hits Supabase via the Laravel API and Claude MCP layer. Try a quick ask or click any physician row for their full profile.', data:null };
}
function addMsg(role, text, data) {
  var c = document.getElementById('mc-chat-msgs');
  var d = document.createElement('div');
  d.className = 'd-flex flex-column gap-1';
  var html = '<small class="text-muted'+(role==='assistant'?' text-primary':'')+'" style="font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">'+role+'</small>'
    +'<div class="'+(role==='user'?'mc-bubble-user':'mc-bubble-ai')+'">'+text+'</div>';
  if (data) {
    html += '<div class="mc-msg-data">' + data.map(function(r){
      return '<div class="mc-msg-data-row"><span class="text-muted">'+r.k+'</span><span class="fw-medium">'+r.v+'</span></div>';
    }).join('') + '</div>';
  }
  d.innerHTML = html;
  c.appendChild(d);
  c.scrollTop = c.scrollHeight;
}
function showTyping() {
  var c = document.getElementById('mc-chat-msgs');
  var d = document.createElement('div');
  d.id = 'mc-typing';
  d.innerHTML = '<small class="text-primary" style="font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-family:monospace;">assistant</small>'
    +'<div class="mc-typing"><span></span><span></span><span></span></div>';
  c.appendChild(d); c.scrollTop = c.scrollHeight;
}
function removeTyping() { var e = document.getElementById('mc-typing'); if (e) e.remove(); }
function sendChat() {
  var inp = document.getElementById('mc-chat-input');
  var msg = inp.value.trim(); if (!msg) return;
  addMsg('user', msg, null); inp.value = ''; showTyping();
  setTimeout(function(){ removeTyping(); var r=findResp(msg); addMsg('assistant',r.text,r.data); }, 700+Math.random()*400);
}
function askChat(q) {
  var panel = document.getElementById('mc-chat-panel');
  if (window.innerWidth < 1400 && !panel.classList.contains('mc-chat-open')) panel.classList.add('mc-chat-open');
  document.getElementById('mc-chat-input').value = q; sendChat();
}
function handleChatKey(e) { if (e.key==='Enter' && !e.shiftKey){ e.preventDefault(); sendChat(); } }
function toggleChat() {
  var panel = document.getElementById('mc-chat-panel');
  var h = document.querySelector('.pc-header');
  if (h) panel.style.top = h.offsetHeight + 'px';
  panel.classList.toggle('mc-chat-open');
}

// ══════════════════════════════
// PHYSICIAN TABLE
// ══════════════════════════════
var tblFilters = { tier:'all', risk:'all', entity:'all' };
var tblSortCol = 'daysSince', tblSortDir = 1;
var tblData = Object.keys(profiles).map(function(k){ return Object.assign({ _key: k }, profiles[k]); });

function setFilter(type, val, el) {
  tblFilters[type] = val;
  document.querySelectorAll('[data-filter="'+type+'"]').forEach(function(b){ b.classList.remove('active'); });
  el.classList.add('active');
  renderTable();
}
function sortTable(col, th) {
  if (tblSortCol === col) { tblSortDir *= -1; } else { tblSortCol = col; tblSortDir = 1; }
  document.querySelectorAll('#mc-phys-tbody').forEach(function(){});
  ['name','specialty','location','tier','ltv','daysSince','churnRisk'].forEach(function(c){
    var s = document.getElementById('sort-'+c);
    if (s) s.textContent = '';
  });
  var sortEl = document.getElementById('sort-'+col);
  if (sortEl) sortEl.textContent = tblSortDir === 1 ? ' ↓' : ' ↑';
  renderTable();
}
function renderTable() {
  var data = tblData.filter(function(p){
    if (tblFilters.tier !== 'all' && p.tier !== tblFilters.tier) return false;
    if (tblFilters.risk !== 'all' && p.churnRisk !== tblFilters.risk) return false;
    if (tblFilters.entity !== 'all' && p.entities.indexOf(tblFilters.entity) === -1) return false;
    return true;
  });
  data.sort(function(a, b){
    var av = a[tblSortCol], bv = b[tblSortCol];
    if (tblSortCol === 'ltv') {
      var parse = function(v){ return parseFloat(v.replace(/[$,K]/g,'')) * (v.includes('K')?1000:1); };
      av = parse(av); bv = parse(bv);
    }
    if (typeof av === 'string') return tblSortDir * av.localeCompare(bv);
    return tblSortDir * (av - bv);
  });
  var tbody = document.getElementById('mc-phys-tbody');
  if (!data.length) {
    tbody.innerHTML = '<tr><td colspan="8" class="text-center text-muted py-5" style="font-family:monospace;">No physicians match these filters.</td></tr>';
    return;
  }
  var dc = function(d){ return d<=14?'mc-days-ok':d<=35?'mc-days-warn':'mc-days-bad'; };
  tbody.innerHTML = data.map(function(p){
    var ents = p.entities.map(function(e){ return '<span class="badge bg-light-primary text-primary f-10 me-1">'+e.split(' ')[0]+'</span>'; }).join('');
    return '<tr style="cursor:pointer;" onclick="openPhysModal(\''+p._key+'\')">'
      +'<td><div class="avtar avtar-xs rounded-circle me-2" style="background:'+p.bg+';color:'+p.color+';font-size:9px;font-weight:700;display:inline-flex;vertical-align:middle;">'+p.initials+'</div><span class="fw-medium">'+p.name+'</span></td>'
      +'<td class="text-muted f-12">'+p.specialty+'</td>'
      +'<td class="text-muted f-12">'+p.location+'</td>'
      +'<td><span class="mc-tier '+p.tierCls+'">'+p.tier+'</span></td>'
      +'<td class="mc-ltv-val">'+p.ltv+'</td>'
      +'<td class="'+dc(p.daysSince)+'" style="font-family:monospace;">'+p.daysSince+'d</td>'
      +'<td><span class="badge '+p.churnBadge+' f-10 >'+p.churnRisk+'</span></td>'
      +'<td>'+ents+'</td>'
      +'</tr>';
  }).join('');
}

// ══════════════════════════════
// COMMAND PALETTE
// ══════════════════════════════
var cmdIndex = [], cmdFiltered = [], cmdActive = -1;

function buildCmdIndex() {
  cmdIndex = [];
  Object.keys(profiles).forEach(function(name){
    var p = profiles[name];
    cmdIndex.push({ group:'Physicians', icon:'ti ti-stethoscope', label:p.name, hint:p.specialty+' · '+p.location, action:function(){ openPhysModal(name); } });
  });
  ['Who are my at-risk accounts this week?','Top Tier 1 pharmacy cross-sells?','VIPs inactive 30+ days?','Physicians licensed in Florida?','Revenue by entity this quarter?'].forEach(function(q){
    cmdIndex.push({ group:'Quick asks', icon:'ti ti-message-circle', label:q, hint:'Ask AI', action:function(){ askChat(q); } });
  });
  cmdIndex.push(
    { group:'Navigation', icon:'ti ti-layout-dashboard', label:'Overview dashboard', hint:'View', action:function(){ showView('overview'); } },
    { group:'Navigation', icon:'ti ti-users', label:'Physician table', hint:'View', action:function(){ showView('physicians'); } }
  );
}
function openPalette() {
  buildCmdIndex();
  document.getElementById('mc-cmd-overlay').classList.add('open');
  document.getElementById('mc-cmd-input').value = '';
  document.body.style.overflow = 'hidden';
  setTimeout(function(){ document.getElementById('mc-cmd-input').focus(); }, 30);
  filterPalette('');
}
function closePalette() {
  document.getElementById('mc-cmd-overlay').classList.remove('open');
  document.body.style.overflow = '';
}
function filterPalette(query) {
  var q = query.toLowerCase().trim();
  cmdFiltered = q ? cmdIndex.filter(function(i){ return i.label.toLowerCase().includes(q) || (i.hint||'').toLowerCase().includes(q); }) : cmdIndex;
  var container = document.getElementById('mc-cmd-results');
  if (!cmdFiltered.length) { container.innerHTML = '<div class="text-center text-muted py-4" style="font-family:monospace;font-size:12px;">No results for "'+query+'"</div>'; cmdActive=-1; return; }
  var groups = {};
  cmdFiltered.forEach(function(item, idx){ if (!groups[item.group]) groups[item.group]=[]; groups[item.group].push({item:item,idx:idx}); });
  var html = '';
  Object.keys(groups).forEach(function(g){
    html += '<div class="mc-cmd-group">'+g+'</div>';
    groups[g].forEach(function(o){
      html += '<div class="mc-cmd-item" data-idx="'+o.idx+'" onclick="cmdSelect('+o.idx+')">'
        +'<i class="'+o.item.icon+' f-14 text-muted" style="width:18px;text-align:center;"></i>'
        +'<span class="flex-grow-1 f-12">'+o.item.label+'</span>'
        +'<span class="mc-cmd-hint">'+o.item.hint+'</span>'
        +'</div>';
    });
  });
  container.innerHTML = html;
  cmdActive = -1;
}
function cmdSelect(idx) {
  if (cmdFiltered[idx]) { closePalette(); setTimeout(cmdFiltered[idx].action, 50); }
}
function cmdMoveActive(dir) {
  var items = document.querySelectorAll('.mc-cmd-item');
  if (!items.length) return;
  items.forEach(function(i){ i.classList.remove('active'); });
  cmdActive = Math.max(0, Math.min(items.length-1, cmdActive+dir));
  items[cmdActive].classList.add('active');
  items[cmdActive].scrollIntoView({ block:'nearest' });
}
document.getElementById('mc-cmd-input').addEventListener('keydown', function(e){
  if (e.key==='ArrowDown'){ e.preventDefault(); cmdMoveActive(1); }
  else if (e.key==='ArrowUp'){ e.preventDefault(); cmdMoveActive(-1); }
  else if (e.key==='Enter'){
    e.preventDefault();
    var active = document.querySelector('.mc-cmd-item.active');
    if (active) { cmdSelect(parseInt(active.dataset.idx)); }
    else { var q=this.value.trim(); if(q){closePalette();setTimeout(function(){askChat(q);},80);} }
  }
});

// ══════════════════════════════
// SIDEBAR NAV WIRING (no blade changes)
// ══════════════════════════════
(function wireSidebar(){
  var entityMap = { 'All Entities':'all', 'Path Peptides':'path', 'Everest Pharmacy':'pharmacy', 'Vysta Telemedicine':'vysta', 'Meridian':'meridian' };
  var viewMap   = { 'Overview':'overview', 'Physicians':'physicians' };
  document.querySelectorAll('.pc-link').forEach(function(link){
    var textEl = link.querySelector('.pc-mtext');
    if (!textEl) return;
    var text = textEl.textContent.trim();
    if (entityMap[text]) {
      link.addEventListener('click', function(e){
        e.preventDefault();
        var btn = document.querySelector('[data-entity="'+entityMap[text]+'"]');
        if (btn) { btn.click(); }
      });
    }
    if (viewMap[text]) {
      link.addEventListener('click', function(e){
        e.preventDefault();
        showView(viewMap[text]);
      });
    }
  });
})();

// ══════════════════════════════
// GLOBAL KEYBOARD SHORTCUTS
// ══════════════════════════════
document.addEventListener('keydown', function(e){
  if (e.key === 'Escape') {
    if (document.getElementById('mc-cmd-overlay').classList.contains('open')) { closePalette(); return; }
    return;
  }
  if ((e.metaKey || e.ctrlKey) && e.key === 'k') { e.preventDefault(); openPalette(); }
});

// ══════════════════════════════
// INIT
// ══════════════════════════════
renderSparklines('all');
buildCmdIndex();
</script>
@endsection