@extends('layout.master')
@section('parentPageTitle', 'Listado credenciales flow')
@section('title', 'Listado credenciales flow')


@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')


<meta name="csrf-token" content="{{ csrf_token() }}">

    <div class="row clearfix">
        
        <!--<div class="col-md-1"></div>
        <div class="col-md-1"></div>
        <div class="col-md-1"></div>
        
        <div class="col-sm-8 col-sm-8 col-sm-8">-->
        <div class="col-md-12 d-flex justify-content-center"> 
            <div class="card patients-list">
                

                <div class="body">
                    <!-- Nav tabs -->

                    <div class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left">
                        <big style="color: black;font-size: 25px;"class="">@yield('title')</big>
                    </div>

                    @if(($ambiente == "local")||($ambiente == "DESARROLLO"))

                        <div align="right">
                          
                            <button type="button" id="" name="" class="btn btn-primary btn-round" disabled="">Nueva credencial</button>

                             <button type="button" id="btnPrueba" name="btnPrueba" class="btn btn-primary btn-round">Prueba robot</button>
                        
                        </div>

                    @endif
                    
                    @if($ambiente == "PRODUCCION")

                        <div align="right">
                            <a  href="ingresar" class="btn btn-primary btn-round" style="color: white;" >Nueva credencial</a>
                        </div>

                    @endif  
 
                    <!-- Tab panes -->
                    <div class="tab-content m-t-10">
                        <div class="tab-pane table-responsive active" id="All">
                            <table class="table m-b-0 table-hover" id="tabla1" name="tabla1" style="width:100%;">
                                <thead>
                                    <tr class="ui-widget-header">                                       
                                        <th>Rut</th>
                                        <th>Nombre empresa</th>
                                        <th>APIKEY</th>
                                        <th>SECRETKEY</th>
                                        <th>Banco</th>
                                        <th>N&uacute;mero cuenta</th>
                                        <th>Acci&oacute;n</th>
                                    </tr>
                                </thead>
                                
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
 <div id="dialog_alerta" title="{{config('maestro.nombresistema')}}" align="center">
    <p id="dialog_texto"></p>
 </div>   

@stop


@section('page-script')
<script src="{{asset('assets/bundles/datatablescripts.bundle.js')}}"></script>
<script src="{{asset('assets/jquery-ui.js')}}"></script>

<script>

    var lenguaje = {
        "lengthMenu": "Listar _MENU_ ",
        "zeroRecords": "A煤n no tiene registros",
        "info": "P&aacute;gina _PAGE_ de _PAGES_",
        "infoEmpty": "",
        "Search": "Buscar",
        "infoFiltered": "(filtered from _MAX_ total records)",
        "search": "Buscar",
        "zeroRecords": "Sin resultados encontrados",
        "paginate": {
            "first": "Primero",
            "last": "Ultimo",
            "next": "Siguiente",
            "previous": "Anterior"
        }
    }


$(document).ready(function() {

    var user = "{{Auth::user()->id}}";

    listarcredencialesflowindex();
    
} );


var listarcredencialesflow = function(){

    var eliminartabla = jQuery('#tabla1').dataTable().fnDestroy();
    var recargartabla = jQuery('#tabla1').dataTable( {

    ajax: {
            url:'{{route('credencialesflow.listarcredencialesflow')}}',
            dataSrc: ""
        },
        columns: [
            
            {
                name: 'rutempresa',
                data: 'rutempresa'
            },

            {
                name: 'nombreempresa',
                data: 'nombreempresa'
            },

            {
                name: 'APIKEY',
                data: 'APIKEY'
            },

            {
                name: 'SECRETKEY',
                data: 'SECRETKEY'
            },

            {
                name: 'nombrebanco',
                data: 'nombrebanco'
            },

            {
                name: 'cuenta',
                data: 'cuenta'
            },

            {   
                className: 'text-left',
                data:'id',
                
                render: function (data,type,row) {

                    var boton = '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>'

                     return ''+boton+''; 
                   
                    /*return '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>' + '<button type="button" id="btn_elisucursal" name="btn_elisucursal" onclick="obtenerid(' + data + ')" data-toggle="modal" data-target="#sucursal_eliminar" class="btn btn-primary btn-round btn-sm"><span class=""></span> Eliminar</button>';*/

                }  
            }       
       
        ],
        "columnDefs": [
             
            { "orderable": false, "targets": 6},

             
        ],
        language : lenguaje
  }); 
  
}

$('#btnPrueba').click(function() {

    //alert("pase por aqui");

    var token = $('meta[name="csrf-token"]').attr('content');

    var rut="76.037.798-8";
    //var rut="10.121.812-0";

    $.ajax({

        type:'POST',            
        async:true,
        url:'ejecutar-robot-login-ADMIN-DESA',
        data:{
            token: '5Fa09qlp5RYcio21JlnXd7mmnHMI5C4SgeM',
            //url: 'http://localhost/epraxis/ingreso/public/login',
            url: 'https://zeusr.sii.cl/AUT2000/InicioAutenticacion/IngresoRutClave.html?https://misiir.sii.cl/cgi_misii/siihome.cgi',
            rut: rut,
            //Modo local
            //modo:1
            //Modo produccion
            modo:2
        },
        headers: {'X-CSRF-TOKEN': token},

        success:function(data){

            alert('✅ Robot ejecutado! Código: ' + response);
            console.log('Screenshots en: storage/app/robot/');
            // Opcional: recarga página o muestra screenshots
            location.reload(); 

        },
        error: function(xhr) {
            alert('❌ Error robot: ' + xhr.responseText);
        },
        complete: function() {
            // Reactiva botón
            $('#btnPrueba').prop('disabled', false).text('Probar Robot');
        }
    });   
    
});    

function listarcredencialesflowindex() {

    var route = "{{route('credencialesflow.listarcredencialesflowindex')}}";

    var recargartablatotal = jQuery('#tabla1').dataTable({
        
        //"aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }],
        "ajax": {
            method:'post',
            url: route,
            headers:{
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            "data": function(data) {

            }
        },
        
        columns: [
            
            {
                name: 'rutempresa',
                data: 'rutempresa'
            },

            {
                name: 'nombreempresa',
                data: 'nombreempresa'
            },

            {
                name: 'APIKEY',
                data: 'APIKEY'
            },

            {
                name: 'SECRETKEY',
                data: 'SECRETKEY'
            },

            {
                name: 'nombrebanco',
                data: 'nombrebanco'
            },

            {
                name: 'cuenta',
                data: 'cuenta'
            },

            {   
                className: 'text-left',
                data:'id',
                
                render: function (data,type,row) {

                    var boton = '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>'

                     return ''+boton+''; 
                   
                    /*return '<a href="'+data+'" class="btn btn-primary btn-round btn-sm">Editar</a>' + '<button type="button" id="btn_elisucursal" name="btn_elisucursal" onclick="obtenerid(' + data + ')" data-toggle="modal" data-target="#sucursal_eliminar" class="btn btn-primary btn-round btn-sm"><span class=""></span> Eliminar</button>';*/

                }  
            }       
            
        ],

        "columnDefs": [
             
            { "orderable": false, "targets": 6},
           
             
        ],

        language: lenguaje

    });

}


$("#dialog_alerta").dialog({ autoOpen: false });



</script>
@stop