@extends('layout.template')
@section('contenido')
<section class="card content-header">
    <header class="m-0">
        <h2>
            Estado General
        </h2>
    </header>
    <br>
    <div class="row">
        <div class="col-lg-3 col-sm-6">
            <a class="small-box bg-info" href="{{url('producto/?buscar_nombre=&producto_estado=&producto_stock=&publicacion_estado=active&producto_codigo=')}}">
                <div class="  inner">
                    <div class="icon">
                        <i class="fa fa-user"></i>
                    </div>
                    <div class="value">
                        <h1 style="color: black" class="count">{{ $ProductosPublicados }}</h1>
                        <p style="color: black">Productos Publicados</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-lg-3 col-sm-6">
            <a class="small-box bg-succes" href="{{url('producto/?buscar_nombre=&producto_estado=&producto_stock=&publicacion_estado=paused&producto_codigo=')}}">
                <div class="  inner">
                    <div class="icon">
                        <i class="fa fa-tags"></i>
                    </div>
                    <div class="value">
                        <h1 style="color: black" class=" count2">{{ $ProductosPausados }}</h1>
                        <p style="color: black">Productos Pausados</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-lg-3 col-sm-6">
            <a class="small-box bg-warning" href="{{url('producto/?buscar_nombre=&producto_estado=2&producto_stock=&publicacion_estado=&producto_codigo=')}}">
                <div class="  inner">
                    <div class="icon">
                        <i class="fa fa-shopping-cart"></i>
                    </div>
                    <div class="value">
                        <h1 style="color: black" class=" count3">{{ $ProductosPorIntegrar }}</h1>
                        <p style="color: black">Pendientes por Integrar</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-lg-3 col-sm-6">
            <a class="small-box bg-danger" href="{{url('producto/?buscar_nombre=&producto_estado=3&producto_stock=&publicacion_estado=&producto_codigo=')}}">
                <div class="  inner">
                    <div class="icon">
                        <i class="fa fa-user"></i>
                    </div>
                    <div class="value">
                        <h1 style="color: black" class=" count4">{{ $ProductosSinCodigo }}</h1>
                        <p style="color: black">Pendientes por Código Cliente</p>
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>
<script>
    function countUp(count, objetivo)
    {
        var div_by = 100,
            speed = Math.round(count / div_by),
            $display = $('#'+objetivo),
            run_count = 1,
            int_speed = 24;

        var int = setInterval(function() {
            if(run_count < div_by){
                $display.text(speed * run_count);
                run_count++;
            } else if(parseInt($display.text()) < count) {
                var curr_count = parseInt($display.text()) + 1;
                $display.text(curr_count);
            } else {
                clearInterval(int);
            }
        }, int_speed);
    }
</script>
@endsection