@extends('layouts.app')

@section('head')

@endsection


@section('content')
<div class="col-md-12">
    <div class="row justify-content-center">

        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Renovar Tokens (dejaran de funcionar todos los tokens anteriores)</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                                <button type="button" onclick="renovar_tokens('renovar')"
                                 class="btn btn-warning">Renovar todos los tokens</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Opciones de bloqueo de validaciones</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                                <button type="button" onclick="enviar('/admin/config/validaciones/desbloqueo','Desbloquear a todos')"
                                 class="btn btn-info">Desbloquear a todos</button>
                        </div>
                        <div class="col">
                                <button type="button"  onclick="enviar('/admin/config/validaciones/bloqueo','Bloquear a todos')"
                                class="btn btn-danger"> Bloquear a todos</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Enviar Token por WhatsApp</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                                <button type="button" onclick="enviar_whatsapp()" class="btn btn-info">Enviar whatsapp a todos</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card">
                <div class="card-header">Procesamiento</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <div id="console"
                            style="overflow: auto;border-width: 1px;border-style: solid;border-color: rgb(185, 184, 184);height: 300px;background-color: rgb(0, 0, 0)">
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection



@section('script')

<script>

     function  enviar_whatsapp(){

       let personas = [@foreach ($validaciones as $item)"{{$item->id}}",@endforeach];

        personas.forEach((element,i) =>  {
            setTimeout(
                function(){
                    let link = '/admin/config/validaciones/whatsapp/'+element;
                    enviar(link,'Envio de whatsapp id:'+element);
                const index = personas.indexOf(element);
                if (index > -1) {
                    personas.splice(index, 1);
                }
            }
            , i * 2000);
        }
        );

}


    function enviar(url,mensaje) {
        $.ajax({
            beforeSend: function() {
                $('#console').prepend('<span style="color: rgb(255, 255, 255);">Procesando... '+mensaje+' | '+hora()+'</span></br>');
            },
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'post',
            dataType: 'json',
            url: '{{ url("/") }}'+url,
            data: {
                '_token': '{{ csrf_token() }}'
            },
            success: function () {
                $('#console').prepend('<span style="color: rgb(110, 235, 110);">Completado: '+mensaje+' | '+hora()+'</span></br>');
            },
            error: function(){
                $('#console').prepend('<span style="color: rgb(255, 0, 0);">Error: '+mensaje+' | '+hora()+'</span></br>');
            }
        });
    }

 </script>


 <script>
     function hora(){
 var currentdate = new Date();
    var datetime = currentdate.getDate() + "/"
                + (currentdate.getMonth()+1)  + "/"
                + currentdate.getFullYear() + " @ "
                + currentdate.getHours() + ":"
                + currentdate.getMinutes() + ":"
                + currentdate.getSeconds();
                return datetime;
            }

  </script>




    <script>
        function renovar_tokens(form) {
            Swal.fire({
                title: "¿Desea continuar con la renovacion de tokens?",
                text: "Todos los tokens actuales dejaran de funcionar",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonClass: "btn-danger",
                confirmButtonText: "Continuar",
                cancelButtonText: "Cancelar",
                closeOnConfirm: false,
                closeOnCancel: false
              }).then((result) => {
                if (result.value) {
                    enviar('/admin/config/validaciones/renovar_tokens'," Renovacion de tokens")
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                  Swal.fire(
                    'Cancelado',
                    'No se ha modificado ningun token',
                    'error'
                  )
                }
              })
            }
    </script>






@endsection