{{--Realizado por Yoniquer Chacon
01-08-2018
--}}

@extends('layouts/master')
@section('header')
    <style> .dataTables_filter {
            width: 50%;
            float: right;
            text-align: right;
        }</style>

@endsection
@section('content')

    <div class="row">
        <div class="col-sm-14 col-md-offset">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span> REPORTE GENERAR NOTAS EVENTUALES:</h3>
                </div>

                <div class="panel-body" >
                    <div class="center">
                        <label class="text-dark"><b> NOTAS EVENTUALES</b></label>
                        @if(isset($codrecolectaIni)and isset($codrecolectaFin))
                            <h3 class="panel-title"> <strong> Recolecta Inicial {{ $codrecolectaIni }} -  Recolecta Final {{ $codrecolectaFin }}</strong></h3>
                        @endif
                    </div>
                        <div class="panel-body">
                            <div class="table-responsive">

                                <table class="table table-striped table-bordered table-hover table-condensed" id="datos" data-toggle="dataTable" data-form="deleteForm" style="font-size: 80%">
                                    <thead>
                                    <tr>
                                        <th style="font-size: 90%" class="text-center">N°</th>
                                        <th style="font-size: 90%" class="text-center">GUIA</th>
                                        <th style="font-size: 90%" class="text-center">Fecha de Generación</th>
                                        <th style="font-size: 90%" class="text-center">Fecha de Ingreso </th>
                                        <th style="font-size: 90%" class="text-center">Cliente</th>
                                        <th style="font-size: 90%" class="text-center">Dirección</th>
                                        <th style="font-size: 90%" class="text-center">Ruta</th>
                                        <th style="font-size: 90%" class="text-center">Vehiculo</th>

                                    </tr>
                                    </thead>
                                    <tbody class="text-center">


                                    @php($i=1)
                                    @foreach($ReporteDespuesDGnerar['entidadRespuesta'] as $Resultado)
                                        {{--style="@if($Resultado['inactivo'] == true) background: #E6B0AA; @elseif($Resultado['guia'] == true) background: #A9CCE3; @endif"--}}
                                        <tr>
                                            <td>
                                                @php
                                                    echo $i;
                                                @endphp

                                            </td>
                                            <td style="font-size: 90%"><a href="{{ route('trackingRecolecta', ['codrecolecta' => $Resultado['codguia']])}}" target="_blank"> {{ strtoupper($Resultado['codguia']) }}</a></td>
                                            <td style="font-size: 90%">{{ strtoupper($Resultado['fecha']) }}</td>
                                            <td style="font-size: 90%">{{ strtoupper($Resultado['fechaDIngreso']) }}</td>
                                            <td style="font-size: 90%">{{ strtoupper($Resultado['NombreCliente']) }}</td>
                                            <td style="font-size: 90%">{{ strtoupper($Resultado['direccionpro']) }}</td>
                                            <td >{{ strtoupper($Resultado['numerorut']) }}</td>
                                            <td >{{ strtoupper($Resultado['Vehiculo']) }}</td>
                                        </tr>
                                        @php($i++)
                                    @endforeach
                                    </tbody>
                                </table>
                                <div class="col-sm-1 col-xs-1 col-md-7">
                                    <a href="{{ route('index') }}" class="btn btn-info">Inicio
                                        <span class="glyphicon glyphicon-circle-arrow-left"></span>
                                    </a>
                                </div>
                            </div>
                        </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/datatables2.min.js')  !!}"></script>
    <script>

        $(document).ready(function () {

            var t = $('#datos').DataTable({
                columnDefs: [{
                    "searchable": false,
                    "orderable": true,
                    "targets": 0
                }],
                order: [[0, 'asc']],
                dom: 'Bfrtip',
                buttons : [ {
                    extend : 'excel',
                    text: 'Exportar a Excel',
                    footer: true,
                    title: 'Recolectas Eventuales Generadas'
                } ],
                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"
                    }
                }

            });

        });


    </script>
    {{--<script type="text/javascript" src="{!! URL::asset('/js/datatables.js')  !!}"></script>--}}
@endsection