<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
$avi_lang = 'es';
$is_fr    = false;
$is_es    = true;

$avi_meta_title = 'Hoja de ruta del producto — Avision';
$avi_meta_desc  = 'Lo que hemos lanzado, lo que estamos construyendo y lo que viene después.';
$avi_schema_json = array(
	'@context' => 'https://schema.org',
	'@type'    => 'WebPage',
	'name'     => 'Hoja de ruta del producto — Avision',
	'url'      => 'https://avision.org/es/hoja-de-ruta/',
);

if ( ! class_exists( 'Avision_Page_Template' ) ) {
	require_once AVISION_PLUGIN_DIR . 'includes/class-avision-page-template.php';
}

$hero = array();

Avision_Page_Template::render(
	'roadmap',
	$hero,
	static function () use ( $avi_schema_json ) {
		$timeline = array(
			array(
				'version' => 'v9.0',
				'text'    => 'Lanzamiento completo en producción · Homologación API GBP · OAuth B2C + B2B · Guardian Wave 1 y 2 en vivo',
			),
			array(
				'version' => 'v8.0',
				'text'    => 'Agency Fleet Dashboard · Facturación wholesale masiva · Dynamic Report Builder · Integración AppSumo LTD',
			),
			array(
				'version' => 'v7.0',
				'text'    => 'Motor AVI Intelligence · Base de conocimiento RAG · QI 100% · Trilingüe EN/FR/ES',
			),
			array(
				'version' => 'v6.0',
				'text'    => 'Stripe completo · Guardian Mode 9 escudos · Growth Radar · Feed Google Updates',
			),
			array(
				'version' => 'v5.0',
				'text'    => 'Páginas de marketing B2C + B2B · Túneles de precios · Demo Dashboard · Flujo de auditoría local',
			),
			array(
				'version' => 'v1.0',
				'text'    => 'Fundación · Arquitectura de plugin modular · Backend IA · Esquema de base de datos',
			),
		);
		?>
		<div class="avi-roadmap-page">
			<style>
				.avi-roadmap-page { background: #0A1628; color: #ffffff; font-family: inherit; line-height: 1.65; }
				.avi-roadmap-page * { box-sizing: border-box; }
				.avi-roadmap-page__inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
				.avi-roadmap-page__hero { background: #0A1628; padding: 80px 0 40px; text-align: center; }
				.avi-roadmap-page__hero h1 { margin: 0 0 16px; font-size: 2.5rem; line-height: 1.15; font-weight: 800; color: #ffffff; }
				.avi-roadmap-page__hero p { margin: 0; max-width: 640px; margin-left: auto; margin-right: auto; font-size: 1.12rem; color: #94a3b8; }
				.avi-roadmap-page__columns { background: #0A1628; padding: 0 0 64px; }
				.avi-roadmap-page__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
				.avi-roadmap-page__card { background: #0f1e35; border-radius: 16px; padding: 32px; }
				.avi-roadmap-page__card h2 { margin: 0 0 20px; font-size: 1.2rem; font-weight: 800; color: #ffffff; }
				.avi-roadmap-page__badge { display: inline-block; margin-bottom: 20px; padding: 6px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; }
				.avi-roadmap-page__badge--live { background: #1a3a1a; color: #4ade80; }
				.avi-roadmap-page__badge--progress { background: #1a2a3a; color: #60a5fa; }
				.avi-roadmap-page__badge--next { background: #2a1a3a; color: #c084fc; }
				.avi-roadmap-page__list { list-style: none; margin: 0; padding: 0; }
				.avi-roadmap-page__list li { position: relative; padding: 0 0 14px 22px; font-size: 0.98rem; line-height: 1.55; color: #ffffff; }
				.avi-roadmap-page__list li:last-child { padding-bottom: 0; }
				.avi-roadmap-page__list li::before { content: "✦"; position: absolute; left: 0; top: 0; font-weight: 700; }
				.avi-roadmap-page__list--amber li::before { color: #F59E0B; }
				.avi-roadmap-page__list--violet li::before { color: #6C3FC5; }
				.avi-roadmap-page__list--muted li { color: #94a3b8; }
				.avi-roadmap-page__list--muted li::before { color: #94a3b8; }
				.avi-roadmap-page__history { background: #0A1628; padding: 60px 0 0; }
				.avi-roadmap-page__history h2 { margin: 0 0 12px; text-align: center; font-size: 1.85rem; font-weight: 800; color: #ffffff; }
				.avi-roadmap-page__history-sub { margin: 0 0 40px; text-align: center; color: #94a3b8; font-size: 1rem; }
				.avi-roadmap-page__timeline { position: relative; max-width: 720px; margin: 0 auto; padding: 0 0 8px; }
				.avi-roadmap-page__timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #6C3FC5; transform: translateX(-50%); }
				.avi-roadmap-page__entry { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 0 0 28px  calc(50% + 20px); }
				.avi-roadmap-page__entry:last-child { padding-bottom: 0; }
				.avi-roadmap-page__dot { position: absolute; left: 50%; top: 6px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #6C3FC5; flex-shrink: 0; }
				.avi-roadmap-page__entry-body { min-width: 0; }
				.avi-roadmap-page__version { color: #F59E0B; font-weight: 700; font-size: 18px; line-height: 1.3; }
				.avi-roadmap-page__sep { color: #6C3FC5; }
				.avi-roadmap-page__desc { color: #ffffff; font-size: 15px; opacity: 0.9; line-height: 1.55; }
				.avi-roadmap-page__footer { background: #0A1628; padding: 40px 0 80px; text-align: center; font-size: 14px; color: #94a3b8; }
				@media (max-width: 1024px) {
					.avi-roadmap-page__grid { grid-template-columns: repeat(2, 1fr); }
					.avi-roadmap-page__hero h1 { font-size: 2.15rem; }
				}
				@media (max-width: 768px) {
					.avi-roadmap-page__hero { padding: 56px 0 32px; }
					.avi-roadmap-page__hero h1 { font-size: 1.85rem; }
					.avi-roadmap-page__grid { grid-template-columns: 1fr; }
					.avi-roadmap-page__columns { padding-bottom: 48px; }
					.avi-roadmap-page__history { padding-top: 48px; }
					.avi-roadmap-page__timeline { padding-left: 24px; }
					.avi-roadmap-page__timeline::before { left: 11px; transform: none; }
					.avi-roadmap-page__entry { padding: 0 0 24px 20px; }
					.avi-roadmap-page__dot { left: 11px; margin-left: -6px; }
				}
				@media (max-width: 480px) {
					.avi-roadmap-page__inner { padding: 0 16px; }
					.avi-roadmap-page__card { padding: 24px 20px; }
					.avi-roadmap-page__hero h1 { font-size: 1.55rem; }
					.avi-roadmap-page__history h2 { font-size: 1.55rem; }
				}
			</style>

			<section class="avi-roadmap-page__hero" aria-labelledby="avi-roadmap-hero-title">
				<div class="avi-roadmap-page__inner">
					<h1 id="avi-roadmap-hero-title">Lo que estamos construyendo</h1>
					<p>Lanzado, en progreso y próximamente — actualizado sobre la marcha.</p>
				</div>
			</section>

			<section class="avi-roadmap-page__columns" aria-label="Columnas de hoja de ruta">
				<div class="avi-roadmap-page__inner">
					<div class="avi-roadmap-page__grid">
						<article class="avi-roadmap-page__card">
							<h2>✅ Disponible hoy</h2>
							<span class="avi-roadmap-page__badge avi-roadmap-page__badge--live">En vivo</span>
							<ul class="avi-roadmap-page__list avi-roadmap-page__list--amber">
								<li>Guardian Mode — 9 escudos activos</li>
								<li>Growth Radar — seguimiento semanal y diario de palabras clave</li>
								<li>Agency Fleet Dashboard — acciones masivas, facturación wholesale</li>
								<li>AVI Intelligence — coach IA B2C + motor de flota B2B</li>
								<li>Google Business Profile API — integración oficial</li>
								<li>Enlaces de informes de solo lectura para clientes</li>
								<li>Grey Label — branding de agencia</li>
								<li>Feed Google Updates — últimos cambios de reglas GBP</li>
								<li>Trilingüe — inglés, francés, español</li>
							</ul>
						</article>
						<article class="avi-roadmap-page__card">
							<h2>🔄 En progreso</h2>
							<span class="avi-roadmap-page__badge avi-roadmap-page__badge--progress">En progreso</span>
							<ul class="avi-roadmap-page__list avi-roadmap-page__list--violet">
								<li>Territory Map — visualiza tu zona de dominio local, calle a calle</li>
								<li>UPSKILL Academy — módulos estructurados de formación en SEO local</li>
								<li>AVI Knowledge Expansion — enriquecimiento continuo de la base de inteligencia de AVI con reglas GBP actualizadas, insights sectoriales y actualizaciones reales de SEO local — para que cada respuesta sea más precisa con el tiempo, tanto para comercios locales como para agencias</li>
								<li>Programa para ONG — acceso y precios dedicados</li>
							</ul>
						</article>
						<article class="avi-roadmap-page__card">
							<h2>🔜 Próximamente</h2>
							<span class="avi-roadmap-page__badge avi-roadmap-page__badge--next">Próximamente</span>
							<ul class="avi-roadmap-page__list avi-roadmap-page__list--muted">
								<li>White Label — reemplazo completo de marca para agencias</li>
								<li>Multi-location B2C — gestiona varios perfiles desde una cuenta</li>
								<li>Programa de referidos</li>
								<li>Idiomas adicionales</li>
							</ul>
						</article>
					</div>
				</div>
			</section>

			<section class="avi-roadmap-page__history" aria-labelledby="avi-roadmap-history-title">
				<div class="avi-roadmap-page__inner">
					<h2 id="avi-roadmap-history-title">Cómo llegamos hasta aquí</h2>
					<p class="avi-roadmap-page__history-sub">Cada versión lanzada es un compromiso cumplido.</p>
					<div class="avi-roadmap-page__timeline">
						<?php foreach ( $timeline as $entry ) : ?>
							<div class="avi-roadmap-page__entry">
								<span class="avi-roadmap-page__dot" aria-hidden="true"></span>
								<div class="avi-roadmap-page__entry-body">
									<p class="avi-roadmap-page__desc">
										<span class="avi-roadmap-page__version"><?php echo esc_html( $entry['version'] ); ?></span>
										<span class="avi-roadmap-page__sep"> — </span>
										<?php echo esc_html( $entry['text'] ); ?>
									</p>
								</div>
							</div>
						<?php endforeach; ?>
					</div>
					<p class="avi-roadmap-page__history-sub" style="margin-top:48px;margin-bottom:0;">634.000+ líneas de código propietario, construidas en 4 meses por un fundador en solitario — el motor detrás de 9 escudos Guardian, un coach IA trilingüe y Growth Radar.</p>
				</div>
			</section>

			<section class="avi-roadmap-page__footer" aria-label="Aviso de hoja de ruta">
				<div class="avi-roadmap-page__inner">
					<p>Esta hoja de ruta refleja nuestras prioridades actuales y puede evolucionar. Última actualización: mayo de 2026.</p>
				</div>
			</section>
		</div>
		<script type="application/ld+json"><?php echo wp_json_encode( $avi_schema_json, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE ); ?></script>
		<?php
	}
);
