{{-- Attesa del job affidato al worker: incluso solo con services.diete_worker.enabled. --}}
<div class="alert alert-info d-none" role="status" data-worker-dieta-avviso wire:ignore>
    <span class="spinner-border spinner-border-sm mr-2" aria-hidden="true" data-worker-dieta-spinner></span>
    La generazione può richiedere diversi minuti: puoi chiudere la pagina, il piano comparirà nell'elenco.
</div>
<script>
(function () {
    if (window.workerDietaInAttesa) return;

    var intervalloMs = 30 * 1000;
    var timeoutMs = 90 * 60 * 1000;
    var testo = @json("La generazione può richiedere diversi minuti: puoi chiudere la pagina, il piano comparirà nell'elenco.");
    var conclusi = {};
    var attivi = {};

    // Le pagine lo usano per non chiudere la modale al ritorno del metodo che accoda.
    window.workerDietaInAttesa = function (wire) {
        return !!wire.workerJobId && !conclusi[wire.workerJobId];
    };

    function attendi(component, jobId) {
        attivi[jobId] = true;
        var wire = component.$wire;
        var avviso = component.el.querySelector('[data-worker-dieta-avviso]');
        var spinner = component.el.querySelector('[data-worker-dieta-spinner]');
        var messaggioModale = document.getElementById('loading-message');
        var inizio = Date.now();
        if (avviso) avviso.classList.remove('d-none');
        if (spinner) spinner.classList.remove('d-none');
        if (messaggioModale) messaggioModale.textContent = testo;

        function chiudi() {
            clearInterval(timer);
            conclusi[jobId] = true;
            $('#loadingModal').modal('hide');
        }

        function impostaMessaggioStato(messaggio) {
            if ('messaggioStato' in component.ephemeral) wire.set('messaggioStato', messaggio);
        }

        var timer = setInterval(function () {
            if (Date.now() - inizio > timeoutMs) {
                // L'avviso resta visibile, senza spinner: il piano comparirà comunque nell'elenco.
                chiudi();
                if (spinner) spinner.classList.add('d-none');
                wire.set('statoGenerazione', 'inattivo');
                return;
            }
            wire.call('getStatoWorkerDieta').then(function (stato) {
                if (!stato || conclusi[jobId] || (stato.stato !== 'completed' && stato.stato !== 'failed')) return;
                var riuscito = stato.stato === 'completed';
                chiudi();
                if (avviso) avviso.classList.add('d-none');
                if (!riuscito && !stato.messaggio) wire.set('errorMessage', 'Errore durante la generazione');
                impostaMessaggioStato(riuscito ? 'Piano generato con successo!' : 'Errore durante la generazione');
                Livewire.dispatch('generazione-completata', { success: riuscito });
            }).catch(function () { /* errore di rete: ritenta al prossimo giro */ });
        }, intervalloMs);
    }

    function registra() {
        Livewire.hook('commit', function (commit) {
            commit.succeed(function () {
                // Dopo il merge dello snapshot; ephemeral perché $wire inventa le proprietà assenti.
                setTimeout(function () {
                    var jobId = commit.component.ephemeral.workerJobId;
                    if (jobId && !conclusi[jobId] && !attivi[jobId]) attendi(commit.component, jobId);
                }, 0);
            });
        });
    }

    if (window.Livewire) registra();
    else document.addEventListener('livewire:init', registra);
})();
</script>