@extends('Sidebar.icssacvSidebar')

@section('title', 'Inicio')

@section('contenido')
<div class="card">
    {{-- <center><img src="{{asset('img/sidebar/latas.jpg')}}" style="max-height: 90%; max-width: 90%;" alt="imagen_latas"></center> --}}
    <div class="card-body">
        <div class="row">
            <div class="col-6" style="max-width: 90%;">
                <div class="row">
                    <div class="col-12" style="background-color: #b0434e; color: white;">
                        <center><p>INFORMACIÓN GENERAL</p></center>
                    </div>
                    <div class="col-12" style="color: brown">
                       {{--  <div class="row">
                            <div class="col-11">
                                <li> ESTADOS VISITADOS</li>
                            </div>
                            <div class="col-1">
                                <center>?</center>
                            </div>
                        </div> --}}
                        <div class="row">
                            <div class="col-11">
                                <li> UNIDADES OPERTIVAS VISITADAS</li>
                            </div>
                            <div class="col-1">
                                <center> {!!$uo!!} </center>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-11">
                                <li> EQUIPOS DE TRANSPORTE INVENTARIADOS
                            </div>
                            <div class="col-1">
                                <center>{!!$uo_inv_neg!!}</center>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-11">
                                <ul> CHATARRA</ul>
                            </div>
                            <div class="col-1">
                                <center>{!!$num_chat!!}</center>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-11">
                                <ul> POSIBLE REPARACIÓN INCOMPLETO</ul>
                            </div>
                            <div class="col-1">
                                <center>{!!$num_rep!!}</center>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-11">
                                    <ul> UNIDAD COMPLETA</ul>
                                </li>
                            </div>
                            <div class="col-1">
                                <center>{!!$num_comp!!}</center>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-11">
                                <li> AVALUÓS GENERADOS</li>
                            </div>
                            <div class="col-1">
                                <center>{!!$num_ava!!}</center>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-11">
                                <li> EXPEDIENTES ENTREGADOS POR UNIDADES PARA VENTA</li>
                            </div>
                            <div class="col-1">
                                <center>{!!$num_exp!!}</center>
                            </div>
                        </div>
                        {{-- <div class="row">
                            <div class="col-11">
                                <li> EQUIPOS DE TRANSPORTE VENDIDOS</li>
                            </div>
                            <div class="col-1">
                                <center>300</center>
                            </div>
                        </div>  --}}
                    </div>
                </div>
                <div class="container" style="margin-top: 10%">
                    Ultima Actualización: {!!$fecha_actualizacion!!}
                </div>
            </div>
            <div class="col-6">
                <div class="box box-primary">
                    <div class="box-header">
                    </div>
    
                    <div class="box-body" id="div_grafica_barras">
                    </div>
    
                    <div class="box-footer">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- <div class="card" style="background-color: transparent;">
    <div class="card-body">
        <center><img src="{{asset('img/sidebar/latas.jpg')}}" style="max-height: 50%; max-width: 25%;" alt="imagen_latas"></center>
    </div>
</div> --}}

@endsection

@section('titulo')
    <nav aria-label="breadcrumb" style="font-size: 60%">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active"> <i class="fas fa-home"></i>  Inicio</li>
    </ol>
    </nav>
@endsection


@section('scripts')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script type="text/javascript" src="js/highcharts.js"></script>
    <script type="text/javascript" src="js/graficas.js"></script>
    <script language= javascript type='text/javascript'>
        barras();
    </script>  
@endsection