@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                     <form method="post" action="{{ route('users-scaner-validador') }}">
                            {{ csrf_field() }}
                                
                        <div class="col-md-12">
                            <div class="form-group">
                                
                                <h4 class="text-center">Escanea tu código QR y luego ingresa el código</h4>
                                
                            </div>    
                        </div>
                                
                        <div class="row">
                            <div class="col-md-4 col-sm-12 mr-3 text-center">
                                <div class="form-group">
                                    <img src="{!! $factorAuth !!}">
                                </div>
                                
                                <div class="form-group">
                                    <h4 class="text-center"> {{ $codigo }} </h4>
                                </div>
                                
                                <div class="form-group">
                                    <a class="btn btn-info btn-block text-white copytext" data-clipboard-text="{{ $codigo }}" onclick="copiboard('copytext')">Copiar</a>
                                </div>
                            </div>
                                    
                            <div class="col-md-5 col-sm-12 mt-4">
                                <div class="form-group">
                                    <label>Ingrese el código QR generado</label>
                                    <input type="text" name="codigo" class="form-control" placeholder="Codigo" required>
                                </div>
                                        
                                <div class="form-group">
                                    <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                                </div>
                            </div>
                        </div>  
                                
                    </form>
                            
                </div>
            </div>    
        </div>            
    </div>                 
</div>

@endsection
@include('usuario.componentes.scripBotones')  

@push('script')
<script type="text/javascript">

    function copiboard(nombre){ 
        var especial = new ClipboardJS('.'+nombre);
        especial.on('success', function(e) {
            swal.fire({
               type:'success',
               title:'Enlace copiado correctamente'
            });
        });
    }

</script>
@endpush