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

@section('scripts')
@parent
@vite(['resources/js/visits.js'])
@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">

        @include('components.widget.alerts')

        <div class="row mb-4">
            <div class="col-12 h6">
                O dispositivo conectado será utilizado para o envio de mensagens aos membros.
            </div>
        </div>

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