@if (session('shareAsaleConversionId'))
    @php
        $shareAsaleData = session(session('shareAsaleConversionId'));
    @endphp
    @if ($shareAsaleData && !$shareAsaleData['fired'])
        <img id="shareasale-pixel" src="{{ $shareAsaleData['url'] }}" width="1" height="1" />
        
        <x-splade-script>
            function loadShareASaleScript() {
                return new Promise((resolve, reject) => {
                    const script = document.createElement('script');
                    script.src = 'https://www.dwin1.com/54759.js';
                    script.type = 'text/javascript';
                    script.defer = false;
                    script.onload = resolve;
                    script.onerror = reject;
                    document.head.appendChild(script);
                });
            }

            loadShareASaleScript().then(() => {
                const pixel = document.getElementById('shareasale-pixel');
                if (pixel) {
                    pixel.onload = function() {
                        fetch('{{ route("mark-shareasale-fired", ["id" => session("shareAsaleConversionId")]) }}', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            }
                        });
                    };
                }
            }).catch(error => {
                console.error('Failed to load ShareASale script:', error);
            });
        </x-splade-script>
    @endif
@endif