@extends ('layout')
@section ('titulo') Bienvenido al Sistema de Comprobantes Electronicos - Velboni @stop
@section ('scripts')
{{-- Flot chatrs --}}
{{ HTML::script('js/plugins/flot/jquery.flot.js'); }}
{{ HTML::script('js/plugins/flot/jquery.flot.tooltip.min.js'); }}
{{ HTML::script('js/plugins/flot/jquery.flot.resize.js'); }}
{{ HTML::script('js/plugins/flot/jquery.flot.pie.js'); }}
{{ HTML::script('js/plugins/flot/jquery.flot.time.js'); }}
{{ HTML::script('js/plugins/flot/jquery.flot.axislabels.js'); }}

    
    <script>    
$(document).ready(function() {
   
// Flot Chars Dashboard
 var data2 = [
                 ];

            var data3 = [
                 
];
            var data4 = [
        
];
var data5 = [
        
            ];
            var dataset = [ 
                {
                    label: "Facturas",
                    data: data2,
                    color: "#1C84C6",
                    bars: {
                        show: true,
                        align: "center",
                        barWidth: 24 * 60 * 60 * 600,
                        lineWidth:0
                    }

                },                
                {
                    label: "Retenciones",
                    data: data3,
                     yaxis: 2,
                    color: "#23c6c8",
                    lines: {
                        lineWidth:1,
                            show: true,
                            fill: true,
                        fillColor: {
                            colors: [{
                                opacity: 0.6
                            }, {
                                opacity: 0.
                            }]
                        }
                    },
                    splines: {
                        show: false,
                        tension: 0.6,
                        lineWidth: 1,
                        fill: 0.1
                    },

                },
                {
                    label: "Guías de Remisión",
                    data: data4,
                    yaxis: 3,
                    color: "#1ab394",
                    points: { fillColor: "#1ab394", show: true },
                    lines: {show:true}
                },
                {
                    label: "Notas de Crédito",
                    data: data5,
                    yaxis: 4,
                    color: "#ed5565",
                    points: { fillColor: "#ed5565", show: true },
                    lines: {show:true}
                }                 
            ];


            var options = {
                xaxis: {
                    mode: "time",
                    tickSize: [3, "month"],
                    tickLength: 0,
                    axisLabel: 2024,
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Arial',
                    axisLabelPadding: 10,
                    color: "#d5d5d5"
                },
                yaxes: [{
                    position: "left",                   
                    color: "#d5d5d5",
                     axisLabel: "Facturas",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Arial',
                    axisLabelPadding: 3
                }, {
                    position: "left",                   
                    color: "#d5d5d5",
                    axisLabel: "Retenciones",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Arial',
                    axisLabelPadding: 3
                },
                   {
                    position: "right",
                    color: "black",
                    axisLabel: "Guías",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Verdana, Arial',
                    axisLabelPadding: 3            
                },
                   {
                    position: "right",
                    color: "black",
                    axisLabel: "Notas de Crédito",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: 'Verdana, Arial',
                    axisLabelPadding: 3            
                }
                ],
                legend: {
                    noColumns: 1,
                    labelBoxBorderColor: "#000000",
                    position: "nw"
                },
                grid: {
                    hoverable: true,
                    borderWidth: 0
                }
            };

            function gd(year, month, day) {
                return new Date(year, month - 1, day).getTime();
            }

            

            $.plot($("#flot-dashboard-chart"), dataset, options);
   
});

</script>    
@stop
@section ('contenido')
	<h1 class="titulo">
		Bienvenido
	</h1>
	<h1 class="titulo2">
		Sistema de Comprobantes Electrónicos
	</h1>
