{{--
    Barra azioni per le modifiche pasto in bozza:
    - salvataggio con ricalcolo AI dei totali
    - salvataggio bozza senza ricalcolo (invalida macronutrienti/composizione)
    Richiede dal componente: $modificheInBozza, $modalitaSalvataggio, $haCreditiDisponibili,
    $creditiRicalcolo, $haTotaliDaRicalcolare.
--}}
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <i class="fas fa-check-circle mr-1"></i>{{ session('success') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Chiudi">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endif

<div id="statoBozzaPiano" class="d-none" data-bozza-sporca="{{ $modificheInBozza ? '1' : '0' }}"></div>

@if($modificheInBozza)
    <div class="alert alert-warning bozza-ricalcolo-barra mb-3">
        <div class="row align-items-start">
            <div class="col-lg-4 col-md-12 mb-2 mb-lg-0">
                <h6 class="mb-1">
                    <i class="fas fa-exclamation-triangle mr-2"></i>
                    Modifiche ai pasti non salvate
                </h6>
                <p class="mb-1 small">
                    Le modifiche sono mostrate solo a video. «Salva bozza» crea una <strong>nuova dieta</strong>
                    con i pasti modificati e i totali invalidati; in alternativa puoi salvare e ricalcolare.
                </p>
                <span class="badge badge-warning">
                    <i class="fas fa-calculator mr-1"></i>
                    Totali non aggiornati
                </span>
            </div>
            <div class="col-lg-8 col-md-12">
                @unless($haCreditiDisponibili)
                    <p class="small text-danger mb-2">
                        <i class="fas fa-ban mr-1"></i>
                        Crediti insufficienti: il ricalcolo non è disponibile (puoi comunque salvare la bozza).
                    </p>
                @endunless

                <div class="bozza-action-buttons">
                    <button
                        type="button"
                        class="btn btn-info"
                        wire:click="salvaBozzaSenzaRicalcolo"
                        wire:confirm="Creare una nuova dieta in bozza senza ricalcolare? I totali dei giorni modificati verranno invalidati. Il piano attuale resterà invariato."
                        wire:loading.attr="disabled"
                        wire:target="salvaBozzaSenzaRicalcolo"
                        title="Crea una nuova dieta con i pasti modificati e totali invalidati"
                    >
                        <i class="fas fa-file-alt mr-1"></i> Salva bozza
                    </button>

                    <button
                        type="button"
                        class="btn btn-primary"
                        wire:click="apriConfermaRicalcolo('corrente')"
                        wire:loading.attr="disabled"
                        @disabled(!$haCreditiDisponibili)
                        title="{{ $haCreditiDisponibili ? 'Sovrascrive questo piano e ricalcola kcal e macronutrienti' : 'Crediti insufficienti per il ricalcolo' }}"
                    >
                        <i class="fas fa-save mr-1"></i> Salva corrente e ricalcola
                    </button>

                    <button
                        type="button"
                        class="btn btn-success"
                        wire:click="apriConfermaRicalcolo('nuova')"
                        wire:loading.attr="disabled"
                        @disabled(!$haCreditiDisponibili)
                        title="{{ $haCreditiDisponibili ? 'Crea un nuovo piano con le modifiche e ricalcola kcal e macronutrienti' : 'Crediti insufficienti per il ricalcolo' }}"
                    >
                        <i class="fas fa-calculator mr-1"></i> Salva come nuova e ricalcola
                    </button>

                    <button
                        type="button"
                        class="btn btn-secondary"
                        wire:click="annullaModificheBozza"
                        wire:confirm="Vuoi annullare tutte le modifiche in bozza? Il piano tornerà ai dati salvati."
                        wire:loading.attr="disabled"
                    >
                        <i class="fas fa-undo mr-1"></i> Annulla modifiche
                    </button>
                </div>
            </div>
        </div>
    </div>
@elseif($haTotaliDaRicalcolare)
    <div class="alert alert-info bozza-ricalcolo-barra mb-3">
        <div class="row align-items-start">
            <div class="col-lg-7 col-md-12 mb-2 mb-lg-0">
                <h6 class="mb-1">
                    <i class="fas fa-info-circle mr-2"></i>
                    Totali da ricalcolare
                </h6>
                <p class="mb-0 small">
                    Questo piano è stato salvato in bozza senza ricalcolo: macronutrienti e composizione
                    dei giorni modificati non sono disponibili finché non esegui il ricalcolo.
                </p>
            </div>
            <div class="col-lg-5 col-md-12">
                @unless($haCreditiDisponibili)
                    <p class="small text-danger mb-2">
                        <i class="fas fa-ban mr-1"></i>
                        Crediti insufficienti per il ricalcolo.
                    </p>
                @endunless
                <div class="bozza-action-buttons bozza-action-buttons--singolo">
                    <button
                        type="button"
                        class="btn btn-primary"
                        wire:click="apriConfermaRicalcolo('corrente')"
                        wire:loading.attr="disabled"
                        @disabled(!$haCreditiDisponibili)
                        title="{{ $haCreditiDisponibili ? 'Ricalcola kcal e macronutrienti sul piano corrente' : 'Crediti insufficienti per il ricalcolo' }}"
                    >
                        <i class="fas fa-calculator mr-1"></i> Ricalcola totali
                    </button>
                </div>
            </div>
        </div>
    </div>
@endif

{{-- Modale di conferma / esito ricalcolo --}}
<div class="modal fade" id="confermaRicalcoloModal" tabindex="-1" role="dialog" aria-labelledby="confermaRicalcoloModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="confermaRicalcoloModalLabel">
                    @if($ricalcoloRiuscito)
                        <i class="fas fa-check-circle text-success mr-2"></i>
                        Ricalcolo completato
                    @elseif($modalitaSalvataggio === 'nuova')
                        <i class="fas fa-calculator mr-2"></i>
                        Salva come nuova e ricalcola
                    @else
                        <i class="fas fa-calculator mr-2"></i>
                        {{ $modificheInBozza ? 'Salva corrente e ricalcola' : 'Ricalcola totali' }}
                    @endif
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Chiudi">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                @if($ricalcoloRiuscito)
                    <div class="alert alert-success">
                        <i class="fas fa-check-circle mr-1"></i>
                        Piano salvato e composizione ricalcolata con successo.
                    </div>
                    <p class="mb-2">
                        Verrai reindirizzato automaticamente al piano aggiornato.
                        Se il redirect non parte, usa il pulsante qui sotto.
                    </p>
                    @if($urlPianoRicalcolato)
                        <a href="{{ $urlPianoRicalcolato }}" class="btn btn-success btn-block">
                            <i class="fas fa-external-link-alt mr-1"></i>
                            Apri il piano ricalcolato
                        </a>
                    @endif
                @else
                    @if($modificheInBozza)
                        <p class="mb-2">Hai terminato le modifiche ai pasti?</p>
                        @if($modalitaSalvataggio === 'nuova')
                            <p class="mb-2">
                                Verrà creato un <strong>nuovo piano</strong> con le modifiche e i totali ricalcolati.
                                Il piano attuale resterà invariato.
                            </p>
                        @else
                            <p class="mb-2">
                                Le modifiche <strong>sovrascriveranno il piano attuale</strong> e i totali verranno ricalcolati.
                            </p>
                        @endif
                    @else
                        <p class="mb-2">
                            Verranno ricalcolati i totali e la composizione dei giorni attualmente invalidati.
                        </p>
                    @endif
                    <div class="alert alert-info mb-0">
                        <i class="fas fa-coins mr-1"></i>
                        Il ricalcolo consuma <strong>{{ $creditiRicalcolo }}</strong>
                        {{ $creditiRicalcolo === 1 ? 'credito' : 'crediti' }}.
                    </div>
                @endif
            </div>
            <div class="modal-footer">
                @if($ricalcoloRiuscito)
                    @if($urlPianoRicalcolato)
                        <a href="{{ $urlPianoRicalcolato }}" class="btn btn-success">
                            <i class="fas fa-arrow-right mr-1"></i> Vai al piano
                        </a>
                    @endif
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        Chiudi
                    </button>
                @else
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="fas fa-times mr-1"></i> Continua a modificare
                    </button>
                    <button
                        type="button"
                        class="btn btn-primary"
                        wire:click="salvaERicalcola"
                        wire:loading.attr="disabled"
                        wire:target="salvaERicalcola"
                    >
                        <i class="fas fa-check mr-1"></i> Sì, ricalcola
                    </button>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- Overlay bloccante durante la chiamata AI di ricalcolo --}}
