pds/resources/views/filament/pages/bulk-sticker-printing.blade.php

<x-filament-panels::page>


{{ $this->form }}

<div class="flex flex-row gap-2 mt-4">
    {{-- <button
        type="button"
        wire:click="generateSticker"
        class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
    >
        Generate Sticker
    </button> --}}
    <button
        type="button"
        wire:click="generateStickerId"
        class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
    >
        Generate Sticker ID
    </button>
</div>

{{-- <script>
    document.addEventListener('livewire:init', () => {

    Livewire.on('open-sticker-pdf', (event) => {

        console.log('PDF EVENT RECEIVED', event);

        const urls = event.urls;

        console.log('PDF URLs:', urls);

        urls.forEach(url => {
            window.open(url, '_blank');
        });

    });

});
</script> --}}

<script>
document.addEventListener('livewire:init', () => {

    if (window.stickerPdfListenerRegistered) {
        return;
    }

    window.stickerPdfListenerRegistered = true;

    Livewire.on('open-sticker-pdf', (event) => {

        const urls = event.urls || [];

        if (!urls.length) {
            return;
        }

        urls.forEach((url, index) => {

            setTimeout(() => {

                const link = document.createElement('a');

                link.href = url;

                link.download = '';

                document.body.appendChild(link);

                link.click();

                document.body.removeChild(link);

            }, index * 1000);

        });

    });

});
</script>

</x-filament-panels::page>