<%
// Top nav — RESPONSIVE.
//
// Mobile (<768px):
// - Brand centered, small theme-toggle right.
// - All other actions live in the bottom-tab nav.
// - Sticky top, blur background, safe-area-top respected.
//
// Desktop (≥768px):
// - Full v9 masthead: brand left, action row right
// (Archief / Search / Install / Theme / Prutter / User-menu).
// - bottom-tab is hidden via CSS, so all nav must live here.
const _siteUrlBase = (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '';
const _isAdmin = typeof bodyClass !== 'undefined' && bodyClass.indexOf('on-admin') >= 0;
const _hasSearch = !site || site.show_search === undefined || site.show_search;
const _canPost = user && (typeof canMutate === 'undefined' || canMutate)
&& permissions && permissions.canCreatePost && permissions.canCreatePost(user, site);
%>
<% if (_isAdmin) { %>
<%= t('nav.back_to_site') %>
<% } else if (typeof tenancy !== 'undefined' && tenancy === 'hub') { %>
<%# Hub: de brand gaat naar de hub-home via HTMX. De chrome wordt in hub-modus
altijd gerenderd en via body.on-hub (CSS) verborgen op de landing, dus htmx
kan schakelen zonder full-reload → de audioplayer blijft leven. %>
<% } else if (site) { %>
<%= site.title %>
<% } else { %>
Klonkt
<% } %>