{% extends 'base.html.twig' %}


{% block contenido %}

	{# PRIMERA ROW CARDS #}
	<div class="row pt-4">

		{# PRIMER COLUMNA #}
		<div class="col-xl-1"></div>
		{# FIN PRIMERA COLUMNA #}

		{# SEGUNDA COLUMNA#}
		<div class="col-xl-10">

			{# TITULO SUPERIOR #}
			<h3 class="tituloPagina sm-text-center">Panel de Procesos</h3>
			<hr>

			{# INICIO PRIMERA ROW CONTENIDO #}
			<div class="row pt-2">

				{# PRIMERA CARD #}
				<div class="col-xl-5 col-xs-12 col-md-6 mb-2">

					<div class="card" id="contenedorIndex">
					<a href="articulos" class="stretched-link"></a>
						<div class="card-header">
							<h6>Artículos</h6>
						</div>

						<ul class="list-group list-group-flush">

							{% if totalesArticulos[1] == totalesArticulos[2] %}

								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-success">{{totalesArticulos[1]}}</span>
										art. en el WebApi de Afix
									</p>
								</li>

								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-success">{{totalesArticulos[2]}}</span>
										artículos en PrestaShop
									</p>
								</li>

							{% else %}

								<li class="list-group-item">
									<p class="card-text">
										Hay
										<span class="badge badge-danger">{{totalesArticulos[1]}}</span>
										art. en el WebApi de Afix
									</p>
								</li>

								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-danger">{{totalesArticulos[2]}}</span>
										artículos en PrestaShop
									</p>
								</li>

								<li class="list-group-item">
									<p class="card-text">Total:
										<span class="badge badge-warning">{{totalesArticulos[0][0]}}</span>
										simples y
										<span class="badge badge-warning">{{totalesArticulos[0][1]}}</span>
										combinaciones
									</p>
								</li>

							{% endif %}

						</ul>
					</div>

				</div>
				{# PRIMERA CARD #}

				{# SEGUNDA CARD #}
				<div class="col-xl-5 col-xs-12 col-md-6 mb-2">

					<div class="card" id="contenedorIndex">

					<a href="clientes" class="stretched-link"></a>

						<div class="card-header">
							<h6>Clientes</h6>
						</div>

						<ul class="list-group list-group-flush">

							{% if totalesClientes[1] == totalesClientes[0] %}

								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-success">{{totalesClientes[1]}}</span>
										clientes en el WebApi de Afix
									</p>
								</li>
								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-success">{{totalesClientes[0]}}</span>
										clientes en PrestaShop
									</p>
								</li>

							{% else %}
								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-danger">{{totalesClientes[1]}}</span>
										clientes en el WebApi de Afix
									</p>
								</li>
								<li class="list-group-item">
									<p class="card-text">Hay
										<span class="badge badge-danger">{{totalesClientes[0]}}</span>
										clientes en PrestaShop
									</p>
								</li>
							{% endif %}
						</ul>

					</div>

				</div>
				{# SEGUNDA CARD #}
			</div>
			{# FIN PRIMERA ROW CONTENIDO #}

		</div>


	</div>
	{# FIN PRIMERA ROW CARDS #}

	{# SEGUNDA ROW CARDS #}
	<div
		class="row pt-4">

		{# PRIMER COLUMNA #}
		<div class="col-xl-1"></div>

		<div class="col-xl-10">

		<div class="row pt-2">
			{# TERCERA CARD #}
			<div class="col-xl-5 col-xs-12 col-md-6 mb-2">
			
				<div class="card" id="contenedorIndex">

				<a href="fabricantes" class="stretched-link"></a>

					<div class="card-header">
						<h6>Fabricantes</h6>
					</div>

					<ul class="list-group list-group-flush">

						<li class="list-group-item">
							<p class="card-text">Hay
								<span class="badge badge-success">{{totalFabricantes}}</span>
								fabricantes en PrestaShop
							</p>
						</li>

					</ul>

				</div>
			</div>

			<div class="col-xl-5 col-xs-12 col-md-6 mb-2">
			
				<div class="card" id="contenedorIndex">

				<a href="pedidos" class="stretched-link"></a>

					<div class="card-header">
						<h6>Pedidos</h6>
					</div>

					<ul class="list-group list-group-flush">

						<li class="list-group-item">
							<p class="card-text">Se han realizado
								<span class="badge badge-success">{{totalesPedidos}}</span>
								pedidos en PrestaShop</p>
						</li>

					</ul>

				</div>
			</div>
		</div>
		</div>

	</div>

{% endblock %}