{{--
Creado por Yonarkis Linares
Fecha: 06/03/2017/

Modificado por Ender Bastidas 24/05/2018

Modificado por Yoniquer Chacon 01/08/2018
--}}

@extends('layouts/master')
@section('header')

@endsection
@section('content')
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Sistema de Recolectas para Oficinas - <i class="glyphicon glyphicon-refresh"></i> Actualizar Datos</h3>
        </div>
        <div class="panel-body">
            <div class="table-responsive">
                <table style="font-size: 8pt" class="table table-striped table-bordered table-hover" id="datos">
                    <thead>
                    <tr>
                        <th class="text-center"></th>
                        <th class="text-center"># Recolecta</th>
                        <th class="text-center">Cliente</th>
                        <th class="text-center">Beneficiario</th>
                        <th class="text-center">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 Vehículo</th>
                        <th class="text-center">Usuario</th>
                        <th class="text-center">Estatus</th>
                    </tr>
                    </thead>
                    <tfoot></tfoot>
                    <tbody class="text-center">

                    @foreach($Resultrecolecta['entidadRespuesta'] as $recolecta)

                        <tr style="@if($recolecta['inactivo'] == true) background: #E6B0AA; @elseif($recolecta['guia'] == true) background: #A9CCE3; @endif">
                            <td></td>
                            <td><a target="_blank" href="{{ route('detalleRecolecta', ['codrecolecra' => $recolecta['codrecolecta']])}}">{{$recolecta['codrecolecta']}}</a></td>
                            <td>{{$recolecta['nombre']}}</td>
                            <td>{{$recolecta['nombrepro']}}</td>
                            <td>01-01-1970</td>
                            <td>{{$recolecta['horadesde']}}</td>
                            <td>{{$recolecta['horahasta']}}</td>
                            <td>{{$recolecta['numerorut']}}</td>
                            <td>

                                @if($recolecta['codtipoveh'] == 1)
                                    MOTO
                                @endif
                                @if($recolecta['codtipoveh'] == 2)
                                    CAMION
                                @endif


                            </td>
                            <td>@if($recolecta['username'] == 'USUARIO NO CONECTADO') INGRESO POR GE @else{{$recolecta['username']}} @endif</td>
                            @if($recolecta['inactivo'] == 'VERDADERO')
                                <td bgcolor="#EAEDED">ANULADA</td>
                            @elseif($recolecta['guia'] == 'VERDADERO')
                                <td bgcolor="#EAEDED">RECOLECTA GENERADA</td>
                            @else
                                <td bgcolor="#EAEDED">PENDIENTE POR GENERAR</td>
                            @endif
                        </tr>
                    @endforeach
                    </tbody>

                </table>
            </div>

        </div>
        @if(session('msj') && session('cod') == false)
            <div class="alert alert-danger col-sm-6 col-sm-push-1">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <strong>{{ session('msj') }}</strong>
            </div>
        @endif
        <div class="panel-body">
            <a href="{{ route('recolectaActualizarDatos') }}" class="btn btn-default btn-sm"
               style="float: right; margin-right: 20px">Volver</a>
        </div>
    </div>


@endsection
@section('script')
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <link href="{!! asset('/css/datatables.css') !!}" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="{!! URL::asset('/js/datatables.js')  !!}"></script>

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

            var t = $('#datos').DataTable({
                columnDefs: [{
                    "searchable": false,
                    "orderable": false,
                    "targets": 0
                }],
                order: [[6, 'desc']],
                dom: 'Bfrtip',
                buttons: [],
                pageLength: 10,
                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().each( function (cell, i) {
                    cell.innerHTML = i+1;
                } );
            } ).draw();
        });
    </script>
@endsection