<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Order Notification</title>
    <script src="https://js.pusher.com/7.0/pusher.min.js"></script>
</head>
<body>
    <h1>Order Notification</h1>
    
    <script>
        // Configure Pusher with your app key
        Pusher.logToConsole = true;
        var pusher = new Pusher('570ce2cc84a72f87e8c0', {
            cluster: 'us3',
            forceTLS: true
        });

        // Subscribe to the channel
        var channel = pusher.subscribe('order.3');  // Replace '123' with actual order ID dynamically

        // Listen for the event
        channel.bind('App\\Events\\OrderPlacedNotification', function(data) {
            alert('New order placed! Order ID: ' + data.order_id);
        });
    </script>
</body>
</html>
<?php /**PATH H:\Qalab E Abbas\Laravel Project\Buddy\resources\views/order.blade.php ENDPATH**/ ?>