@extends('layouts.agency')
@section('title', 'Home Page')
@section('content')
<section class="custom--contaner">
    <div class="dash--text">
        <h2>View Customers</h2>
    </div>
    <div class="view--cust--table-section">
        <div class="view--cust--table">
            <table id="customer-table" class="display">
                <thead>
                    <tr>
                        <th>SN.</th>
                        <th>Company Name</th>
                        <th>Location ID</th>
                        <th>Domain URL</th>
                        <th>Webhook URL</th>
                        <th>Actions</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</section>
@endsection

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    jQuery(document).ready(function () {
        (function() {
            var domain = window.location.hostname;
            var customerNameOrEmail = "john.doe@example.com"; // Replace with actual customer name or email

            // Corrected API endpoint URL construction
            var apiEndpoint = 'https://app.visitordetector.io/check-customer?domain=' + encodeURIComponent(domain) + '&customer=' + encodeURIComponent(customerNameOrEmail);

            var xhr = new XMLHttpRequest();
            xhr.open('GET', apiEndpoint, true);
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    var response = JSON.parse(xhr.responseText);
                    console.log(response);
                }
            };
            xhr.send();
        })();
    });
</script>