{{-- Created by anchacon on 16/09/2019 --}}
{{--
--}}
@extends('layouts.mainFilters')
@section('header')
    {{--<meta http-equiv="Refresh" content="60; URL=filtros2">--}}
    <link href="{!! asset('css/jquery.tablesorter.pager.css') !!}" rel="stylesheet">
    <style type="text/css">
        .button {
            position: fixed;
            top: 143px;
            left: 5px;
            border-radius: 20px;

            border: none;
            color: #FFFFFF;
            text-align: left;
            font-size: 14px;
            padding: 5px;
            width: auto;
            transition: all 0.5s;
            cursor: pointer;
            margin: 5px;
        }

        .button span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
        }

        .button span:after {
            font-family: 'Arial';

            content: 'Mensaje Masivo';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -100px;
            transition: 0.5s;
            width:120px;
        }

        .button:hover span {
            padding-right: 140px;
        }

        .button:hover span:after {
            opacity: 1;
            right: 0;
        }

        .btn2-contenedor{
            width:90px;
            height:240px;
            position:absolute;
            right:0px;
            bottom:0px;
        }

        .botonF1{
            width:60px;
            height:60px;
            border-radius:100%;
            background:#0076be;
            right:0;
            bottom:0;
            position:absolute;
            margin-right:30px;
            margin-bottom:50px;
            border:none;
            outline:none;
            color:#FFF;
            font-size:32px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            transition:.3s;
        }

        .botonF1:hover span{
            transform:rotate(360deg);
        }
        .botonF1:active{
            transform:scale(1.1);
        }

        .dataTables_filter {
            width: 50%;
            float: right;
            text-align: right;
        }



    </style>
@endsection
@section('script')
    <script type="text/javascript" src="{!! asset('js/jquery.tablesorter.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('js/jquery.tablesorter.widgets.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('js/jquery.tablesorter.pager.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('js/TweenMax.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('/js/datatables.min.js')  !!}"></script>
    <script>
        $(document).ready(function(){
            //capturamos la página guardada anteriormente
            var pagina = localStorage.getItem("pagina_actual");
            var url=location.href;
            // console.log('url:'+url);
            $('#url1').val(url);
            var columna = 2, columnaBotton = [ 0, 1, 2 , 3 , 4, 5];
            // Pregutnamos si existe el item

            var table = $('#myTable1').DataTable(
                {
                    bStateSave: true,
                    columnDefs: [{
                        "searchable": true,
                        "orderable": true,
                        "targets": 0
                    }],
                    order: [[0, 'asc']],
                    dom: 'Bfrtip',
                    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"
                        }
                    },
                    buttons: [
                        //'excel'//,'pdfHtml5'
                        {
                            extend: 'excelHtml5',
                            text: '<i class="fa fa-file-excel-o"></i>  Excel',
                            title: 'Reporte Modificación de peso',
                            titleAttr: 'Excel',
                            exportOptions: {
                                columns: columnaBotton
                            },
                            className: 'btn btn-app btn-sm export excel'
                        },
                        {
                            extend:    'pdfHtml5',
                            text:      '<i class="fa fa-file-pdf-o"></i>  PDF',
                            title:'Reporte Modificación de peso',
                            titleAttr: 'PDF',
                            orientation: 'landscape',
                            pageSize: 'LETTER',
                            customize: function(doc) {
                                doc.defaultStyle.fontSize = 8;
                            },
                            exportOptions: {
                                columns: columnaBotton
                            },

                            className: 'btn btn-app-pdf btn-sm export pdf'

                        },
                        {
                            extend:    'print',
                            text:      '<i class="fa fa-print"></i>  Print',
                            title:'Reporte Modificación de peso',
                            titleAttr: 'Imprimir',
                            orientation: 'landscape',
                            pageSize: 'LETTER',
                            customize: function ( win ) {
                                $(win.document.body)
                                    .css( 'font-size', '10pt' );


                                $(win.document.body).find( 'table' )
                                    .addClass( 'compact' )
                                    .css( 'font-size', '10pt' );
                            },
                            exportOptions: {
                                columns: columnaBotton
                            },
                            className: 'btn btn-app-print btn-sm export imprimir',
                        }

                    ]
                }).draw();
            if (pagina != undefined && pagina != null) {
                if ( $(".paginate_button") ) {

                    table.page(pagina - 1 ).draw(false);
                    localStorage.removeItem("pagina_actual");
                }
            }
        });

        $('#myTable1').on('draw.dt', function() {
            var pagina_actual = $('.paginate_button.active > a').html();
            localStorage.setItem("pagina_actual", pagina_actual);
        });

    </script>
@endsection
@section('content')
    <form method="get">
        <div class="row">
            <div align="center">
                <a href="formModPesoSeg" class="btn btn-default btn-sm">
                    <span class="glyphicon glyphicon-backward" aria-hidden="true"></span> Regresar
                </a><br><br>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-0 ">
                @php($totalReg = count($consulta['entidadRespuesta']))
                <div>
                    <div class="panel-heading">
                        <strong>
                            <h3 class="panel-title text-center">
                                <span class="glyphicon glyphicon-search"></span>
                                REPORTE MODIFICACIÓN DE PESO
                            </h3>
                        </strong>
                    </div>
                    <table id="myTable1" class="table table-hover tablesorter table-condensed">
                        @if ($totalReg > 0)
                            <thead>
                            <!--'tracking.codguia, tracking.fechapro, substr(tracking.observacion,83) as observacion, guia.codoficinaope ,usuario.nombre as usuario'--->
                            <tr class="bg-primary">
                                <th class="text-center">#</th>
                                <th class="text-center">Guia</th>
                                <th class="text-center">Fecha</th>
                                <th class="text-center">Observación</th>
                                <th class="text-center">Oficina</th>
                                <th class="text-center">Usuario</th>
                            </tr>
                            </thead>
                        @endif
                        <tbody>
                        @php($e = 1)
                        @if(count($consulta['entidadRespuesta']) > 0)
                            @foreach($consulta['entidadRespuesta'] as $value)
                                <tr>
                                    <td class="text-center" width="4%;">{{ $e }}</td>
                                    <td class="text-center" width="10%;">{{ $value['codguia'] }}</td>
                                    <td class="text-center" width="10%;">{{ date('d/m/Y', strtotime($value['fechapro'])) }}</td>
                                    <td class="text-left" width="40%;">{{ $value['observacion'] }}</td>
                                    <td class="text-center" width="10%;">{{ $value['nombre_oficina'] }}</td>
                                    <td class="text-left" width="15%;">{{ $value['usuario'] }}</td>
                                </tr>
                                @php($e++)
                            @endforeach
                        @else
                            <h5 class="alert alert-warning" align="center" style="padding:7px;" >No se encontro ning&uacute;n registro. Intente modificar los filtros de b&uacute;squeda. </h5>
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>
@endsection