<br><br>
                <div class="col-lg-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title boton-1">                                
                                <h5>Facturas</h5>
                            </div>
                            <div class="ibox-content cuadro-1" style="text-align: center;">
                                <a href="{{ URL::to("facturacion") }}">
                                <h1 class="no-margins"><div class="font-bold text-success">{{ $totales[0] }}</div></h1>
                                </a>
                            </div>
                        </div>
                    </div>  
                <div class="col-lg-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title  boton-2">
                                <h5>Retenciones</h5>
                            </div>
                            <div class="ibox-content cuadro-2" style="text-align: center;">
                                <a href="{{ URL::to("retencion") }}">
                                <h1 class="no-margins"><div class="font-bold text-info">{{ $totales[1] }}</div></h1>
                                </a>
                            </div>
                        </div>
                    </div>
                <div class="col-lg-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title boton-3">                                
                                <h5>Guías de Remisión</h5>
                            </div>
                            <div class="ibox-content cuadro-3" style="text-align: center;">
                                <a href="{{ URL::to("guias") }}">
                                <h1 class="no-margins"><div class="font-bold text-navy">{{ $totales[2] }}</div></h1>
                                </a>
                            </div>
                        </div>
                    </div>
                <div class="col-lg-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title  boton-4">                                
                                <h5>Notas de Crédito</h5>
                            </div>
                            
                            <div class="ibox-content cuadro-4" style="text-align: center;">
                                <a href="{{ URL::to("notascredito") }}">
                                <h1 class="no-margins"><div class="font-bold text-danger">{{ $totales[3] }}</div></h1>
                                </a>
                            </div>
                        </div>
            </div>
                <div class="col-lg-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title  boton-1">                                
                                <h5>Notas de Débito</h5>
                            </div>
                            <div class="ibox-content cuadro-1" style="text-align: center;">
                                <a href="{{ URL::to("notasdebito") }}">
                                <h1 class="no-margins"><div class="font-bold text-success">{{ $totales[4] }}</div></h1>
                                </a>
                            </div>
                        </div>
                    </div>  
<!-- Grafico Dashboard -->            
<div class="col-lg-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>Estadística de Documentos Electrónicos mensual del año 2024</h5>
                                <div class="pull-right">
                                    <div class="btn-group">
                                        <!--button type="button" class="btn btn-xs btn-white active">Today</button>
                                        <button type="button" class="btn btn-xs btn-white">Monthly</button>
                                        <button type="button" class="btn btn-xs btn-white">Annual</button-->
                                    </div>
                                </div>
                            </div>
                            <div class="ibox-content">
                                <div class="row">
                                <div class="col-lg-9">
                                    <div class="flot-chart">
                                        <div class="flot-chart-content" id="flot-dashboard-chart"></div>
                                    </div>
                                </div>
								                                <div class="col-lg-3">
                                    <ul class="stat-list">
                                        <li>
                                            <h2 class="no-margins">{{ $totales[0] }}</h2>
                                            <small>Facturas</small>
                                            <div class="stat-percent">0%<i class="fa fa-level-up text-navy"></i></div>
                                            <div class="progress progress-mini">
                                                <div style="width: 0%;" class="progress-bar"></div>
                                            </div>
                                        </li>
                                        <li>
                                            <h2 class="no-margins ">{{ $totales[1] }}</h2>
                                            <small>Retenciones</small>
                                            <div class="stat-percent">0% <i class="fa fa-level-down text-navy"></i></div>
                                            <div class="progress progress-mini">
                                                <div style="width: 0%;" class="progress-bar"></div>
                                            </div>
                                        </li>
                                        <li>
                                            <h2 class="no-margins ">{{ $totales[2] }}</h2>
                                            <small>Guías de Remisión</small>
                                            <div class="stat-percent">0% <i class="fa fa-level-down text-navy"></i></div>
                                            <div class="progress progress-mini">
                                                <div style="width: 0%;" class="progress-bar"></div>
                                            </div>
                                        </li>
                                        <li>
                                            <h2 class="no-margins ">{{ $totales[3] }}</h2>
                                            <small>Notas de Crédito</small>
                                            <div class="stat-percent">0% <i class="fa fa-level-down text-navy"></i></div>
                                            <div class="progress progress-mini">
                                                <div style="width: 0%;" class="progress-bar"></div>
                                            </div>
                                        </li>                                        
                                        <!--li>
                                            <h2 class="no-margins ">9,180</h2>
                                            <small>Monthly income from orders</small>
                                            <div class="stat-percent">22% <i class="fa fa-bolt text-navy"></i></div>
                                            <div class="progress progress-mini">
                                                <div style="width: 22%;" class="progress-bar"></div>
                                            </div>
                                        </li-->
                                        </ul>
                                    </div>
                                </div>
                                </div>

                            </div>
</div>
<!-- Fin grafico Dashboard--> 
<div style="
    width: 84%;
    margin: 0 auto;
    margin-bottom: 22px;"><img style="width: 100%;" src="http://runachayecuador.com/facturacionelectronica/public/img/promociones.png" alt="">
 </br>
</div>


@stop