<ul class="list-group">
	<li class="list-group-item header-right">
		<?php
			echo '<h2>Ventas ' . $nombre_tienda . '</h2>';
		?>
	</li>
	<li class="list-group-item header-right">
		<?php
			$this->load->view('ventas/navigation');
		?>
		<?php if (in_array($_SESSION['usuario']['perfil'], [1, 2, 3])) { ?>
			<h4>Total Periodo: <?php echo clp($dias['total_periodo']); ?></h4>
			<?php
		}
		?>
		<div class="alertas-tienda" data-id-canal="<?php echo $id_canal ?? 0; ?>" style="display: none; font-size: 18px"></div>
	</li>
<?php
//$data['clientes'] = $clientes;
if(!empty($dias['ventas'])) {
	$expanded = 'true';
	$expandedShow = 'show';
	foreach ($dias['ventas'] as $dia => $ventas) {
		?>
			<li class="list-group-item">
				<div class="row">
					<div class="col-sm-8">
						<h4 class="mes clickable" data-toggle="collapse" data-target="#ventas-<?php echo $dia; ?>" aria-expanded="<?php echo $expanded; ?>" aria-controls="ventas-<?php echo $dia; ?>">
							<?php echo fechaDia($dia);?> 
							<span class="badge badge-pill badge-primary tt" title="Cantidad de ventas"><?php echo count($ventas); ?></span>
							<span class="badge badge-pill badge-primary tt" title="Ticket promedio"><?php echo clp($dias['total'][$dia]/(count($ventas) ?? 1)); ?></span>
							<?php
							$totalNuevos = $dias['nuevos'][$dia]; // Nuevos llegados + registrados
							$registrados = $dias['registrados'][$dia]; 
							$suscritos = $dias['suscritos'][$dia];

							$porcRegistrados = $totalNuevos ? round($registrados * 100 / $totalNuevos, 1) : 0;

							$porcRegClass = 'badge-danger';
							if ($porcRegistrados >= 75) {
								$porcRegClass = 'badge-success';
							}
							else if ($porcRegistrados >= 50) {
								$porcRegClass = 'badge-warning';
							}

							$porcSuscritos = $registrados ? round($suscritos * 100 / $registrados, 1) : 0;
							$porcSusClass = 'badge-danger';
							if ($porcSuscritos >= 75) {
								$porcSusClass = 'badge-success';
							}
							else if ($porcSuscritos >= 50) {
								$porcSusClass = 'badge-warning';
							}
							/*
							<span class="badge badge-pill <?php echo $porcRegClass; ?> tt" title="Clientes Registrados"><?php echo $dias['registrados'][$dia] . '/' . count($ventas) . ' (' . $porcRegistro . '%)'; ?></span>
							*/ ?>

							<span class="badge badge-pill <?php echo $porcRegClass; ?> tt" title="Nuevos clientes registrados">
								<?= $registrados ?>/<?= $totalNuevos ?> (<?= $porcRegistrados ?>%)
							</span>
							<span class="badge badge-pill <?php echo $porcSusClass; ?> tt" title="Nuevos clientes suscritos al newsletter">
								<?= $suscritos ?>/<?= $registrados ?> (<?= $porcSuscritos ?>%)
							</span>
							<span class="badge badge-pill badge-success tt" title="Estrellas del día">
								<?= $dias['estrellas'][$dia] ?> <i class="fas fa-star"style="color: #ffc107;"></i>
							</span>


						</h4>
					</div>
					<div class="col-sm-4 text-right">
						<h5>
							<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#modalResumenDia" 
							data-dia="<?php echo $dia; ?>" data-dia-texto="<?php echo fechaDia($dia); ?>" data-id-canal="<?php echo $idCanal; ?>">
								<i class="fas fa-eye"></i>
							</button>
							<span class="badge badge-pill badge-success tt" title="Total día"><?php echo clp($dias['total'][$dia]); ?></span>
						</h5>
					</div>
				</div>
				<?php
					if (!empty($ventas)) {
						foreach($ventas as $v) {
							?>
							<div id="ventas-<?php echo $dia; ?>" class="collapse <?php echo $expandedShow; ?>">
								<?php
									$data['v'] = $v;
									$data['boletas'] = true;
									$this->load->view('ventas/single', $data);
								?>
							</div>
							<?php
						}
					}
					else {
						echo 'Aún no existen ventas';
					}
				?>
			</li>
		<?php
		$expanded = 'false';
		$expandedShow = '';
	}
}
else {

	if ($periodo == 'hoy') {
		?>
		 <li class="list-group-item">
				<div class="row">
					<div class="col-sm-8">
						<h4 class="mes clickable">
							<?php echo fechaDia(date('Ymd'));?> 
							<span class="badge badge-pill badge-primary tt" title="Cantidad de ventas"><?php echo 0; ?></span>
							<span class="badge badge-pill badge-primary tt" title="Ticket promedio"><?php echo clp(0); ?></span>
							<span class="badge badge-pill badge-success tt" title="Clientes nuevos registrados">
								0/0
							</span>
							<span class="badge badge-pill badge-success tt" title="Clientes nuevos suscritos al newsletter">
								0/0
							</span>
							<span class="badge badge-pill badge-success tt" title="Estrellas del día">
								0 <i class="fas fa-star"style="color: #ffc107;"></i>
							</span>
						</h4>
					</div>
					<div class="col-sm-4 text-right">
						<h5>
							<span class="badge badge-pill badge-success tt" title="Total día"><?php echo clp(0); ?></span>
						</h5>
					</div>
				</div>
			<?php
					// Array con los mensajes para cada día de la semana
					$mensajes = [
						'Monday'    => '¡Comienza la semana con energía! Cada cliente feliz cuenta.',
						'Tuesday'   => 'Tu esfuerzo de hoy hace la diferencia. ¡A brillar!',
						'Wednesday' => 'Mitad de semana, mitad de retos superados. ¡Sigue adelante!',
						'Thursday'  => 'Pequeños detalles hoy crean grandes sonrisas mañana.',
						'Friday'    => 'Cierra la semana con todo: actitud positiva y ventas excelentes.',
						'Saturday'  => 'Hoy es día de superar expectativas. ¡Hazlo posible!',
						'Sunday'    => 'Recuerda: tu dedicación inspira a los demás y a ti mismo.'
					];

					// Imprimir el mensaje correspondiente
					$diaHoy = date('l');
					$mensajeHoy = $mensajes[$diaHoy];
					?>

					<div class="mensaje-animado">
						<span class="icono">⭐</span>
						<?php echo $mensajeHoy; ?>
						<span class="icono">⭐</span>
					</div>
		<?php
	}
	else {
		?>
		<li class="list-group-item">No hay ventas en este periodo</li>
		<?php
	}
}
?>
</ul>

<?php $this->load->view('ventas/modal'); ?>

<?php $this->load->view('ventas/modal_resumen'); ?>

<script src="<?php echo js('ventas.js'); ?>"></script>