{{--
Creado por Yonarkis Linares
Fecha: 11/01/2018/
--}}
@extends('layouts/master')
@section('header')
    <style> .dataTables_filter {
            width: 50%;
            float: right;
            text-align: right;
        }</style>

    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
@endsection


@section('content')

    @if(session('msj'))
        <div class="alert alert-danger col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('msj') }}</strong>
        </div>
    @endif
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Sistema de Recolectas para Oficinas - <i class="glyphicon glyphicon-send"></i> Actualizar Ruta y Vehículo en Lote para Recolectas Eventuales</h3>
                </div>
                <div class="panel-body" style="margin-top: -1%">
                    <div class="panel-heading center">
                        <h4><strong>Seleccione la Recolecta que desea abrir</strong></h4>
                    </div>
                    <form method="post" action="{{ route('actualizarRuta_vehi') }}"
                          accept-charset="UTF-8" enctype="multipart/form-data" id="">
                        {{--<input type="hidden" value="{{$consultaRutasVehi['entidadRespuesta'][0]['codrecolecta']}}" id="codrecolecta" name="codrecolecta">--}}
                        <table  style="font-size: 8pt" class="table table-bordered table-hover table-condensed" id="datos" data-toggle="dataTable" data-form="deleteForm" style="font-size: 90%">
                            <thead>
                            <tr>
                                <th>°Nro</th>
                                <th class="text-center"># Recolecta</th>
                                <th class="text-center">Cliente</th>
                                <th class="text-center">Proveedor</th>

                                <th class="text-center col-md-1">Fecha</th>
                                <th class="text-center">Hora Desde</th>
                                <th class="text-center">Hora Hasta</th>
                                <th class="text-center">Ruta</th>
                                <th class="text-center">Tipo Vehiculo</th>

                                <th class="text-center">Direcci&oacute;n</th>
                                <th class="text-center">Usuario</th>
                                <th class="text-center">Estatus</th>
                                <th class="text-center">Detalle</th>
                            </tr>
                            </thead>
                            <tfoot></tfoot>
                            <tbody class="text-center">
                            <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente" name="codcliente"
                                   value="{{-- $consultaCliente['entidadRespuesta'][0]['codcliente'] --}}">
                            @php($valor = 1)
                            @php($j=0)
                            @foreach($consultaRutasVehi['entidadRespuesta'] as $RutasVehi)
                                <tr style="@if($RutasVehi['inactivo'] == true) background: #E6B0AA; @elseif($RutasVehi['guia'] == true) background: #A9CCE3; @endif">
                                    <td> @php echo $valor; @endphp</td>

                                    @if($RutasVehi['guia'] == TRUE)
                                        <td><input disabled id="codRecolectaB" type=hidden name=codrecolecta[{{$j}}] value="{{ $RutasVehi['codrecolecta']}}"> {{ $RutasVehi['codrecolecta']}} </td>
                                        @elseif($RutasVehi['inactivo'] == TRUE)
                                        <td><input disabled id="codRecolectaB" type=hidden name=codrecolecta[{{$j}}] value="{{ $RutasVehi['codrecolecta']}}"> {{ $RutasVehi['codrecolecta']}} </td>
                                        @else
                                        <td><input id="codRecolectaB" type=hidden name=codrecolecta[{{$j}}] value="{{ $RutasVehi['codrecolecta']}}"> {{ $RutasVehi['codrecolecta']}} </td>
                                     @endif

                                    <td>{{ $RutasVehi['nombre']}}</td>
                                    <td>{{ $RutasVehi['nombrepro']}}</td>

                                    <td>  <input style="display:none" name=fecha[{{$j}}] value="{{ $RutasVehi['fecha']}}"> {{ $RutasVehi['fecha']}}</td>
                                    <td>{{ $RutasVehi['horadesde']}}</td>
                                    <td>{{ $RutasVehi['horahasta']}}</td>
                                    <td>
                                        <div class="row">
                                            <div class="col-xs-3">
                                                <div class="form-group">

                                                    <select class="selectpicker form-control" data-width="fit" @if ($RutasVehi['guia'] == 'true' OR $RutasVehi['inactivo'] == 'true') disabled   @endif   name="codruta[{{$j}}]" id="codruta">
                                                        <option value="0">...</option>
                                                        @foreach($consultaRutas['entidadRespuesta'] as $rutas)
                                                                <option class="form-control"
                                                                    @if($RutasVehi['codrutapro'] == $rutas['codruta'])
                                                                    {
                                                                    selected
                                                                    }
                                                                    @endif
                                                                      value="{{ $rutas['codruta'] }}">{{ strtoupper($rutas['numerorut']) }}

                                                            </option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                    <div class="row">
                                    <div class="col-xs-3">
                                        <div class="form-group">
                                    <select class="selectpicker form-control" data-width="fit" @if ($RutasVehi['guia'] == 'true' OR $RutasVehi['inactivo'] == 'true') disabled @endif   name="codtipoveh[{{$j}}]" id="codtipoveh">
                                            <option value="0">...</option>
                                            @foreach($tipoVehiculo['entidadRespuesta'] as $vehiculo)

                                                @if($vehiculo['codtipoveh'] == $RutasVehi['codtipoveh'])
                                                    <option selected class="special"
                                                            value="{{ $vehiculo['codtipoveh'] }}">{{ $vehiculo['nombre'] }}</option>
                                                @elseif($vehiculo['codtipoveh'] != $RutasVehi['codtipoveh'])
                                                    <option class="special"
                                                            value="{{ $vehiculo['codtipoveh'] }}">{{ $vehiculo['nombre'] }}</option>
                                                @endif
                                            @endforeach

                                        </select>
                                        </div>
                                        </div>
                                    </div>
                                    </td>
                                    <td>{{ $RutasVehi['direccionpro']}}</td>
                                    <td>@if($RutasVehi['nombreusuario'] == 'USUARIO NO CONECTADO') INGRESO POR GE @else {{ $RutasVehi['nombreusuario']}} @endif</td>
                                    @if($RutasVehi['inactivo'] == 'true')
                                        <td bgcolor="#EAEDED">ANULADA</td>
                                    @elseif($RutasVehi['guia'] == 'true')
                                        <td bgcolor="#EAEDED">RECOLECTA GENERADA</td>
                                    @else
                                        <td bgcolor="#EAEDED">PENDIENTE POR GENERAR</td>
                                    @endif
                                    <td>
                                    <a href="{{  route('detalleRecolecta', ['codrecolecra' => $RutasVehi['codrecolecta']])}}" class="btn btn-success" target="_blank" name="detalle" id="detalle" title="Detalle Recolecta">
                                        <span class="glyphicon glyphicon-search"></span>
                                    </a>
                                    </td>
                                </tr>
                                @php($j++)
                                @php($valor++)
                            @endforeach
                            </tbody>
                        </table>

                        <div class="col-sm-8 col-xs-8 col-md-8 col-md-offset-2">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover">

                                    <tr>
                                        <td bgcolor = "#A9CCE3">
                                            &nbsp
                                        </td>
                                        <td>
                                            Con Guia Generada (activas)
                                        </td>
                                        <td>
                                            @php

                                                $a=1;
                                                $generadas=0;
                                                foreach($consultaRutasVehi['entidadRespuesta'] as $v){
                                                        if ($v['guia'] == true){
                                                         $generadas = $a++;
                                                        }

                                                 }
                                                 echo $generadas;

                                            @endphp
                                        </td>
                                    </tr>
                                    <tr>
                                        <td bgcolor = "#FFFFFF">

                                        </td>

                                        <td>
                                            &nbsp;Pendiente por Generar
                                        </td>
                                        <td>

                                            @php

                                                $a=1;
                                                $pendiente=0;
                                                foreach($consultaRutasVehi['entidadRespuesta'] as $v){
                                                        if ($v['guia'] == false and $v['inactivo'] == false){
                                                         $pendiente = $a++;
                                                        }

                                                 }
                                                 echo $pendiente;

                                            @endphp
                                        </td>

                                    </tr>
                                    <tr>
                                        <td bgcolor = "#00a4a4">
                                            &nbsp
                                        </td>
                                        <td>
                                            Ingresadas despues de generar
                                        </td>
                                        <td>

                                            {!! 0 !!}

                                        </td>

                                    </tr>
                                    <tr>
                                        <td bgcolor = "#E6B0AA">
                                            &nbsp
                                        </td>
                                        <td>
                                            Recolecta/Casillero/Cliente Anulado Con Guia Generada
                                        </td>
                                        <td>
                                            @php

                                                $a=1;
                                                $anuladas=0;
                                                foreach($consultaRutasVehi['entidadRespuesta'] as $v){
                                                        if ($v['inactivo'] == true){
                                                         $anuladas = $a++;
                                                        }

                                                 }
                                                 echo $anuladas;

                                            @endphp
                                        </td>

                                    </tr>
                                    <tr>
                                        <td colspan=2><b>
                                                Total</b>
                                        <td>
                                            @php


                                                echo $generadas + $anuladas + $pendiente;

                                            @endphp
                                        </td>
                                        </td>

                                    </tr>
                                </table>
                                <div class="col-sm-5 col-xs-5 col-md-5 col-md-offset-5">
                                    <a class="btn btn-info" href="{{ route('rutaVehiculo')  }}" style="color: white">Volver <span class="glyphicon glyphicon-circle-arrow-left"></span> </a>
                                    <button class="btn btn-warning" type="submit" onclick="return Confirm()">Procesar <span class="glyphicon glyphicon-alert"></span></button>
                                </div>
                            </div>

                        </div>

                    </form>

                    <div hidden id="number"></div>

                </div>
            </div>
        </div>
    </div>

