@extends('layouts.inspinia.app')
@section('title', 'DashBoard')
@section('titulopagina', 'DashBoard')

@section('content')
    

<div class="row">

    <div class="col-lg-4">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Despachos</h5>
            </div>
            <div class="ibox-content">
                <table class="table small ">
                    <tbody>
                        @foreach ($gestion as $item)
                            <tr>
                                <td>
                                    {{ $item->ESTADO }}
                                </td>
                                <td>
                                    <strong>{{ $item->CANTIDAD }}</strong>
                                </td>
                            </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>



    <div class="col-lg-4">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Despachos</h5>
            </div>
            <div class="ibox-content">
                <table class="table small ">
                    <tbody>
                        @foreach ($dashboard as $item)
                            <tr>
                                <td>
                                    {{ $item->ESTADO }}
                                </td>
                                <td>
                                    <strong>{{ $item->CANTIDAD }}</strong>
                                </td>
                            </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Vehiculos</h5>
            </div>
            <div class="ibox-content">
                <table class="table small ">
                    <tbody>
                        @foreach ($rutas as $item)
                            <tr>
                                <td>
                                    {{ $item->ESTADO_RUTAS }}
                                </td>
                                <td>
                                    <strong>{{ $item->CANTIDAD }}</strong>
                                </td>
                            </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>


    <div class="row">

        <div class="col-lg-8">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>Ultimas Gestiones</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content table-responsive">
                    <table class="table table-hover no-margins">
                        <thead>
                            <tr>
                                <th>Estado</th>
                                <th>Vehiculo</th>
                                <th>Chofer</th>
                                <th>Agencia</th>
                                <th>Cliente</th>
                                <th>Direccion</th>
                                <th>OS</th>
                                <th>Fecha</th>
                                <th>Hora</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($listado as $item)
                                <tr>
                                    <td>
                                        @if ($item->ESTADO == 'ENTREGADO')
                                            <span class="label label-primary"><small>{{ $item->ESTADO }}</small></span>
                                        @elseif($item->ESTADO == 'ASIGNADO')
                                            <span class="label label-warning"><small>{{ $item->ESTADO }}</small></span>
                                        @elseif($item->ESTADO == 'NO ENTREGADO')
                                            <span class="label label-danger"><small>{{ $item->ESTADO }}</small></span>
                                            @elseif($item->ESTADO == 'RETIRADO')
                                            <span class="label label-success"><small>{{ $item->ESTADO }}</small></span>
                                        @elseif($item->ESTADO == 'NO RETIRADO')
                                            <span class="label label-info"><small>{{ $item->ESTADO }}</small></span>
                                        @else
                                            <small>{{ $item->ESTADO }}</small>
                                        @endif
                                    </td>
                                    <td><small>{{ $item->VEHICULO }}</small></td>
                                    <td><small>{{ $item->CHOFER }}</small></td>
                                    <td><small>{{ $item->AGENCIA }}</small></td>
                                    <td><small>{{ $item->CLIENTE }}</small></td>
                                    <td><small>{{ $item->DIRECCION }}</small></td>
                                    <td><small>{{ $item->OS }}</small></td>
                                    <td><i class="fa fa-calendar"></i><small>
                                            {{ date('d/m/Y', strtotime($item->FECHA)) }}</small></td>
                                    <td><i class="fa fa-clock-o"></i><small>
                                            {{ date('H:i', strtotime($item->FECHA)) }}</small></td>

                                </tr>
                            @endforeach


                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>Total Despacho</h5>
                </div>
                <div class="ibox-content">
                    <iframe class="chartjs-hidden-iframe"
                        style="width: 100%; display: block; border: 0px; height: 0px; margin: 0px; position: absolute; inset: 0px;"></iframe>
                    <canvas id="doughnutChart2" width="200" height="200"
                        style="margin: 18px auto 0px; display: block; width: 80px; height: 80px;"></canvas>
                    <h5>Estados</h5>


                    <div class="row text-center">
                        <div class="col-4">
                            <span class="label" style="background-color:#a3e1d4;">
                                Asignado
                            </span>
                        </div>
                        <div class="col-4">
                            <span class="label" style="background-color:#dedede;">
                                Entregado
                            </span>

                        </div>
                        <div class="col-4">
                            <span class="label" style="background-color:#9CC3DA;">
                                No Entregado
                            </span>
                        </div>
                    </div>

                    <div class="row text-center">
                        <div class="col-4 ">
                            @foreach ($dashboard as $item)
                                @if($item->ESTADO=="ASIGNADO")  
                                    <h5>{{ $item->CANTIDAD }}</h5>
                                @endif                            
                            @endforeach
                        </div>
                        <div class="col-4 ">
                            @foreach ($dashboard as $item)
                                @if($item->ESTADO=="ENTREGADO")  
                                    <h5>{{ $item->CANTIDAD }}</h5>
                                @endif                            
                            @endforeach
                        </div>
                        <div class="col-4 ">
                            @foreach ($dashboard as $item)
                                @if($item->ESTADO=="NO ENTREGADO")  
                                    <h5>{{ $item->CANTIDAD }}</h5>
                                @endif                            
                            @endforeach
                        </div>
                    </div>



                </div>
            </div>
        </div>
    </div>
@endsection

@section('javascript')

    <script>
        $(document).ready(function() {

            


            //grafico

            var doughnutData = {
                labels: [
                    @foreach ($dashboard as $item)
                        "{{ $item->ESTADO }}",
                    @endforeach
                ],
                datasets: [{
                    data: [

                        @foreach ($dashboard as $item)
                            "{{ $item->CANTIDAD }}",
                        @endforeach
                    ],
                    backgroundColor: ["#a3e1d4", "#dedede", "#9CC3DA"]
                }]
            };


            var doughnutOptions = {
                responsive: false,
                legend: {
                    display: false
                }
            };


            var ctx4 = document.getElementById("doughnutChart2").getContext("2d");
            new Chart(ctx4, {
                type: 'doughnut',
                data: doughnutData,
                options: doughnutOptions
            });

            //grafico



        });
    </script>


@endsection