<?php
/**
 * Selos contadores — Fase 2.
 * Os números vêm do CPT Obra (mfm_contadores, cacheado por transient) e
 * mudam quando a SECOM marca uma obra como "Entregue". Enquanto não houver
 * nenhuma obra publicada, os números fictícios do mock seguram o layout.
 */

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

$mfm_tem_obras = (int) wp_count_posts( 'obra' )->publish > 0;
$mfm_contagem  = $mfm_tem_obras
	? mfm_contadores()
	// PLACEHOLDER: números fictícios só pra testar layout e animação.
	: array(
		'obras_entregues'    => 12,
		'servicos_entregues' => 7,
		'em_andamento'       => 43,
	);

$mfm_selos = array(
	array(
		'cor'       => 'verde',
		'numero'    => '+' . $mfm_contagem['obras_entregues'],
		'rotulo'    => 'Obras entregues',
		'descricao' => 'Concluídas e inauguradas',
		'icone'     => 'M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z', // check
	),
	array(
		'cor'       => 'ciano',
		'numero'    => (string) $mfm_contagem['servicos_entregues'],
		'rotulo'    => 'Serviços entregues',
		'descricao' => 'Ações concluídas',
		'icone'     => 'M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66l.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21', // raio
	),
	array(
		'cor'       => 'azul',
		'numero'    => (string) $mfm_contagem['em_andamento'],
		'rotulo'    => 'Em andamento',
		'descricao' => 'Frentes de trabalho ativas',
		'icone'     => 'm22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4', // martelo/ferramenta
	),
);
?>

<!-- ============ SELOS CONTADORES (contagem real do CPT Obra) ============ -->
<section class="mfm-selos" id="contadores">
	<div class="mfm-container">
		<header class="mfm-secao-cabecalho">
			<p class="mfm-secao-cabecalho__eyebrow">Contadores em tempo real</p>
			<h2 class="mfm-secao-cabecalho__titulo">Gestão que realmente faz</h2>
			<p class="mfm-secao-cabecalho__sub">Selos atualizados pelo painel administrativo a cada entrega.</p>
		</header>

		<ul class="mfm-selos__grid">
			<?php foreach ( $mfm_selos as $mfm_selo ) : ?>
				<li class="mfm-selo mfm-selo--<?php echo esc_attr( $mfm_selo['cor'] ); ?>">
					<span class="mfm-selo__icone" aria-hidden="true">
						<svg width="28" height="28" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="<?php echo esc_attr( $mfm_selo['icone'] ); ?>"/></svg>
					</span>
					<span class="mfm-selo__numero" data-contador><?php echo esc_html( $mfm_selo['numero'] ); ?></span>
					<span class="mfm-selo__rotulo"><?php echo esc_html( $mfm_selo['rotulo'] ); ?></span>
					<span class="mfm-selo__descricao"><?php echo esc_html( $mfm_selo['descricao'] ); ?></span>
				</li>
			<?php endforeach; ?>
		</ul>
	</div>
</section>
