@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 ------------------------------------------------------ -->

        <!-- Aqui colocaran la info -->

        <!-- FIN ENCABEZADO ------------------------------------------------------ -->
        <div class="x_panel">
            <div class="x_content">
                <div id = "" class="col-md-12 col-sm-12" role="tabpanel" aria-labelledby="headingOne">
                    <Form action = "/rimpodocumentos" method="get" accept-charset="utf-8" enctype="multipart/form-data">
                        <div class="panel-body negro">
                            <table style = "width: 100%; margin-left: -10px">
                                <tr>
                                    <td class="abajo">
                                        Desde
                                        <input type = "date" id="txtDesde" name="txtDesde" class="form-control" value="{{$desde}}" >
                                    </td> 
                                    <td class="abajo">
                                        Hasta
                                        <input type = "date" id="txtHasta" name="txtHasta" class="form-control" value="{{$hasta}}" >
                                    </td> 
                                    <td class="abajo">
                                        Buscar cualquier conincidencia
                                        <input type = "text" id="txtBuscar" name="txtBuscar" class="form-control" value="{{$filtro}}" autofocus placeholder="Texto a buscar">
                                    </td> 
                                    <td class="abajo">
                                        <br>
                                        <button class="btn btn-success sinm" style="margin-top: 6px; margin-left: 10px;"><span class="fa fa-search"></span>&nbsp;&nbsp;Buscar</button>
                                        <a href="/rimpodocumentos" type="button" class="btn btn-warning sinm" style="margin-top: 6px; margin-left: 10px;"><span class="fa fa-folder-open-o"></span>&nbsp;&nbsp;Mostrar todo</a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </form>
                </div>  
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-box table-responsive">
                            Documentos Encontrados : <b>{{ $can_total }}</b> &nbsp;&nbsp;&nbsp;
                            <button onclick="mostrarConvension()" type='button' class='btn btn-dark'>Ver convension tipo de documentos</button>
                            <center><img id='convension' style="display:none" src="/imagenes/convension_wsternium.jpg" alt=""></center>
                            <br><br>
                            <table id = "datatable1" class="tabla table table-bordered table-condensed table-hover" style="color:dimgray">
                                <thead style="background: grey; color:white">
                                    <th><center>FECHA Y HORA</center></th>
                                    <th><center>TIPO DOCUMENTO</center></th>
                                     <th><center>MODO<br>MEDIO</center></th>
                                     <th><center>ARCHIVO Y CONTENIDO</center></th>
                                     <th><center>ARCHIVO</center></th>
                                     <th><center>DESCRIPCION</center></th>
                                     <th><center>COMENTARIO</center></th>
                                     <th colspan="2"><center>ACCION</center></th>
                                </thead>
                                <tbody>
                                    @if(count($documentos) > 0) 
                                        @foreach ($documentos as $d)
                                            <tr>
                                                <td align="center">{{ $d->fecha_registro }}</td>
                                                <td align="center">{{ strtoupper($d->tipodoc)}}</td>
                                                <td align="center">{{ $d->modo }}<br><small style='color:red'>{{ $d->medio }}</small></td>
                                                <td align="center">{{ $d->nom_archivo }}<br><small style='color:red'>{{ str_replace(']','',str_replace('[','',str_replace('"','',$d->tipoDocumentos))) }}</small></td>
                                                <td align="center">{!! $d->descripcion !!}</td>
                                                <td align="center">{{ $d->comentarios }}</td>
                                                <td align="center">
                                                    <a onclick="macarLeido({{$d->id}})" target="_blank" href="{{$d->ruta}}" download="{{$d->nom_archivo}}" class="btn btn-success btn-xs"><span class="fa fa-download"></span>&nbsp;&nbsp;&nbsp;Ver</a>
                                                </td>
                                                <td align="center">
                                                    @if($d->estado != 3)
                                                        <button type="button" onclick="eliminar({{$d->id}})" class="eliminar_doc btn btn-danger btn-xs"><span class="fa fa-trash-o"></span>&nbsp;&nbsp;&nbsp;Eliminar</butt>
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan = "8">No hay registro !!</td>
                                        </tr>
                                    @endif 
                                </tbody>
                            </table>
                        </div>

                        <center>
                            @if ($documentos != null)
                                {{ $documentos->links('vendor.pagination.bootstrap-4') }}
                            @endif
                        </center>
                     
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>   

<script>
    function eliminar(num) {
        if(confirm("CONFIRMACION REQUERIDA\n\nSeguro de eliminar este documento?")) {
            $.ajax({
                type: "get",
                url :"rimpodocumentos/eliminar/",
                data : { "_token": "{{ csrf_token() }}", id_documento : num },
                success : function(data) { alert (data); location.reload();  },
                error : function (){  alert("ERROR\n\nHa ocurrido un error inesperado")  }
            });
        }
    }
    
    function macarLeido(id_doc) {
        $.ajax({
            type:"get",
            url :"/rimpodocumentos/leido",
            data :{ 
                id : id_doc,
                origen : 'asercol'
            },
            success : function (data) { },
            error : function () { alert("ERROR\nAl intentar leer el documento") }
        })
    }

    function mostrarConvension() {
        if($("#convension").css("display") == "none") $("#convension").css("display", ""); else $("#convension").css("display", "none")
    }
</script>

@endsection