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

{% block dashboardHome %}
    <div class="bg-white">
        <h3 class="pt-4">Datos del WebApi y el Prestashop</h3> 
    </div>
    <hr>
    
    <div class="col-2"></div>

    <div class="col-8">

        <div class="container">
            <div class="row">

                <div class="col-6 mt-5">

                    <div class="card rounded-0">
                        <div class="card-header bg-success text-white rounded-0">
                            Productos en Web
                        </div>
                        <ul class="list-group rounded-0">
                            <li class="list-group-item">Hay <span class="badge text-bg-success">{{ total_products_erp }}</span>{% if total_products_erp > 1 %} productos {% else %} producto {% endif %} en el Web Api de la ERP</li>
                            <li class="list-group-item">Hay <span class="badge text-bg-success">{{ total_products_web }}</span> {% if total_products_web > 1 %} productos {% else %} producto {% endif %} en la Web</li>
                        </ul>
                    </div>

                </div>

                <div class="col-6 mt-5"> 

                    <div class="card rounded-0">
                        <div class="card-header bg-success text-white rounded-0">
                            Clientes en Web
                        </div>
                        <ul class="list-group rounded-0">
                            <li class="list-group-item">Hay <span class="badge text-bg-success">{{ total_customers_erp }}</span>{% if total_customers_erp > 1 %} clientes {% else %} cliente {% endif %} en el Web Api de la ERP</li>
                            <li class="list-group-item">Hay <span class="badge text-bg-success">{{ total_customers_web }}</span>{% if total_customers_web > 1 %} clientes {% else %} cliente {% endif %} en la Web</li>
                        </ul>
                    </div>

                </div>

                <div class="col mt-5"> 

                    <div class="card rounded-0">
                        <div class="card-header bg-success text-white rounded-0">
                            Pedidos en Web
                        </div>
                        <ul class="list-group rounded-0">
                            <li class="list-group-item">Hay <span class="badge text-bg-success">{{ total_orders_web }}</span>{% if total_orders_web > 1 %} pedidos {% else %} pedido {% endif %} en la Web</li>
                        </ul>
                    </div>

                </div>

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

    <div class="col-2"></div>
    
{% endblock %}