// Templar mascot + lockup placeholder. Knight helmet silhouette with templar cross.
// Will be swapped for the real logo from /uploads/logos when user attaches it.

function TemplarMark({ size = 36, accent = 'var(--accent)' }) {
  return (
    <svg width={size} height={size} viewBox="0 0 64 64" style={{ display: 'block' }} aria-hidden="true">
      <defs>
        <linearGradient id="tmGrad" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor={accent} stopOpacity=".95" />
          <stop offset="100%" stopColor={accent} stopOpacity=".55" />
        </linearGradient>
        <radialGradient id="tmGlow" cx="50%" cy="40%" r="55%">
          <stop offset="0%" stopColor={accent} stopOpacity=".35" />
          <stop offset="100%" stopColor={accent} stopOpacity="0" />
        </radialGradient>
      </defs>
      <circle cx="32" cy="32" r="30" fill="url(#tmGlow)" />
      {/* Shield */}
      <path
        d="M32 6 L54 14 L54 30 C54 44 44 54 32 60 C20 54 10 44 10 30 L10 14 Z"
        fill="none"
        stroke="url(#tmGrad)"
        strokeWidth="2.4"
        strokeLinejoin="round"
      />
      {/* Templar cross (paty) inside shield */}
      <g fill="url(#tmGrad)">
        <path d="M30 18 H34 V26 H42 L40 30 L42 34 H34 V46 H30 V34 H22 L24 30 L22 26 H30 Z" />
      </g>
    </svg>
  );
}

function Lockup({ accent, height = 56 }) {
  return (
    <div style={{ display: 'flex', alignItems: 'center' }}>
      <img
        src="assets/balduino-lockup.png"
        alt="Balduino"
        style={{
          height: height,
          width: 'auto',
          display: 'block'
        }}
      />
    </div>
  );
}

window.TemplarMark = TemplarMark;
window.Lockup = Lockup;