<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <% var _white = locals.portal !== 'staff' && !locals.viewingAsStaff; %>
  <% var _brand = (_white && locals.workspace && locals.workspace.name) || 'VOCTOS'; %>
  <title><%= _brand %> · <%= typeof title !== 'undefined' ? title : 'Client Portal' %></title>

  <% var asset = locals.asset || function (p) { return p; }; %>
  <link rel="stylesheet" href="<%= asset('/css/voctos.css') %>">

  <% var _fav = (_white && locals.workspace && locals.workspace.logoUrl) || null; %>
  <% if (_fav) { %>
    <link rel="icon" href="<%= _fav %>">
    <link rel="apple-touch-icon" href="<%= _fav %>">
  <% } else { %>
    <link rel="icon" href="<%= asset('/favicon.ico') %>" sizes="any">
    <link rel="icon" type="image/png" sizes="32x32" href="<%= asset('/img/favicon-32.png') %>">
    <link rel="icon" type="image/png" sizes="512x512" href="<%= asset('/img/favicon-512.png') %>">
    <link rel="apple-touch-icon" href="<%= asset('/img/apple-touch-icon.png') %>">
  <% } %>

  <script src="<%= asset('/js/bidi.js') %>" defer></script>

  <script>(function(){
    var t=localStorage.getItem('voctos-theme');if(t)document.documentElement.setAttribute('data-theme',t);
    if(localStorage.getItem('voctos-sidebar')==='collapsed'&&!(window.matchMedia&&matchMedia('(max-width:820px)').matches))document.documentElement.setAttribute('data-sidebar','collapsed');
  })();</script>

  <% if (locals.clarityId && !locals.isExport && !locals.hideReplay) { %>
    <script>(function(c,l,a,r,i,t,y){
      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
      t=l.createElement(r);t.async=1;t.src='https://www.clarity.ms/tag/'+i;
      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window,document,'clarity','script','<%= locals.clarityId %>');</script>

    <script id="clarity-ctx" type="application/json"><%- JSON.stringify({
      uid: locals.currentUser ? String(locals.currentUser._id) : '',
      role: locals.currentUser ? String(locals.currentUser.role || '') : 'signed-out',
      portal: String(locals.portal || ''),
      staffViewing: !!locals.viewingAsStaff,
      workspace: locals.workspace ? String(locals.workspace.slug || '') : '',
      plan: locals.workspace && locals.workspace.subscription ? String(locals.workspace.subscription.plan || '') : ''
    }) %></script>
    <script src="<%= asset('/js/clarity.js') %>" defer></script>
  <% } %>

  <% if (locals.range && locals.range.label) { %>
  <meta name="voctos-range" content="<%= locals.range.label %>">
  <meta name="voctos-range-span" content="<%= locals.range.span || '' %>">
  <meta name="voctos-range-support" content="<%= locals.rangeSupport || 'exact' %>">
  <% } %>
</head>
