import { Link } from '@/i18n/navigation'

const SERVER_NAME = 'NightSpire'

/**
 * Bloque de vídeo de cabecera — réplica del partial Django `partials/video.html`
 * (logo principal + vídeo de fondo en bucle). Clases del tema real: div-ns-video,
 * ns-main-logo, ns-video.
 */
export function Video() {
  return (
    <div className="div-ns-video">
      <div className="ns-main-logo">
        <Link href="/">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img
            className="nw_main_logo_img"
            src="/ns-themes/ns-ryu/ns-images/ns-logos/nightspire-main-logo-transparent.webp"
            alt={SERVER_NAME}
            title={SERVER_NAME}
          />
        </Link>
      </div>
      <div id="live-stream-div">
        <div id="live-stream-announce">
          <a href="./#live-stream" id="live-stream-a">
            <i className="fas fa-video"></i>
          </a>
        </div>
      </div>
      <video className="ns-video" autoPlay loop muted playsInline>
        <source src="/ns-themes/ns-ryu/ns-videos/ns-logo.mp4" />
      </video>
    </div>
  )
}