<?php
/**
 * Hero fullscreen — vídeo do prefeito.
 * Usado pela landing Fase 1 e pela landing de lançamento.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$mfm_poster     = mfm_get( 'hero_poster' );
$mfm_loop       = mfm_get( 'hero_loop' );
$mfm_video_full = mfm_get( 'hero_video_full' );

// Sem poster/vídeo configurados, a caixa de mídia mostra o rótulo "[ Vídeo do Prefeito ]".
?>

<!-- ============ HERO: texto à esquerda, vídeo à direita ============ -->
<section class="mfm-hero" id="obrometro">
	<div class="mfm-container mfm-hero__grid">
		<div class="mfm-hero__texto">
			<p class="mfm-hero__eyebrow">O maior programa da história de Maringá</p>
			<h1 class="mfm-hero__marca">Maringá <span class="mfm-hero__marca-destaque">Faz Mais</span></h1>
			<p class="mfm-hero__sub">O maior programa de obras e serviços</p>
			<a class="mfm-hero__cta" href="#numeros"><?php echo esc_html( mfm_get( 'hero_titulo' ) ); ?></a>
		</div>

		<?php
		// Conteúdo da caixa de vídeo: loop > poster > rótulo placeholder.
		ob_start();
		if ( $mfm_loop ) {
			?>
			<video autoplay muted loop playsinline preload="metadata"<?php echo $mfm_poster ? ' poster="' . esc_url( $mfm_poster ) . '"' : ''; ?>>
				<source src="<?php echo esc_url( $mfm_loop ); ?>" type="video/mp4">
			</video>
			<?php
		} elseif ( $mfm_poster ) {
			?>
			<img src="<?php echo esc_url( $mfm_poster ); ?>" alt="" loading="eager">
			<?php
		} else {
			?>
			<span class="mfm-hero__midia-rotulo">[ Vídeo do Prefeito ]</span>
			<?php
		}
		$mfm_midia = ob_get_clean();
		?>

		<?php if ( $mfm_video_full ) : ?>
			<button class="mfm-hero__midia mfm-hero__play" data-video="<?php echo esc_url( $mfm_video_full ); ?>" aria-label="Assistir ao vídeo do prefeito">
				<?php echo $mfm_midia; // phpcs:ignore WordPress.Security.EscapeOutput -- montado acima com esc_url. ?>
				<span class="mfm-hero__midia-play">
					<svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M8 5v14l11-7z"/></svg>
					Assistir
				</span>
			</button>
		<?php else : ?>
			<div class="mfm-hero__midia mfm-hero__midia--vazio">
				<?php echo $mfm_midia; // phpcs:ignore WordPress.Security.EscapeOutput -- montado acima com esc_url. ?>
			</div>
		<?php endif; ?>
	</div>

	<a class="mfm-hero__seta" href="#numeros" aria-label="Ver os números da campanha">
		<svg width="28" height="28" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z"/></svg>
	</a>
</section>
