@extends('layout.master')
@section('title', 'Editar credencial flow')
@section('page-style')
 
<link rel="stylesheet" href="{{asset('assets/plugins/dropzone/dropzone.css')}}">
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.css')}}">  
<link rel="stylesheet" href="{{asset('assets/jquery-ui.css')}}">
<link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}">
@stop

@section('content')

    <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-md-8"></div>-->
        <div class="col-md-12 d-flex justify-content-center">
            <div class="card">
                <div class="body">
                    <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>

                    </br>

                    <form action="" id="formEditaCredencialesFlow" method="post">

                        {{ csrf_field() }}

                        <div id="" name="" class="navbar-header d-flex justify-content-left align-items-left ml-0 p-0" align="left" style="margin-top:0%;" style="">
                             <p id="" name="" class="" style="color:#FF0000;" ><small>* Son campos obligatorios.</small></p>
                        </div>

                        <input type="hidden" id="rutoculto" name="rutoculto" value="{{$data[0]->rutempresa}}">

                        <div class="row clearfix">
                              
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Rut</label>
                                </div>
                            </div> 

                            <div class="col-sm-4">
                               <div class="form-group">
                                    <input type="text" id="rut" name="rut" class="form-control" autocomplete="off" value="{{$data[0]->rutempresa}}-{{$data[0]->nombreempresa}}" disabled="">
                                </div>
                            </div>

                        </div>
                        
                        </br>
            

                        <div class="row clearfix">
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>APIKEY *</label>
                                </div>
                            </div>

                            <div class="col-sm-4">
                               <div class="form-group">
                                    <input type="text" id="apikey" name="apikey" class="form-control" autocomplete="off" value="{{$data[0]->APIKEY}}">
                                </div>
                            </div>

                             <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>SECRETKEY *</label>
                                </div>
                            </div>

                            <div class="col-sm-4">
                               <div class="form-group">
                                    <input type="text" id="secretkey" name="secretkey" class="form-control" autocomplete="off" value="{{$data[0]->SECRETKEY}}">
                                </div>
                            </div>
                           
                        </div>

                        <div class="row clearfix">
                            
                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>Banco</label>
                                </div>
                            </div>

                            <div class="col-sm-4">
                                <div class="form-group">
                                                                        <select id="banco" name="banco" class="select" >
                                        @foreach ($listadobancos as $bancos)                                         
                                            <option value="{{ $bancos->id }}" selected>{{ $bancos->nombre }}</option>
                                        @endforeach 
                                    </select> 
                                </div>
                            </div> 

                            <div class="col-sm-2">                                
                                <div class="d-flex justify-content-left align-items-left ml-0 p-2" align="left">
                                    <label>N&uacute;mero cuenta *</label>
                                </div>
                            </div>

                            <div class="col-sm-4">
                               <div class="form-group">
                                   
                                    <input type="text" id="numcuenta" name="numcuenta" class="form-control" autocomplete="off" value="{{$data[0]->cuenta}}"  maxlength="15">
                                </div>
                            </div>
                           
                        </div>

                        <br>

                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button style="border-color:#18ce0f; color:#18ce0f;" type="button" id="btnEditarcredenciales" name="btnEditarcredenciales" class="btn btn-default btn-round btn-simple" >Grabar</button>
                                <button style="border-color:#FF3636; color:#FF3636;" type="button" id="btnCancelarEditarcredenciales" class="btn btn-default btn-round btn-simple">Cancelar</button>
                                
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div> 
    </div>
  </div>

<div id="dialog_alerta" title="{{config('maestro.nombresistema')}}" align="center">
     <p id="dialog_texto"></p>
</div>

<div id="dialog_alerta2" name="dialog_alerta2" title="{{config('maestro.nombresistema')}}" align="center" class="selector" >
        <p id="dialog_texto2"></p>
</div> 

@endsection

@section('page-script')
<script src="{{asset('assets/plugins/dropzone/dropzone.js')}}"></script>
<script src="{{asset('assets/plugins/momentjs/moment.js')}}"></script>    
<script src="{{asset('assets/jquery-ui.js')}}"></script>
<script>

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

 $('#dialog_alerta2').dialog({
   autoOpen: false,
   open: function(event, ui) {
      $(event.target).dialog('widget')
          .css({ position: 'fixed'})
          .position({ my: 'center', at: 'center', of: window });
   },
   resizable: false,
   draggable: false, // Evita que el diálogo sea arrastrable
   modal: true // Evita que se cierre haciendo clic dentro de la ventana
 });

 $("#btnCancelarEditarcredenciales").click(function(){

     window.location.href = "listado"; 

  });

 $("#btnEditarcredenciales").click(function(){

    var rut=$("#rutoculto").val();
    var apikey=$("#apikey").val();
    var secretkey=$("#secretkey").val();
    var banco=$("#banco").val();
    var numcuenta=$("#numcuenta").val();

    var horaactual=new Date();
    var hours=horaactual.getHours();
    var minutes=horaactual.getMinutes();
    var seconds=horaactual.getSeconds();

    if (minutes<=9){
        minutes="0"+minutes;
    }

    if (seconds<=9){
        seconds="0"+seconds;
    }

    var horaestacion=hours+":"+minutes+":"+seconds;

    var fechaactual=new Date();
    var dias=fechaactual.getDate();
    var meses=fechaactual.getMonth()+1;
    var años=fechaactual.getFullYear();

    if (dias<=9){
        dias="0"+dias;
    }

    if (meses<=9){
        meses="0"+meses;
    }

    var fechaestacion=años+"-"+meses+"-"+dias; 

    if(apikey==""){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe ingresar APIKEY.");
        $( "#dialog_alerta" ).dialog('open');
        $('#apikey').focus();
        return false;
    }

    if(secretkey==""){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe ingresar SECRETKEY.");
        $( "#dialog_alerta" ).dialog('open');
        $('#secretkey').focus();
        return false;
    }

    if(banco==""){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe ingresar banco.");
        $( "#dialog_alerta" ).dialog('open');
        $('#banco').focus();
        return false;
    }

    if(numcuenta==""){
        $( "#dialog_texto" ).empty();
        $( "#dialog_texto" ).append("Debe ingresar n&uacute;mero cuenta.");
        $( "#dialog_alerta" ).dialog('open');
        $('#banco').focus();
        return false;
    }

    $(".ui-dialog-titlebar-close").hide();

    //setTimeout(function(){
    $("#dialog_texto2").empty();
    $("#dialog_texto2").append("Por favor espere");
    $("#dialog_alerta2").dialog('open');

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

    $.ajax({

        type:'POST',            
        async:true,
        url:'editar',
        data:{
            rut:rut,
            apikey:apikey,
            secretkey:secretkey,
            banco:banco,
            numcuenta:numcuenta,
            fechainterna:fechaestacion,
            horainterna:horaestacion
        },
        headers: {'X-CSRF-TOKEN': token},

        success:function(data){

            if (data.mensaje == 'actualizado') {

                $("#dialog_alerta2").dialog('close');

                $("#dialog_texto").empty();
                $("#dialog_texto").append("Las credenciales flow de la cuenta han sido actualizadas con exito");
                $("#dialog_alerta").dialog('open');
                setTimeout(function(){
                    window.location.href = "listado";
                },1500); 
                
            }

        }
    });   

 });

$('#numcuenta').on('input', function () { 
        this.value = this.value.replace(/[^0-9]/g,'');
});

</script>

@stop