<?php
/**
 * Slider de clases — assets desde img/ (ZenithMU custom)
 */
if (!defined('access') || !access) {
	die();
}

$nexClasses = array(
	array('key' => 'dl', 'name' => 'Dark Lord', 'subtitle' => 'Lord Emperor', 'bg' => 'bg-dl-min.png', 'icon' => 'icon-dl.png', 'text' => 'Liderazgo, comando y control del campo; combate junto al Dark Raven y el Dark Horse.'),
	array('key' => 'rf', 'name' => 'Rage Fighter', 'subtitle' => 'Fist Master', 'bg' => 'bg-rf-min.png', 'icon' => 'icon-rf.png', 'text' => 'Fuerza directa y artes marciales; presiona la primera línea con golpes rápidos y consistentes.'),
	array('key' => 'dk', 'name' => 'Blade Knight', 'subtitle' => 'Dark Knight · Blade Master', 'bg' => 'bg-dk-min.png', 'icon' => 'icon-dk.png', 'text' => 'Poder físico y resistencia; sostiene el combate cuerpo a cuerpo y responde bajo presión.'),
	array('key' => 'su', 'name' => 'Summoner', 'subtitle' => 'Bloody Summoner · Dimension Master', 'bg' => 'bg-su-min.png', 'icon' => 'icon-su.png', 'text' => 'Magia de invocación y debilitamiento; controla al rival mientras construye daño propio.'),
	array('key' => 'fe', 'name' => 'High Elf', 'subtitle' => 'Fairy Elf · Muse Elf', 'bg' => 'bg-fe-min.png', 'icon' => 'icon-fe.png', 'text' => 'Precisión, soporte y alcance; fortalece al grupo y mantiene presión desde la distancia.'),
	array('key' => 'dw', 'name' => 'Soul Master', 'subtitle' => 'Dark Wizard · Grand Master', 'bg' => 'bg-dw-min.png', 'icon' => 'icon-dw.png', 'text' => 'Poder mágico ofensivo y dominio de área; convierte posicionamiento y tiempo en ventaja.'),
	array('key' => 'mg', 'name' => 'Magic Gladiator', 'subtitle' => 'Duel Master', 'bg' => 'bg-mg-min.png', 'icon' => 'icon-mg.png', 'text' => 'Versatilidad física y mágica; adapta su construcción al ritmo de cada enfrentamiento.'),
);

$timg = __PATH_TEMPLATE_IMG__;
?>

<section class="nex-char-section nex-reveal" aria-labelledby="nex-char-heading" data-nex-class-count="<?php echo count($nexClasses); ?>">
	<div class="nex-char-heading-wrap">
		<span class="nex-ember"></span>
		<h2 id="nex-char-heading" class="nex-section-title"><?php echo htmlspecialchars(nexora_lang('nexora_classes_title', '7 clases disponibles'), ENT_QUOTES, 'UTF-8'); ?></h2>
		<p class="nex-char-tagline"><?php echo htmlspecialchars(nexora_lang('nexora_classes_sub', 'Elige tu camino en el continente MU'), ENT_QUOTES, 'UTF-8'); ?></p>
	</div>

	<div class="nex-char-slider-stack">
		<div class="swiper nex-char-swiper">
			<div class="swiper-wrapper">
				<?php foreach ($nexClasses as $ci => $c) { ?>
				<div class="swiper-slide" data-index="<?php echo (int) $ci; ?>">
					<div class="nex-char-slide">
						<div class="nex-char-visual">
							<img src="<?php echo $timg . htmlspecialchars($c['bg'], ENT_QUOTES, 'UTF-8'); ?>" alt="" loading="<?php echo $ci === 0 ? 'eager' : 'lazy'; ?>" width="900" height="520">
							<div class="nex-char-vignette" aria-hidden="true"></div>
						</div>
						<div class="nex-char-info">
							<div class="nex-char-badge">
								<img src="<?php echo $timg . htmlspecialchars($c['icon'], ENT_QUOTES, 'UTF-8'); ?>" alt="" width="56" height="56">
							</div>
							<h3 class="nex-char-name"><?php echo htmlspecialchars($c['name'], ENT_QUOTES, 'UTF-8'); ?></h3>
							<p class="nex-char-sub"><?php echo htmlspecialchars($c['subtitle'], ENT_QUOTES, 'UTF-8'); ?></p>
							<p class="nex-char-desc"><?php echo htmlspecialchars($c['text'], ENT_QUOTES, 'UTF-8'); ?></p>
							<div class="nex-stat-bars" aria-hidden="true">
								<div class="nex-bar"><span style="width:<?php echo 45 + ($ci % 5) * 10; ?>%"></span><small>PV</small></div>
								<div class="nex-bar nex-bar--mid"><span style="width:<?php echo 40 + ($ci % 4) * 12; ?>%"></span><small>Daño</small></div>
								<div class="nex-bar nex-bar--def"><span style="width:<?php echo 35 + ($ci % 6) * 9; ?>%"></span><small>DEF</small></div>
							</div>
						</div>
					</div>
				</div>
				<?php } ?>
			</div>
		</div>
		<div class="nex-char-nav">
			<button type="button" class="nex-char-prev swiper-nav-btn" aria-label="Anterior"></button>
			<div class="swiper nex-thumb-swiper">
				<div class="swiper-wrapper">
					<?php foreach ($nexClasses as $c) { ?>
					<div class="swiper-slide">
						<button type="button" class="nex-thumb" data-key="<?php echo htmlspecialchars($c['key'], ENT_QUOTES, 'UTF-8'); ?>">
							<img src="<?php echo $timg . htmlspecialchars($c['icon'], ENT_QUOTES, 'UTF-8'); ?>" alt="<?php echo htmlspecialchars($c['name'], ENT_QUOTES, 'UTF-8'); ?>" width="48" height="48">
						</button>
					</div>
					<?php } ?>
				</div>
			</div>
			<button type="button" class="nex-char-next swiper-nav-btn" aria-label="Siguiente"></button>
		</div>
	</div>
</section>