<div class="bozza-ricalcolo-overlay" wire:loading.flex wire:target="salvaERicalcola">
    <div class="text-center text-white">
        <i class="fas fa-spinner fa-spin fa-3x mb-3"></i>
        <h5 class="mb-1">Ricalcolo in corso...</h5>
        <p class="mb-0 small">Stiamo aggiornando kcal e macronutrienti dell'intera settimana.</p>
    </div>
</div>

<style>
    .bozza-ricalcolo-barra .badge {
        white-space: normal;
    }

    .bozza-action-buttons {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.4rem;
        width: 100%;
        align-items: start;
    }

    .bozza-action-buttons--singolo {
        grid-template-columns: minmax(0, 1fr);
        max-width: 14rem;
        margin-left: auto;
    }

    .bozza-action-buttons .btn {
        width: 100%;
        min-height: 0;
        height: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
        text-align: center;
        line-height: 1.2;
        margin: 0;
        font-size: 0.78rem;
        padding: 0.35rem 0.25rem !important;
    }

    .bozza-action-buttons .btn i {
        margin-right: 0.25rem !important;
    }

    @media (max-width: 1199.98px) {
        .bozza-action-buttons {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 575.98px) {
        .bozza-action-buttons {
            grid-template-columns: 1fr;
        }

        .bozza-action-buttons--singolo {
            max-width: none;
            margin-left: 0;
        }
    }

    .bozza-ricalcolo-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(33, 37, 41, 0.85);
        z-index: 2000;
        align-items: center;
        justify-content: center;
    }

    .totali-invalidati-placeholder {
        opacity: 0.85;
        border: 1px dashed #ffc107;
        background: #fffdf5;
    }

    .totali-invalidati-placeholder .nutrition-value,
    .totali-invalidati-placeholder .metric-value {
        color: #6c757d;
        font-style: italic;
    }
