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

const SERVER_NAME = 'NovaWoW'

/**
 * 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-nw-video,
 * nw-main-logo, nw-video.
 */
export function Video() {
  return (
    <div className="div-nw-video">
      <div className="nw-main-logo">
        <Link href="/">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img
            className="nw_main_logo_img"
            src="/nw-themes/nw-ryu/nw-images/nw-logos/novawow-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="nw-video" autoPlay loop muted playsInline>
        <source src="/nw-themes/nw-ryu/nw-videos/nw-logo.mp4" />
      </video>
    </div>
  )
}