@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">

        {{-- 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">Desonectar</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