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

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="float-right">
                <form class="form-inline" action="{{ route('dashboards.resumen') }}" method="POST" name="frm">
                    @csrf



                    <select class="form-control  form-control-sm" name="cod_agencia" required>
                        @if (Auth::user()->hasRole('Agente') != 1)
                            <option value="">Seleccione Agencia</option>
                            <option value="0">Todos</option>
                        @endif

                        @if (Auth::user()->hasRole('Agente') != 1)
                            @foreach ($agencias as $r)
                                <option value="{{ $r->cod_agencia }}"
                                    @if ($codigoagencia == $r->cod_agencia) {{ 'selected' }} @endif>
                                    {{ $r->nom_agencia }}
                                </option>
                            @endforeach
                        @else
                            @foreach ($agencias as $r)
                                <option value="{{ $r->cod_agencia }}"
                                    @if (Auth::user()->cod_agencia == $r->cod_agencia) {{ 'selected' }} @endif>
                                    {{ $r->nom_agencia }}
                                </option>
                            @endforeach
                        @endif


                    </select>



                    @error('cod_agencia')
                        <small class="text-danger">
                            *{{ $message }}
                        </small>
                    @enderror




                    <input type="text" name="fecha" id="fecha" class="form-control form-control-sm" required
                        value="{{ $fechadesde }}">
                    -
                    @error('fecha')
                        <small class="text-danger">
                            *{{ $message }}
                        </small>
                    @enderror
                    <input type="text" name="fechafin" id="fechafin" class="form-control form-control-sm" required
                        value="{{ $fechahasta }}">

                    @error('fechafin')
                        <small class="text-danger">
                            *{{ $message }}
                        </small>
                    @enderror

                    <button id="buscar" class="btn btn-xs btn-primary" type="submit">
                        Buscar
                    </button>
                    <button id="exportar" class="btn btn-xs btn-succes" type="button">
                        Exportar Excel
                    </button>
                </form>
            </div>
        </div>
    </div>


    <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() {

            $('#exportar').on('click', function() {

                frm.action = "{{ route('dashboards.export') }}";
                frm.submit();
                frm.action = "{{ route('dashboards.resumen') }}";

            });

            $('#fecha').datepicker({
                minDate: 0,
                endDate: new Date(),
                //startDate: '1d',
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                language: 'es'
            });

            $('#fechafin').datepicker({
                minDate: 0,
                startDate: '1d',
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                language: 'es'
            });


            //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