@extends('layouts.plantiblank')

@section('contenido')

    @if(Session::has('success'))
        <div class="alert alert-info">
            {{Session::get('success')}}
        </div>
    @endif
    <div class="mx-auto">
        <h1 class="h2 mb-0 text-gray-800">Documentos subidos por los transportadores </h1>
    </div>

    <div class="container">

        <section class="content">
            <div class="col-md-12 col-md-offset-1">
                <div class="panel panel-default">
                    <div class="row">
                        <div class="mx-auto">
                            <!-- Tarjetas que van a mostrar las carpetas -->
                            
                            <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-4">
                                <div class="tile-stats">
                                    <div class="icon"><i class="fa fa-folder-o"></i></div>
                                    @if(count($infoDocumento_transportadores)> 0)
                                        <div class="count" style="cursor: help;">{{ count($infoDocumento_transportadores) }}</div>
                                  
                                    @endif
                                    
                                    <h3>ASERCOL</h3>
                                    <p>Documentos cargados por ASERCOL S.A</p>
                                    <div class="row">
                                        <div class="mx-auto">
                                            {{-- <button type="button" id="detalleAsercol" class="btn btn-primary btn-xs"><i class="fa fa-file-pdf-o"></i>Ver Detalle</button> --}}
                                        </div>
                                    </div>                                    
                                </div>
                            </div>




                           

                            <div id="docuAsercol">
                                
                              

                                <table id="table" class="table table-bordered table-striped table-sm">
                                    <thead>
                                    
                                    <th><center>Legajo</center></th>
                                    <th><center>N° Documento</center></th>
                                    <th><center>Fecha Registro</center></th>
                                    <th><center>Descripcion</center></th>
                                    <th><center>Ver Documentos</center></th>
                                    </thead>
                                    <tbody>
                                        @if(count($infoDocumento_transportadores)>0)
                                            @foreach($infoDocumento_transportadores as $fil)                                       
                                                <tr>
                                                    <td align="center">{{$fil->LEGAJO}}</td>
                                                    <td align="center">{{$fil->NOMBRE_ARCHIVO}}</td>
                                                    <td align="center">{{$fil->FECHA_SUBIDA}}</td>
                                                    <td align="center">{{ $fil->COMENTARIOS }}</td>
                                                    <td><center><a class="btn btn-warning btn-sm" href="{{ url($fil->RUTA) }}" target="_blank" ><i class="fa fa-file-pdf-o"></i> Ver Documento</a></center></td>
                                                </tr>
                                            @endforeach
                                       
                                        @endif     
                                        @if(count($infoDocumento_transportadores)<=0)
                                        <tr>
                                            <td colspan="8">No hay registro !!</td>
                                        </tr>
                                        @endif 
                                    </tbody>
                                </table>
                            </div>
                            
                            {{-- <div id="detalleDocumentos">
                                <table class="table table-bordred table-striped " id="tblDetalleDocumentos">
                                    <thead>
                                        <th><center>Tipo Documento</center></th>
                                        <th><center>Legajo</center></th>
                                        <th><center>Fecha</center></th>
                                        <th><center>Descripcion</center></th>
                                        <th><center>Ver Documentos</center></th>
                                    </thead>
                                    <tbody></tbody>
                                </table>    
                            </div> --}}
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>
    </div>

    <style>
        .dataTables_filter {
            display: none;
        }

        .datatables_length {
            display: none;
        }

        #datatable_length {
            display: none;
        }

        .dataTables_paginate{
            display: none;
        } /*paging_simple_numbers*/

        .dataTables_info{
            display: none;
        }
    </style>

    <script>
      /*  $('document').ready(function(){
            $("#detalleDocumentos").hide();
            $('.gifCarga').hide();
            $('#detalleAsercol').click(function(){
                $("#docuAsercol").show();
                $("#detalleDocumentos").hide(); 
            });

            $('.detalle').click(function(){
                var tipo_doc = $(this).attr('id');
                var pedido = $('#txtPedido').val();
                var html = '';
                $('.gifCarga').show();
                $("#tblDetalleDocumentos tbody tr").remove();  
                $("#docuAsercol").hide();   
                $("#detalleDocumentos").show();                            
                $.ajax({
                    type: "GET",
                    url: "{{ route('rexdocumentosdetalle')}}",
                    dataType: 'json',
                    async:false,
                    data: "tipo_doc="+tipo_doc+"&pedido="+pedido,
                    contentType: false,
                    cache: false,
                    processData: false,
                    beforeSend: function() {
                        //$('.gifCarga').show();
                    }
                })
                .done(function( documentos ) {
                    $('.gifCarga').hide();
                    documentos.forEach(doc => {
                        html += '<tr>'+
                            '<td><center>' + doc['nombre'] + '</center></td>'+
                            '<td><center>' + doc['numero_documento'] + '</center></td>'+
                            '<td><center>' + doc['fecha_documento'] + '</center></td>'+
                            '<td><center>' + doc['descripcion'] + '</center></td>'+
                            '<td><center><a class="btn btn-warning btn-xs" href="https://awsasercol.s3.amazonaws.com/' + doc['ruta'] + '" target="_blank"><i class="fa fa-file-pdf-o"></i> Ver Documento </a></center></td>'+
                        '</tr>';
                    });                   
                   $('#tblDetalleDocumentos tbody').append(html);

                });
            })
        });*/
    </script>



@endsection