</style>

<script>
    /**
     * Consente l'uscita dalla pagina (usato dopo salvataggio riuscito, prima del redirect).
     */
    window.consentiUscitaPianoBozza = function () {
        window.__consentUscitaPianoBozza = true;
        const stato = document.getElementById('statoBozzaPiano');
        if (stato) {
            stato.dataset.bozzaSporca = '0';
        }
    };

    /**
     * Indica se esistono ancora modifiche in bozza non salvate.
     * Preferisce lo snapshot Livewire: con redirect+skipRender il DOM non viene morfato
     * e data-bozza-sporca resterebbe "1" anche dopo il salvataggio.
     */
    window.bozzaPianoAncoraSporca = function () {
        if (window.__consentUscitaPianoBozza) {
            return false;
        }

        if (window.Livewire && typeof Livewire.all === 'function') {
            try {
                const componenti = Livewire.all();
                for (let i = 0; i < componenti.length; i++) {
                    const canonical = componenti[i].canonical || {};
                    if (Object.prototype.hasOwnProperty.call(canonical, 'modificheInBozza')) {
                        return canonical.modificheInBozza === true;
                    }
                }
            } catch (e) {
                // fallback sul marker DOM
            }
        }

        const stato = document.getElementById('statoBozzaPiano');
        return !!(stato && stato.dataset.bozzaSporca === '1');
    };

    /**
     * Avvisa l'utente se lascia la pagina con modifiche pasto ancora in bozza.
     */
    window.addEventListener('beforeunload', function (evento) {
        if (!window.bozzaPianoAncoraSporca()) {
            return;
        }

        evento.preventDefault();
        evento.returnValue = '';
        return '';
    });

    /**
     * Backup globale: disattiva beforeunload anche se $wire.on non intercetta l'evento.
     */
    document.addEventListener('livewire:init', function () {
        Livewire.on('bozza-salvata', function () {
            if (typeof window.consentiUscitaPianoBozza === 'function') {
                window.consentiUscitaPianoBozza();
            }
        });
    });
</script>

@script
<script>
    $wire.on('apri-conferma-ricalcolo', function () {
        $('#confermaRicalcoloModal').modal('show');
    });

    $wire.on('chiudi-conferma-ricalcolo', function () {
        $('#confermaRicalcoloModal').modal('hide');
        $('body').removeClass('modal-open');
        $('.modal-backdrop').remove();
    });

    $wire.on('mostra-esito-ricalcolo', function () {
        if (typeof window.consentiUscitaPianoBozza === 'function') {
            window.consentiUscitaPianoBozza();
        }
        // Riapre la modale con l'esito (fallback se il redirect automatico non parte).
        setTimeout(function () {
            $('#confermaRicalcoloModal').modal('show');
        }, 50);
    });

    $wire.on('bozza-salvata', function () {
        if (typeof window.consentiUscitaPianoBozza === 'function') {
            window.consentiUscitaPianoBozza();
        }
    });
</script>
@endscript