{{--
    Modal de comunicação à ENSE.

    Incluir no fim de resources/views/descontos_diarios/create_pos.blade.php,
    dentro de @section('content'):

        @include('descontos_diarios._ense_comunicacao', ['precosCriados' => $precosCriados])

    Aparece automaticamente após a criação dos preços da semana e pergunta se
    é para comunicar à ENSE. Se "Sim, comunicar", faz logo a comunicação.
--}}
@php
    $ensePrecoIds = collect($precosCriados ?? [])
        ->map(fn ($p) => is_object($p) ? ($p->id ?? null) : ($p['id'] ?? null))
        ->filter()->values();
@endphp

@if($ensePrecoIds->isNotEmpty())
 <button type="button" class="btn btn-success d-none" id="btnModalEnse" data-toggle="modal" data-target="#modalEnse">
    Comunicar à ENSE
</button>
<div class="modal fade" id="modalEnse" tabindex="-1" role="dialog" aria-labelledby="modalEnseLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-success">
                <h5 class="modal-title text-white" id="modalEnseLabel">
                    Comunicar preços à ENSE
                </h5>

                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Fechar">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <p>
                    Os preços da semana foram criados. Deseja
                    <strong>comunicar automaticamente à ENSE</strong> agora?
                </p>

                <div id="ensePreview" class="small text-muted">
                    A preparar pré-visualização…
                </div>

                <div id="enseResultado" class="mt-3"></div>
            </div>

            <div class="modal-footer">
                <button type="button"
                        class="btn btn-secondary"
                        id="enseNaoAgora"
                        data-dismiss="modal">
                    Agora não
                </button>

                <button type="button"
                        class="btn btn-success"
                        id="enseConfirmar">

                    <span class="spinner-border spinner-border-sm d-none"
                          id="enseSpinner"
                          role="status"
                          aria-hidden="true"></span>

                    Sim, comunicar
                </button>
            </div>
        </div>
    </div>
</div>

<script>
(function () {
    const CSRF = '{{ csrf_token() }}';
    const IDS  = @json($ensePrecoIds);
    const URL_PREPARAR  = '{{ route('ense_preparar') }}';
    const URL_COMUNICAR = '{{ route('ense_comunicar') }}';

    function abrirModal() {
        document.getElementById('btnModalEnse').click();
    }

    async function post(url, body) {
        const r = await fetch(url, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF, 'Accept': 'application/json' },
            body: JSON.stringify(body),
        });
        return r.json();
    }

    // Pré-visualização
    post(URL_PREPARAR, { preco_ids: IDS }).then(function (d) {
        const com = d.com_instalacao || [];
        const sem = d.sem_instalacao || [];
        let html = '<strong>' + com.length + '</strong> posto(s) serão comunicados à ENSE.';
        if (sem.length) {
            html += '<br><span class="text-warning">' + sem.length + ' posto(s) sem instalação ENSE (não serão enviados): '
                 + sem.map(function (s) { return s.posto; }).join(', ') + '.</span>';
        }
        document.getElementById('ensePreview').innerHTML = html;
    }).catch(function () {
        document.getElementById('ensePreview').innerHTML = '<span class="text-danger">Não foi possível preparar a pré-visualização.</span>';
    });

    // Confirmar -> comunicar
    document.getElementById('enseConfirmar').addEventListener('click', function () {
        const btn = this, sp = document.getElementById('enseSpinner');
        btn.disabled = true; sp.classList.remove('d-none');
        document.getElementById('enseResultado').innerHTML = '<div class="text-muted">A comunicar à ENSE…</div>';

        post(URL_COMUNICAR, { preco_ids: IDS }).then(function (r) {
            let cls = r.erro > 0 ? 'alert-warning' : 'alert-success';
            let html = '<div class="alert ' + cls + '">'
                + 'Sucesso: <strong>' + (r.sucesso || 0) + '</strong> · '
                + 'Erros: <strong>' + (r.erro || 0) + '</strong> · '
                + 'Ignorados: <strong>' + (r.ignorados || 0) + '</strong></div>';
            if (r.itens && r.itens.length) {
                html += '<ul class="list-unstyled small mb-0">';
                r.itens.forEach(function (it) {
                    if (!it.posto) return;
                    const icon = it.estado === 'sucesso' ? '✅' : (it.estado === 'ignorado' ? '⚠️' : '❌');
                    html += '<li>' + icon + ' ' + it.posto + ' — ' + it.mensagem + '</li>';
                });
                html += '</ul>';
            }
            document.getElementById('enseResultado').innerHTML = html;
            btn.classList.add('d-none');
            document.getElementById('enseNaoAgora').textContent = 'Fechar';
        }).catch(function () {
            document.getElementById('enseResultado').innerHTML = '<div class="alert alert-danger">Erro inesperado na comunicação.</div>';
        }).finally(function () {
            sp.classList.add('d-none'); btn.disabled = false;
        });
    });

    // Abre automaticamente ao carregar a página de confirmação.
    if (document.readyState !== 'loading') abrirModal();
    else document.addEventListener('DOMContentLoaded', abrirModal);
})();
</script>
@endif