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

@section('scripts')
@parent
@vite(['resources/js/visits.js'])
<script>
    window.addEventListener('load', function () {
        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">

        {{-- ALERTAS --}}
        @include('components.widget.alerts')
            <div class="row">
                <div class="col-6 h6">
                    O dispositivo conectado será utilizado para o envio de mensagens aos membros.
                </div>
            </div>

        @if($status == 'open')
            <div class="row">
                <div class="col-6 alert alert-success">
                    Whatsapp está conectado.
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <a href="{{route('whatsapp.disconnect')}}" class="btn btn-danger">Desconectar</a>
                </div>
            </div>
        @else
            <div class="row">
                <div class="col-6 alert alert-danger">
                    Whatsapp não está conectado.
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <a href="{{route('whatsapp.connect')}}" class="btn btn-primary">Conectar</a>
                </div>
            </div>
        @endif
    </div>
</div>
@endsection