@extends('layout.backend')
@section('title', 'Visitas')

@section('scripts')
@parent
    <script type="text/javascript" src="/js/visits.js"></script>
    <script>
        if ($('#timeSeconds').length) {
            var cont = $('#timeSeconds').data('time'); 
            setInterval(function() {
                if (cont >= 0) {
                    $('#timeSeconds').html("Aguarde " + cont + " segundos");
                }
                if (cont == 0) {
                    $('#timeSeconds').html('Aguarde.');
                    window.location.reload(true);
                }
                cont--;
            }, 1000); // 1000 milliseconds = 1 seconds
        }
    </script>
@endsection

@section('content')
    <div class="card shadow mb-4">
        <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Whatsapp</h6>
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    @if( $status['qrcode'] ?? false )
                        <div class="row">
                            <div class="col-12">
                                <h4>Conecte o dispositvo no app do Whatsapp</h4><br/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <img src="{{$status['qrcode']}}" alt="qrcode whatsapp"/>
                            </div>
                        </div>
                    @elseif($status == 'open')
                        <h4>Whatsapp conectado.</h4>
                    @elseif($status == 'creating')
                        <h4>Criando instancia ...</h4>
                        <span id="timeSeconds" data-time="5"></span>
                    @elseif($status == 'connecting')
                        <h4>Whatsapp conectando ...</h4>
                        <span id="timeSeconds" data-time="5"></span>
                    @elseif($status == 'reconnecting')
                        <h4>Whatsapp reconectando ...</h4>
                        <span id="timeSeconds" data-time="10"></span>
                    @elseif($status == 'restart')
                        <h4>Whatsapp reiniciando ...</h4>
                        <span id="timeSeconds" data-time="10"></span>
                    @elseif($status == 'close')
                        <h4>Whatsapp tentando conectar ...</h4>
                        <span id="timeSeconds" data-time="15"></span>
                    @else
                        <h4>Whatsapp qrcode_error.</h4>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection