<% if (typeof showCrmBar !== 'undefined' && showCrmBar !== false) { %>
<div class="crm-bar fade-in-up">
  <i data-lucide="link" style="width:16px;height:16px;color:var(--accent)"></i>
  <span style="font-size:.72rem;color:var(--text-muted);font-weight:600">CRM Context</span>
  <select onchange="if(this.value)window.location='?client_id='+this.value">
    <option value="">— Selecteer cliënt —</option>
    <% (allClients || []).forEach(function(c) { %>
      <option value="<%= c.id %>"<%= activeClientId == c.id ? ' selected' : '' %>><%= c.name %> (<%= c.status %>)</option>
    <% }); %>
  </select>
  <% if (activeClient) { %>
    <div class="crm-hub">
      <% (typeof clientHubLinks !== 'undefined' ? clientHubLinks : []).forEach(function(link) { %>
        <a href="<%= link.href %>"><i data-lucide="<%= link.icon %>" style="width:12px;height:12px"></i> <%= link.label %></a>
      <% }); %>
    </div>
  <% } %>
</div>
<% } %>
