/*! The Knowledge – first-party proof widgets (Senja-compatible layouts). No dependencies, no tracking.
 *
 * Usage (drop-in next to, or in place of, a Senja embed):
 *   <div class="tk-proof" data-widget="secondary-reviews"></div>
 *   <script src="https://theknowledge.io/tk-proof.js" async></script>
 *
 * Optional attributes on the div:
 *   data-layout="avatars|quote-wall|carousel"  override the widget's layout
 *   data-collection="coaching|writing|course"  filter instead of a named widget
 *   data-limit="12"                            cap the number of proofs shown
 *   data-src="https://…"                       alternative data URL (JSON)
 *
 * Data source: the Ghost page /proof-data/ (Content API, CORS-enabled), which holds the approved,
 * public proof library as JSON. Only proofs marked approved+public are ever published there.
 */
(function () {
  'use strict';
  if (window.__tkProofLoaded) { window.__tkProofLoaded.scan(); return; }

  var GHOST = 'https://theknowledge.io';
  var KEY = '0ac47743a5f2454a16d2d79223';
  var PAGE = GHOST + '/ghost/api/content/pages/slug/proof-data/?key=' + KEY + '&fields=html';
  var LAYOUT = { avatars: 'avatars', small_quote_wall: 'quote-wall', card_carousel: 'carousel' };
  var dataPromise = {};

  function load(src) {
    src = src || PAGE;
    if (!dataPromise[src]) {
      dataPromise[src] = fetch(src, { credentials: 'omit' }).then(function (r) {
        if (!r.ok) throw new Error('proof data ' + r.status);
        return r.json();
      }).then(function (j) {
        if (j.pages) { // Ghost Content API wrapper: JSON lives in a <script type="application/json"> in the page HTML
          var m = /<script[^>]*id="tk-proof-data"[^>]*>([\s\S]*?)<\/script>/.exec(j.pages[0].html || '');
          if (!m) throw new Error('proof data block missing');
          return JSON.parse(m[1]);
        }
        return j;
      });
    }
    return dataPromise[src];
  }

  function esc(s) { return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]; }); }
  function initials(n) { var p = String(n || '?').replace(/[^\p{L}\p{N} ]/gu, '').trim().split(/\s+/); return ((p[0] || '?')[0] + (p.length > 1 ? p[p.length - 1][0] : '')).toUpperCase(); }
  function hasAvatar(p) { return p.avatar && !/ui-avatars\.com/.test(p.avatar); }
  function avatar(p, size, border) {
    var st = 'width:' + size + 'px;height:' + size + 'px;border-radius:9999px;flex:none;' + (border ? 'border:2px solid ' + border + ';' : '');
    if (hasAvatar(p)) return '<img class="tkp-av" loading="lazy" alt="' + esc(p.name) + '" src="' + esc(p.avatar) + '" style="' + st + 'object-fit:cover;background:#c9eed9">';
    return '<span class="tkp-av" aria-hidden="true" style="' + st + 'display:inline-flex;align-items:center;justify-content:center;background:#c9eed9;color:#2c8c55;font-weight:600;font-size:' + Math.round(size * 0.4) + 'px">' + esc(initials(p.name)) + '</span>';
  }
  function stars(n, color, size) {
    var out = '<span class="tkp-stars" role="img" aria-label="Rated ' + n + ' out of 5" style="display:inline-flex;gap:1px;color:' + color + '">';
    for (var i = 1; i <= 5; i++) {
      var fill = n >= i ? 1 : n > i - 1 ? n - (i - 1) : 0;
      out += '<svg width="' + size + '" height="' + size + '" viewBox="0 0 24 24" aria-hidden="true"><defs><linearGradient id="g' + i + '"><stop offset="' + fill * 100 + '%" stop-color="currentColor"/><stop offset="' + fill * 100 + '%" stop-color="currentColor" stop-opacity=".25"/></linearGradient></defs><path fill="' + (fill === 1 ? 'currentColor' : fill === 0 ? 'currentColor' : 'url(#g' + i + ')') + '" fill-opacity="' + (fill === 0 ? '.25' : '1') + '" d="M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z"/></svg>';
    }
    return out + '</span>';
  }
  function shuffle(a) { a = a.slice(); for (var i = a.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var t = a[i]; a[i] = a[j]; a[j] = t; } return a; }
  function css(once) {
    if (document.getElementById('tkp-css')) return;
    var s = document.createElement('style'); s.id = 'tkp-css';
    s.textContent = [
      '.tk-proof{box-sizing:border-box;font-family:inherit;line-height:1.5}',
      '.tk-proof *{box-sizing:border-box}',
      '.tk-proof mark{background-color:var(--tkp-hl,#ffcd3640);color:inherit;border-radius:4px;padding:0 2px}',
      '.tkp-quote a,.tkp-card a{color:inherit;text-decoration:underline}',
      '.tkp-wall{columns:1;column-gap:16px}',
      '@media(min-width:560px){.tkp-wall{columns:2}}@media(min-width:1100px){.tkp-wall{columns:3}}',
      '.tkp-quote{break-inside:avoid;margin:0 0 32px;padding:8px 12px;text-align:center;font-size:15px}',
      '.tkp-quote .tkp-row{justify-content:center;text-align:left}',
      '.tkp-row{display:flex;align-items:center;gap:10px}',
      '.tkp-name{font-weight:600;font-size:14px}.tkp-title{font-size:12px;opacity:.7}',
      '.tkp-car{position:relative}',
      '.tkp-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 10px 14px 4px}',
      '.tkp-track::-webkit-scrollbar{display:none}',
      '.tkp-card{scroll-snap-align:start;flex:0 0 calc(100% - 14px);display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:8px}',
      '@media(min-width:540px){.tkp-card{flex-basis:calc(50% - 14px)}}@media(min-width:840px){.tkp-card{flex-basis:calc(33.333% - 14px)}}',
      '.tkp-body{font-size:15px}.tkp-body.tkp-clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}',
      '.tkp-more{background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}',
      '.tkp-arrows{display:flex;justify-content:center;gap:8px;margin-top:4px}',
      '.tkp-arrow{width:36px;height:36px;border-radius:9999px;border:2px solid currentColor;background:#fff;cursor:pointer;font-size:16px;line-height:1}',
      '.tkp-media{width:100%;border-radius:8px;margin-top:8px}'
    ].join('\n');
    document.head.appendChild(s);
  }

  function renderAvatars(el, list, d) {
    var c = d.colors || {};
    var seen = {}, uniq = [];
    list.slice().sort(function (a, b) { return hasAvatar(b) - hasAvatar(a); }).forEach(function (p) { if (!seen[p.name]) { seen[p.name] = 1; uniq.push(p); } });
    var rated = list.filter(function (p) { return p.rating > 0; });
    var avg = rated.length ? rated.reduce(function (s, p) { return s + p.rating; }, 0) / rated.length : 5;
    var avs = uniq.slice(0, d.maxAvatars || 5).map(function (p, i) { return '<span style="margin-left:' + (i ? -12 : 0) + 'px;display:inline-flex">' + avatar(p, 40, c.border || '#fff') + '</span>'; }).join('');
    el.innerHTML = '<div class="tkp-avatars" style="display:flex;align-items:center;gap:16px;' + (d.center ? 'justify-content:center;' : '') + '">' +
      (d.showAvatars === false ? '' : '<div style="display:flex">' + avs + '</div>') +
      '<div style="display:flex;flex-direction:column;justify-content:center;gap:4px"><div style="display:flex;align-items:center;gap:4px">' +
      stars(avg, c.rating || '#FBBF24', 16) + (d.showRatingNumber ? '<span style="font-weight:700;font-size:14px;color:' + (c.text || 'inherit') + '">' + avg.toFixed(1) + '</span>' : '') +
      '</div><div style="font-size:14px;color:' + (c.text || 'inherit') + '">' + esc((d.text || 'from {count} reviews').replace(/\{(testimonial_)?count\}/, list.length)) + '</div></div></div>';
  }

  function quoteBody(p, quoted) {
    return '<div class="tkp-body">' + (quoted ? '&#8220;&#8201;' + p.html + '&#8201;&#8221;' : p.html) + '</div>' + (p.media || []).map(function (m) { return '<img class="tkp-media" loading="lazy" alt="" src="' + esc(m.url) + '">'; }).join('');
  }
  function who(p, sz) {
    var name = p.url ? '<a href="' + esc(p.url) + '" target="_blank" rel="noopener nofollow" style="color:inherit;text-decoration:none">' + esc(p.name) + '</a>' : esc(p.name);
    return '<div class="tkp-row">' + avatar(p, sz) + '<div><div class="tkp-name">' + name + '</div>' + (p.title ? '<div class="tkp-title">' + esc(p.title) + '</div>' : '') + '</div></div>';
  }

  function platform(p) {
    if (p.source === 'twitter') return '<a href="' + esc(p.url) + '" target="_blank" rel="noopener nofollow" aria-label="View on X" style="color:#000;flex:none"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.9 2H22l-7.5 8.6L23 22h-6.8l-5.3-6.9L4.8 22H1.7l8-9.2L1 2h7l4.8 6.3L18.9 2zm-1.2 18h1.9L7.4 4H5.4l12.3 16z"/></svg></a>';
    if (p.source === 'linkedin') return '<a href="' + esc(p.url) + '" target="_blank" rel="noopener nofollow" aria-label="View on LinkedIn" style="color:#0a66c2;flex:none"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M4.98 3.5a2.5 2.5 0 11-.02 5 2.5 2.5 0 01.02-5zM3 9h4v12H3zM9 9h3.8v1.7h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.7 4.8 6.1V21h-4v-5.4c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 2.9V21H9z"/></svg></a>';
    return '';
  }
  function renderWall(el, list, d) {
    var q = d.smallQuote || {}, c = q.colors || {};
    el.innerHTML = '<div class="tkp-wall" style="color:' + (c.text || '#374151') + '">' + list.map(function (p) {
      return '<figure class="tkp-quote">' + (q.showRating !== false && p.rating > 0 ? '<div style="margin-bottom:8px">' + stars(p.rating, c.rating || '#FBBF24', 14) + '</div>' : '') +
        '<blockquote style="margin:0 0 12px;border:0;padding:0;font-style:normal">' + quoteBody(p, true) + '</blockquote><figcaption>' + who(p, q.showAvatar === false ? 0 : 32) + '</figcaption></figure>';
    }).join('') + '</div>';
  }

  function renderCarousel(el, list, d) {
    var k = d.card || {}, c = k.colors || {};
    var shadow = k.shadow ? (k.shadowStyle === 'solid' ? '6px 6px 0 ' + (c.shadow || '#000') : '0 10px 15px rgba(0,0,0,.1)') : 'none';
    var radius = { none: 0, sm: 4, md: 8, lg: 12, xl: 16 }[k.borderRadius || 'md'];
    if (k.font && !document.getElementById('tkp-font')) {
      var l = document.createElement('link'); l.id = 'tkp-font'; l.rel = 'stylesheet';
      l.href = 'https://fonts.googleapis.com/css2?family=' + encodeURIComponent(k.font) + ':wght@400;600;700&display=swap'; document.head.appendChild(l);
    }
    el.innerHTML = '<div class="tkp-car" style="font-family:' + (k.font ? "'" + esc(k.font) + "'," : '') + 'inherit"><div class="tkp-track" tabindex="0" aria-label="Testimonials">' +
      list.map(function (p) {
        return '<article class="tkp-card" style="background:' + (c.background || '#fff') + ';color:' + (c.text || '#374151') + ';border:' + (k.border ? (k.borderWidth || 1) + 'px solid ' + (c.border || '#000') : '0') + ';border-radius:' + radius + 'px;box-shadow:' + shadow + '">' +
          '<div style="display:flex;align-items:flex-start;justify-content:space-between;gap:8px">' + who(p, 40) + platform(p) + '</div>' +
          (p.rating > 0 ? stars(p.rating, c.rating || '#fbbf24', 22) : '') +
          '<div class="tkp-body' + (k.truncate ? ' tkp-clamp' : '') + '">' + p.html + '</div>' +
          (k.truncate ? '<button class="tkp-more" type="button" style="color:' + (c.text || 'inherit') + ';opacity:.75;font-weight:400" hidden>' + esc(k.readMoreText || 'Read more') + '</button>' : '') +
          '</article>';
      }).join('') + '</div>' +
      (d.showArrows ? '<div class="tkp-arrows" style="color:' + (c.primary || '#000') + '"><button class="tkp-arrow" type="button" data-dir="-1" aria-label="Previous">&#8592;</button><button class="tkp-arrow" type="button" data-dir="1" aria-label="Next">&#8594;</button></div>' : '') + '</div>';
    var track = el.querySelector('.tkp-track');
    el.querySelectorAll('.tkp-card').forEach(function (card) {
      var b = card.querySelector('.tkp-body'), m = card.querySelector('.tkp-more');
      if (m && b.scrollHeight > b.clientHeight + 2) { m.hidden = false; m.onclick = function () { b.classList.toggle('tkp-clamp'); m.textContent = b.classList.contains('tkp-clamp') ? (k.readMoreText || 'Read more') : 'Show less'; }; }
    });
    function step(dir) {
      var card = track.querySelector('.tkp-card'); if (!card) return;
      var w = card.getBoundingClientRect().width + 16;
      var atEnd = track.scrollLeft + track.clientWidth >= track.scrollWidth - 4;
      track.scrollTo({ left: dir > 0 && atEnd ? 0 : track.scrollLeft + dir * w, behavior: 'smooth' });
    }
    el.querySelectorAll('.tkp-arrow').forEach(function (b) { b.onclick = function () { step(+b.getAttribute('data-dir')); }; });
    if (d.autoplay) {
      var paused = false; track.addEventListener('mouseenter', function () { paused = true; }); track.addEventListener('mouseleave', function () { paused = false; });
      track.addEventListener('focusin', function () { paused = true; });
      if (!(window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches)) setInterval(function () { if (!paused && !document.hidden) step(1); }, (d.autoplaySpeed || 6) * 1000);
    }
  }

  function render(el, data) {
    var name = el.getAttribute('data-widget');
    var w = (data.widgets || {})[name];
    var byId = {}; data.proofs.forEach(function (p) { byId[p.id] = p; });
    var list, design;
    if (w) { list = w.proof_ids.map(function (id) { return byId[id]; }).filter(Boolean); design = w.design; }
    else {
      var col = el.getAttribute('data-collection');
      list = data.proofs.filter(function (p) { return !col || (p.collections || []).indexOf(col) > -1; });
      design = { type: 'small_quote_wall', smallQuote: { colors: {} } };
    }
    if (w && w.sort === 'random') list = shuffle(list);
    else list = list.slice().sort(function (a, b) { return a.date < b.date ? 1 : -1; });
    var limit = +el.getAttribute('data-limit'); if (limit && design.type !== 'avatars') list = list.slice(0, limit);
    var layout = el.getAttribute('data-layout') || LAYOUT[design.type] || 'quote-wall';
    css();
    if (layout === 'avatars') renderAvatars(el, list, design);
    else if (layout === 'carousel') renderCarousel(el, list, design.type === 'card_carousel' ? design : { card: { border: true, borderWidth: 1, colors: {} }, showArrows: true });
    else renderWall(el, list, design.type === 'small_quote_wall' ? design : { smallQuote: { colors: {} } });
    el.setAttribute('data-tkp-rendered', list.length);
  }

  function scan() {
    document.querySelectorAll('.tk-proof:not([data-tkp-rendered])').forEach(function (el) {
      el.setAttribute('data-tkp-rendered', '0');
      load(el.getAttribute('data-src')).then(function (data) { render(el, data); })
        .catch(function (e) { el.removeAttribute('data-tkp-rendered'); if (window.console) console.warn('[tk-proof]', e.message); });
    });
  }
  window.__tkProofLoaded = { scan: scan, load: load, version: 1 };
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', scan); else scan();
})();