<div class="well well-sm" style="margin-bottom:0px;">

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h3 class="page-header" style="margin-top:0px;"><b><i class="fa fa-dashboard fa-fw"></i> <?php echo $MULTILANG_Aplicacion; ?></b> <i>(<?php echo $MULTILANG_MonEstado; ?>)</i></h3>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <div class="row">
                <?php
                    if ($ModoDesarrolladorPractico != "-10000")
                        $ModoDesarrolladorPractico = 0;
                                                          //$ClaseColumnas,                         $EstiloPanel,   $ClaseIconoFA,                      $Titulo,                                                                                $SubTitulo,                     $EnlaceTexto,               $EnlaceURL,                                                     $ClaseTextoTitulo="huge")
    echo PCO_ImprimirPanelSimpleDashboard("col-xs-12 col-sm-6 col-md-3 col-lg-2",   "info",     "fa-users fa-3x",       PCO_ContarRegistrosTabla("app_clientes"),       "Clientes",             "Detalles",    "javascript:document._centro_2.submit();",   "");
    echo PCO_ImprimirPanelSimpleDashboard("col-xs-12 col-sm-6 col-md-3 col-lg-2",   "primary",  "fa-globe fa-3x",       PCO_ContarRegistrosTabla("app_productos"),       "Facturas",             "Detalles",    "javascript:document._centro_4.submit();",   "");
    echo PCO_ImprimirPanelSimpleDashboard("col-xs-12 col-sm-6 col-md-3 col-lg-2",   "success",  "fa-tags fa-3x",        PCO_ContarRegistrosTabla("app_proveedores"),      "Contratos",            "Detalles",    "javascript:document._centro_6.submit();",   "");
    echo PCO_ImprimirPanelSimpleDashboard("col-xs-12 col-sm-6 col-md-3 col-lg-2",   "default",  "fa-money fa-3x",       PCO_ContarRegistrosTabla("app_ventas"),        "Tarifas",              "Detalles",    "javascript:document._centro_1.submit();",   "");
    //echo PCO_ImprimirPanelSimpleDashboard("col-xs-12 col-sm-6 col-md-3 col-lg-2",   "warning",  "fa-picture-o fa-3x",   PCO_ContarRegistrosTabla("app_zona_cobertura"), "Zonas",                "Detalles",    "javascript:document._centro_3.submit();",   "");
                ?>
            </div>
    
            <div class="row">
                    <div  class="col-md-4 col-lg-4 ">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <i class="fa fa-bar-chart-o fa-fw"></i> Ventas por día, último mes
                            </div>
                            <div class="panel-body">
                                <div id="uso-general-aplicativo2"></div>
                            </div>
                        </div>
                    </div>
                    <div  class=" col-md-4 col-lg-4">

                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <i class="fa fa-money fa-fw"></i> Últimas ventas ingresados
                                </div>
                                <div class="panel-body">
                                    <div id="">

                                    <table width="100%">
                                        <tr>
                                            <td width=33% align=center>
                                                    Hoy<br>
                                                    <i class="fa-2x" style="color:green;"><b>   <?php echo PCO_EjecutarSQL("SELECT COUNT(id) FROM app_ventas WHERE fecha = DATE(NOW()) ")->fetchColumn(); ?>   </i></b>
                                            </td>
                                            <td width=33% align=center>
                                                    Hace 1 semana<br>
                                                    <i class="fa-2x" style="color:navy;"><b>    <?php echo PCO_EjecutarSQL("SELECT COUNT(id) FROM app_ventas WHERE fecha >= date_sub(now(),INTERVAL 1 WEEK) ")->fetchColumn(); ?>   </i></b>
                                            </td>
                                            <td width=33% align=center>
                                                    Este mes<br>
                                                    <i class="fa-2x" style="color:red;"><b>     <?php echo PCO_EjecutarSQL("SELECT COUNT(id) FROM app_ventas WHERE MONTH(fecha) = MONTH(NOW()) ")->fetchColumn(); ?>   </i></b>
                                                    <!--<i class="fa-2x" style="color:red;"><b>     <?php echo PCO_EjecutarSQL("SELECT COUNT(id) FROM app_ventas WHERE fecha >= date_sub(now(),INTERVAL 4 WEEK) ")->fetchColumn(); ?>   </i></b>-->
                                            </td>
                                        </tr>
                                    </table>

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

                        <?php
                            //$informe,$en_ventana=1,$formato="htm",$estilo="Informes",$embebido=0,$anular_acciones=0,$anular_piepagina=0,$anular_encabezado=0,$SQLPuro="")
                            PCO_CargarInforme(7,1,"","",1,1,0,0,"");
                        ?>

                    </div>            
                    <div  class="col-md-4 col-lg-4">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <i class="fa fa-bar-chart-o fa-fw"></i> Resumen ventas por mes
                            </div>
                            <div class="panel-body">
                                <div id="conteos-generales-aplicacion2"></div>
                            </div>
                        </div>
                    </div>

            </div>
    </div>
    <br>
    <script language="JavaScript">

$(function() {

    Morris.Area({
        
        //Nombre del marco que tiene el grafico
        element: 'uso-general-aplicativo2',
        data: [
        <?php
            //Inicia la generacion del arreglo con los datos
            $facturas = PCO_EjecutarSQL("SELECT fecha, COUNT(id) as cantidad FROM app_ventas WHERE fecha >= date_sub(date(now()), INTERVAL 30 DAY) GROUP BY fecha ORDER BY fecha");
            $cadena_datos = "";
            while ($factura = $facturas->fetch())
                {
                    $fecha_grafico=$factura["fecha"];
                    $cantidad_grafico=$factura["cantidad"];
                    $cadena_datos.= "
                        {
                            fecha: '".$fecha_grafico."',
                            Ventas: ".$cantidad_grafico."
                        },
                        ";
                }
            $cadena_datos = substr($cadena_datos, 0, -1);
            echo $cadena_datos;
        ?>
        ],
        xkey: 'fecha',
        ykeys: ['Ventas'],
        labels: ['Ventas'],
        pointSize: 2,
        hideHover: 'auto',
        resize: true
    });


    Morris.Bar({
      element: 'conteos-generales-aplicacion2',
      data: [
        /*{ y: '2006', a: 100, b: 90 },
        { y: '2007', a: 75,  b: 65 },
        { y: '2008', a: 50,  b: 40 },
        { y: '2009', a: 75,  b: 65 },
        { y: '2010', a: 50,  b: 40 },
        { y: '2011', a: 75,  b: 65 },
        { y: '2012', a: 100, b: 90 }*/
        <?php
        PCO_EjecutarSQLUnaria("SET lc_time_names = 'es_ES'");
        $resumenPagoMes = PCO_EjecutarSQL("SELECT MONTHNAME(fecha) Mes, COUNT(IF(fecha, 0, NULL)) Pago, COUNT(IF(ISNULL(fecha), 0, NULL)) noPago
                                            FROM app_ventas
                                            GROUP BY MONTHNAME(fecha); ");
            $cadena_datos="";
            while ($mes = $resumenPagoMes->fetch())
                $cadena_datos.= "{ Mes: '" . ucfirst($mes['Mes']) . "', Pago: " . $mes['Pago']. ", noPago: " . $mes['noPago']. " },";

            $cadena_datos = substr($cadena_datos, 0, -1);
            echo $cadena_datos;
        ?>
      ],
      xkey: 'Mes',
      ykeys: ['Pago', 'noPago'],
      labels: ['Pagado', 'no Pagado'],
      resize: true,
      barColors: ['#26B99A', '#DE8244']
    });
});


</script>