@extends('layouts.planti')
@section('contenido')
@if(Session::has('success'))
<div class="alert alert-info">
    {{Session::get('success')}}
</div>
@endif
@php $oculto = true @endphp
<div class="row">
    <div class="col-md-12 col-sm-12 ">
        <!-- INICIO ENCABEZADO ------------------------------------------------------ -->
        <div class="accordion btn-success" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel">
            <a class="panel-heading negro" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            <h6 class="panel-title lgris"><span class="fa fa-chevron-down"></span>&nbsp;&nbsp;&nbsp;<b>Documentos : </b> Registros encontrados <b>{{ count($tblInfo) }}</b> 
                 [ {{ $reg->id }} ] </h6>
            </a>
            <div id ="collapseOne" class="panel-collapse collapse colla" role="tabpanel" aria-labelledby="headingOne">
                <form action = "{{ route('rexdocumentos.store') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                    @csrf
                    <div class="panel-body negro">
                    <center>
                      <input type = "text" hidden id="txtId" name="txtId" value="{{ $reg->id }}">
                     <table style="border-spacing: 10px !important; border-collapse: separate !important;">
                        <tr>
                            <td class="abajo">
                                TIPO DOCUMENTO
                                <select name = "cboTipodocumento" id="cboTipodocumento" class="form-control"> 
                                     <option value = "" > SIN ASIGNAR</Option> 
                                     @if(count($datTipoDocumento))  
                                         @foreach($datTipoDocumento as $fil) 
                                             <Option @if($fil->id==$reg->id_tipo_documento) selected="selected" @endif value="{{ $fil->id  }}">{{ $fil->nombre }}</option> 
                                         @endforeach 
                                     @endif
                                </select> 
                            </td>
                            <td class="abajo">
                                FOLDER DE DOCUMENTO
                                <select name = "cboFolderdocumento" id="cboFolderdocumento" class="form-control"> 
                                     <option value = "0" > SIN FOLDER</Option> 
                                     @if(count($datFolderDocumento))  
                                         @foreach($datFolderDocumento as $fil) 
                                             <Option @if($fil->id==$reg->id_folder_documento) selected="selected" @endif value="{{ $fil->id  }}">{{ $fil->nombre }}</option> 
                                         @endforeach 
                                     @endif
                                </select> 
                            </td>
                            <td class="abajo">
                                ORDEN DE CARGUE
                                <input type = "text" id="txtNumero_Op" name="txtNumeroOp" Class="form-control" value="{{ $reg->numero_op }}" autocomplete="off" required>
                                <div class="list-group poList" style="position: absolute;"></div>
                                <input type="hidden" id="idPo" name="idPo" value="{{ $reg->numero_op }}">
                            </td>
                            <td class="abajo">
                                NUMERO DOCUMENTO
                                <input type = "text" id="txtNumeroDocumento" name="txtNumeroDocumento" Class="form-control" value="{{ $reg->numero_documento }}" required>
                            </td>                           
                                                       
                            <td class="abajo">
                                INACTIVO
                                <input type = "checkbox" id="chkInactivo" name="chkInactivo" Class="form-control" value="1"  @if ($reg->inactivo == 1)) checked="checked" @endif >
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4" class="abajo">
                                ADJUNTO
                                <input type = "file" id="txtAdjunto" name="txtAdjunto" Class="form-control" value="{{ $reg->adjunto }}" accept=".pdf, .xls, .xlsx" >
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4" class="abajo">
                                DESCRIPCION
                                <textarea id="txtDescripcion" name="txtDescripcion" class="form-control" style="height: 50px !important;" >{{ $reg->descripcion }} </textarea>
                            </td>
                        </tr>
                        <tr> <td> <br></td></tr>   
                        <tr>
                            <td colspan = "4">
                                 <button class="btn btn-success sinm"><span class="fa fa-save"></span>&nbsp;Guardar</button>
                                 <a href = " {{asset('/rexdocumentos')}}" class="btn btn-danger sinm"><spam class="fa fa-file-o sinm"></spam>&nbsp;Nuevo</a>
                            </td>
                        </tr>
                        <tr> <td> <br></td></tr> 
                     </table>
                    </center>
                    </div>
                </form>
            </div>
        </div>
        </div>
        <!-- FIN ENCABEZADO ------------------------------------------------------ -->
        <br>
            <div id = "" class="col-md-12 col-sm-12" role="tabpanel" aria-labelledby="headingOne">
            <Form action = "{{ asset('rexdocumentossrh') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                @csrf
                <div class="panel-body negro">
                    <table style = "width: 100%">
                        <tr>
                            <td class="abajo">
                                <input type = "text" id="txtBuscar" name="txtBuscar" class="form-control" value="{{ $reg->bus }}" placeholder="Orden de Cargue o Numero de Documento">
                            </td> 
                            <td class="abajo">
                                <button class="btn btn-success sinm"><span class="fa fa-search"></span>&nbsp;Buscar</button>
                            </td>
                        </tr>
                        <tr> <td> <br></td></tr> 
                    </table>
                </div>
            </form>
        </div>  
        <div class="x_panel">
            <div class="x_title">
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-box table-responsive">
                            <table id = "datatable1" class="tabla table table-hover" style="color:dimgray">
                                <thead>
                                     <th> <center>TIPO DOCUMENTO</center></th>
                                     <th> <center>ORDEN DE CARGUE</center></th>
                                     <th> <center>NUMERO DOCUMENTO</center></th>
                                     <th> <center>DESCRIPCION</center></th>
                                     {{-- <th> <center>RUTA</center></th>
                                     <th> <center>ADJUNTO</center></th> --}}
                                     <th> <center>INACTIVO</center></th>
                                     <th><center>VER</center></th>
                                     <th><center>EDITAR</center></th>
                                    <th><center>ELIMINAR</center></th>
                                </thead>
                                <tbody>
                                    @if(count($tblInfo)) 
                                        @foreach($tblInfo As $fil)  
                                            <tr style = "background-color: {{ ($fil->inactivo==1)?'#FEDFAF':'' }}">  
                                                <td align ="center">{{ $fil->nombre }}</td>
                                                <td align ="center">{{ $fil->po }}</td>
                                                <td align ="center">{{ $fil->numero_documento }}</td>
                                                <td align ="center">{{ $fil->descripcion }}</td>
                                                {{-- <td align ="center">{{ $fil->ruta }}</td>
                                                <td align ="center">{{ $fil->adjunto }}</td> --}}
                                                <td align ="center">@if($fil->inactivo==1) <span class='fa fa-remove'></span> @endif</td>
                                                
                                                <td align ="center">
                                                    <a href = "https://awsasercol.s3.amazonaws.com/{{$fil->ruta}}" class="" target="_blank">
                                                    <span class="fa fa-file-o"></span></a>
                                                </td>

                                                <td align ="center">
                                                    <a href = "{{asset('rexdocumentos/editar')}}/{{base64_encode($fil->id)}}"  > {{--  class="btn btn-sm btn-success" --}}
                                                    {{-- <span class="fa fa-edit"></span> --}}
                                                    <button class="btn btn-success btn-xs" type="button"><span class="fa fa-edit"></span></button>
                                                    </a>

                                                </td>
                                               
                                                <td align="center">
                                                    <form action="{{action('ExDocumentosController@destroy', base64_encode($fil->id) )}}" method="post" onclick="return confirm('¿Seguro que deseas eliminarlo?')">
                                                      @csrf
                                                      <input name = "_method" type="hidden" value="DELETE">
                                                      <button class="btn btn-danger btn-xs" type="submit"><span class="fa fa-trash"></span></button>
                                                    </form>
                                                </td>
                                            </tr>  
                                        @endforeach
                                    @else
                                          <tr>
                                              <td colspan = "8">No hay registro !!</td>
                                          </tr>
                                    @endif 
                                </tbody>
                            </table>
                            
                        </div>

                        <center>
                            {{  $tblInfo->links(); }}
                        </center>
                     
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>   
<script>
    $('document').ready(function(){
        var pedido;
        $('#txtNumero_Op').keypress(function(){
            pedido = $(this).val();
            var html = ''
            console.log(pedido);
           

            $.ajax({
                type: "GET",
                url: "{{ route('rexdocumentospedidos')}}",
                dataType: 'json',
                async:true,
                data: "pedido="+pedido,
                contentType: false,
                cache: false,
                processData: false
            })
            .done(function( pedidos ){
                $(".poList button ").remove();
                pedidos.forEach(ped => {
                    html +=  '<button id="'+ ped['id'] +'" type="button" class="list-group-item list-group-item-warning idped">' + ped['po'] + '-' + ped['consecutivo'] + '</button>';
                    console.log(ped['po'] + '-' + ped['consecutivo']);
                })
                $('.poList').append(html);

                $('.idped').click(function(){
                    var id_po = $(this).attr('id');
                    var texto = $(this).text();
                    $('#idPo').val(id_po);
                    $('#txtNumero_Op').val(texto);
                    $(".poList button ").remove();
                    console.log(id_po);
                    console.log(texto);
                });
                
            })
        });

      

    });
</script>
@endsection