@extends('layouts.admin_auth')

@section('auth_header')
Connect your WhatsApp number
@endsection

@section('content')
<div id="es-connect-card">
  <p>
    Sign in with the Facebook account that manages your business, then pick the WhatsApp
    number to connect.
  </p>

  <div class="alert alert-danger d-none" id="es-error"></div>

  <button type="button" class="btn btn-primary btn-block" id="es-connect">
    <i class="fab fa-facebook mr-1"></i> Connect with Facebook
  </button>
  <p class="text-muted text-center mt-2 d-none" id="es-working">
    <i class="fas fa-spinner fa-spin"></i> Talking to Meta&hellip;
  </p>
</div>

<div class="alert alert-success d-none mb-0" id="es-done"></div>
@endsection

@section('script')
<script>
  window.esConnected = function (data) {
    document.getElementById('es-connect-card').classList.add('d-none');
    var done = document.getElementById('es-done');
    done.textContent = data.message;
    done.classList.remove('d-none');
  };
</script>
@include('admin.channel.partials.es-popup')
@endsection