<ul class="list-group">
		<li class="list-group-item">
		<h4>Ventas por Canales</h4>

		<ul class="nav nav-pills alt-pills float-right mini-labels">
			<form method="get">
				<li class="nav-item float-left mr-3">
					<label>Desde</label>
					<input type="date" name="fecha" id="fecha" class="form-control" onchange="this.form.submit()" value="<?= $_GET['fecha'] ?? '' ?>">
				</li>
			</form>
		</ul>
	</li>
	<li class="list-group-item">
		<div class="row ">
			<div class="col-12 dashboard-market">
				<h2>Indicadores</h2>
				<div class="row">
					<h3 class="col-12">Ventas Generales</h3>
					<div class="col-12 col-sm-6 col-xl-3">
						<div class="kpi">
							<h4>Ventas del Día</h4>
							<p class="kpi-value">$<?= clp($indicadores['dia']); ?></p>
							<?php 
								if ($indicadores['crecimiento_dia'] > 0) {
									$class = 'green';
									$signo = '+';
								}
								else {
									$class = 'red';
									$signo = '';
								}
							?>
							<p class="text-center">Crecimiento: <span style="color: <?= $class; ?>"><b><?= $signo . $indicadores['crecimiento_dia']; ?> </span></b><br />
							$<?= clp($indicadores['dia_pasado']); ?></p>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-xl-3">
						<div class="kpi">
							<h4>Ventas de la Semana</h4>
							<p class="kpi-value">$<?= clp($indicadores['semana']); ?></p>
							<?php 
								if ($indicadores['crecimiento_semana'] > 0) {
									$class = 'green';
									$signo = '+';
								}
								else {
									$class = 'red';
									$signo = '';
								}
							?>
							<p class="text-center">Crecimiento: <span style="color: <?= $class; ?>"><b><?= $signo . $indicadores['crecimiento_semana']; ?> </span></b><br />
							$<?= clp($indicadores['semana_pasada']); ?></p>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-xl-3">
						<div class="kpi">
							<h4>Ventas del Mes</h4>
							<p class="kpi-value">$<?= clp($indicadores['mes']); ?></p>
							<?php 
								if ($indicadores['crecimiento_mes'] > 0) {
									$class = 'green';
									$signo = '+';
								}
								else {
									$class = 'red';
									$signo = '';
								}
							?>
							<p class="text-center">Crecimiento: <span style="color: <?= $class; ?>"><b><?= $signo . $indicadores['crecimiento_mes']; ?> </span></b><br />
							$<?= clp($indicadores['mes_pasado']); ?></p>
						</div>
					</div>
					<div class="col-12 col-sm-6 col-xl-3">
						<div class="kpi">
							<h4>Ventas del Año</h4>
							<p class="kpi-value">$<?= clp($indicadores['anio']); ?></p>
							<?php 
								if ($indicadores['crecimiento_anio'] > 0) {
									$class = 'green';
									$signo = '+';
								}
								else {
									$class = 'red';
									$signo = '';
								}
							?>
							<p class="text-center">Crecimiento: <span style="color: <?= $class; ?>"><b><?= $signo . $indicadores['crecimiento_anio']; ?> </span></b><br />
							$<?= clp($indicadores['anio_pasado']); ?></p>
						</div>
					</div>
				</div>
			</div>
			<!-- Ventas del día -->
			<div class="col-12 dashboard-market">
				<div class="row">
					<h3 class="col-12">Ventas del Día</h3>
					<?php
					foreach ($indicadores['canales_dia'] as $k => $v) {
						?>
						<div class="col-12 col-sm-6 col-xl-3">
							<div class="kpi">
								<h4><?= $v; ?></h4>
								<p class="kpi-value">$<?= clp($indicadores['dia_'.$k]); ?></p>
								<?php 
									if ($indicadores['crecimiento_dia_'.$k] > 0) {
										$class = 'green';
										$signo = '+';
									}
									else {
										$class = 'red';
										$signo = '';
									}
								?>
								<p class="text-center">Crecimiento: <span style="color: <?= $class; ?>"><b><?= $signo . $indicadores['crecimiento_dia_'.$k]; ?> </span></b><br />
								$<?= clp($indicadores['dia_pasado_'.$k]); ?></p>
							</div>
						</div>
					<?php 
					}
					?>
					</div>
				</div>
			</div>

		</div>
	
	</li>
</ul>