@endsection
@section('script')
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/js/datatables.js')  !!}"></script>
    <script type="text/javascript">
        
        function Confirm()
        {
            var x = confirm("Estas seguro de Actualizar los Datos?");
            if (x)
                return true;
            else
                return false;
        }


        // VALIDO LOS CAMPOS DEL FORMULARIO

        $('document').ready(function () {
            $("#crearRecolecta").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
        });

        $('document').ready(function () {
            $("#buscarRecolecta").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
        });

        function sleep(milliseconds) {
            var start = new Date().getTime();
            for (var i = 0; i < 8e7; i++) {
                if ((new Date().getTime() - start) > milliseconds){ break; }
            }
        }

       /* function tabular(){
            var t = $('#datos').DataTable({
                columnDefs: [{
                    "searchable": false,
                    "orderable": false,
                    "targets": 0
                }],
               // order: [[1, 'desc']],
                dom: 'Bfrtip',
                buttons : [ {
                    extend : 'excel',
                    text: 'Exportar a Excel',
                    footer: true,
                    title: 'Listado de Recolectas'


                } ],
                pageLength: 15,
                language: {
                    "processing": "Procesando...",
                    "lengthMenu": "Mostrar _MENU_ registros",
                    "zeroRecords": "No se encontraron resultados",
                    "emptyTable": "Ningún dato disponible en esta tabla",
                    "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "infoPostFix": "",
                    "search": "Búsqueda:",
                    "url": "",
                    "infoThousands": ",",
                    "loadingRecords": "Cargando...",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                }

            });

            t.on('order.dt search.dt', function () {
                t.column(0, {search: 'applied', order: 'applied'}).nodes()
                /!* cell.innerHTML = i+1;*!/

            } ).draw();
        }


        $(document).ready(function () {
            setTimeout(tabular,12000);
            });
*/








    </script>
@endsection