@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">
        {{ trans('cruds.chatbot.title_singular') }}
    </div>

    <div class="card-body">
        <div class="table-responsive">
            <img id="qr_code" src="{{ env('CHAT_API_ENDPOINT') . '/qr_code?token=' . env('CHAT_API_TOKEN') }}" alt="">
        </div>
    </div>
</div>

@endsection
@section('scripts')
@parent
<script>
    var count = 0;
    setInterval(
        function(){ 
            document.getElementById("qr_code").src="{{ env('CHAT_API_ENDPOINT') . '/qr_code?token=' . env('CHAT_API_TOKEN') }}";
            console.log("attempt " + count++) 
        }, 
    20000);
</script>
@endsection