{{-- WebSocket Configuration Script --}}
@php
    $webSocketConfig = $webSocketConfig ?? [
        'enabled' => config('websocket.enabled', true),
        'driver' => config('websocket.driver', 'pusher'),
        'connection' => [
            'pusher' => [
                'key' => config('broadcasting.connections.pusher.key'),
                'cluster' => config('broadcasting.connections.pusher.options.cluster'),
                'encrypted' => config('broadcasting.connections.pusher.options.encrypted', true)
            ],
            'soketi' => [
                'key' => config('websocket.soketi.app_key'),
                'host' => config('websocket.soketi.host'),
                'port' => config('websocket.soketi.port'),
                'scheme' => config('websocket.soketi.scheme')
            ]
        ],
        'channels' => config('websocket.channels', [])
    ];
@endphp
<script>
    // Pass Laravel configuration to JavaScript
    window.LaravelEcho = {!! json_encode($webSocketConfig) !!};
</script>

{{-- Include WebSocket Configuration --}}
<script src="{{ asset('js/websocket-config.js') }}"></script>

{{-- Laravel Echo (if using Pusher/Soketi) --}}
@if(config('websocket.enabled', true))
    @if(config('websocket.driver') === 'pusher')
        <script src="https://js.pusher.com/8.2.0/pusher.min.js"></script>
    @endif
    <script src="https://cdn.jsdelivr.net/npm/laravel-echo@1.15.0/dist/echo.iife.js"></script>
@endif

{{-- Initialize WebSocket after all scripts are loaded --}}
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Initialize WebSocket if enabled
    if (window.LaravelEcho.enabled && window.Echo && window.WebSocketConfig) {
        window.WebSocketConfig.init(window.LaravelEcho);

        // Add global error handler
        window.WebSocketConfig.on('error', function(error) {
            console.warn('WebSocket connection error:', error);
        });

        // Add reconnection handler
        window.WebSocketConfig.on('connected', function() {
            console.log('WebSocket reconnected successfully');
        });
    }
});
</script>