{{-- Created by anchacon on 06/06/2019 --}}
{{-- Modificado por Victor Poeta, fecha 04/09/2017
--}}
@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/PagosElectronicos/tableSorterPagosElectronicos.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];
            // 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 Pago Por transferencia',
                            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 Pago Por transferencia',
                            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 Pago Por transferencia',
                            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="login" 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($requestListPagosArchivos['entidadRespuesta']))
                    <div>
                        <table id="myTable1" class="table table-hover tablesorter table-condensed">
                            @if ($totalReg > 0)
                                <thead>
                                <tr class="bg-primary">
                                    <th class="text-center" style="width: 10%;">#</th>
                                    <th class="text-center" style="width: 10%;">Archivo Generado</th>
                                </tr>
                                </thead>
                            @endif
                            <tbody>
                            @php($e = 1)
                            @if(count($requestListPagosArchivos['entidadRespuesta']) > 0)
                                @foreach($requestListPagosArchivos['entidadRespuesta'] as $value)
                                        <tr>
                                            <td class="text-center">{{ $e }}</td>
                                            <td class="text-center">{{ $value }}</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