@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="container mt-5 p-2 rounded shadow-lg">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Listagem</h5>
                            <div class="row mb-2">
                                <div class="col-12 col-md-2">
                                    <!-- Data de Início -->
                                    <div class="form-group">
                                        <label for="start-date">Data de Início</label>
                                        <input type="date" name="start-date" id="start-date" class="form-control">
                                    </div>
                                </div>
                                <div class="col-12 col-md-3 d-flex">
                                    <!-- Data de Fim -->
                                    <div class="form-group w-100 w-md-auto">
                                        <label for="end-date">Data de Fim</label>
                                        <input type="date" name="end-date" id="end-date" class="form-control">
                                    </div>
                                    <button type="button" class="btn btn-sm mx-1 btn-primary mt-4" onclick="filtrar()">
                                        Filtrar
                                    </button>
                                </div>
                                <div class="col-12 col-md-5 offset-md-2 d-flex justify-content-end">
                                    <!-- Data de reprocessamento -->
                                    <div class="form-group w-100">
                                        <label for="dt_reprocessar">Data de Reprocessamento</label>
                                        <input type="date" name="dt_reprocessar" id="dt_reprocessar"
                                               class="form-control">
                                    </div>
                                    <button type="button" class="btn btn-sm mx-1 btn-primary mt-4"
                                            onclick="reprocessarDados()">Reprocessar
                                    </button>
                                </div>
                            </div>
                            <div class="accordion" id="accordionPanelsStayOpenExample">
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne"
                                                aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
                                            Benefícios
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse">
                                        <div class="accordion-body">
                                            <table class="table mt-2 table-bordered table-hover" id="table-benefits">
                                                <thead>
                                                <tr>
                                                    <th colspan="4">Benefícios</th>
                                                    <th colspan="1">
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarBeneficios()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Id Plano de Benefícios</th>
                                                    <th>Descrição</th>
                                                    <th>Referência</th>
                                                    <th>Considerar Desativado</th>
                                                    <th>Tipo</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-benefits-row">
                                                    <td colspan="5">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo"
                                                aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
                                            Contratados
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse">
                                        <div class="accordion-body">
                                            <table class="table mt-2 table-bordered table-hover" id="table-contracted">
                                                <thead>
                                                <tr>
                                                    <th colspan="5">Contratados</th>
                                                    <th>
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarContratados()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Nome Completo</th>
                                                    <th>CPF</th>
                                                    <th>Nascimento</th>
                                                    <th>Sexo</th>
                                                    <th>Status</th>
                                                    <th>Tipo</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-contracted-row">
                                                    <td colspan="6">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree"
                                                aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
                                            Contratados Benefícios
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse">
                                        <div class="accordion-body">
                                            <table class="table mt-2 table-bordered table-hover"
                                                   id="table-contracted-benefits">
                                                <thead>
                                                <tr>
                                                    <th colspan="5">Contratados Benefícios</th>
                                                    <th colspan="2">
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarContratadosBeneficios()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Matrícula</th>
                                                    <th>Nome Completo</th>
                                                    <th>Id Plano de Benefícios</th>
                                                    <th>Descrição</th>
                                                    <th>Data Início</th>
                                                    <th>Data Fim</th>
                                                    <th>Tipo</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-contracted-benefits-row">
                                                    <td colspan="7">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour"
                                                aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
                                            Dependentes
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse">
                                        <div class="accordion-body">
                                            <table class="table mt-2 table-bordered table-hover" id="table-dependents">
                                                <thead>
                                                <tr>
                                                    <th colspan="4">Dependentes</th>
                                                    <th>
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarDependentes()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Nome Completo</th>
                                                    <th>CPF</th>
                                                    <th>Nascimento</th>
                                                    <th>Sexo</th>
                                                    <th>Tipo</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-dependents-row">
                                                    <td colspan="5">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFive"
                                                aria-expanded="false" aria-controls="panelsStayOpen-collapseFive">
                                            Dependentes Benefícios
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseFive" class="accordion-collapse collapse">
                                        <div class="accordion-body">
                                            <table class="table mt-2 table-bordered table-hover"
                                                   id="table-dependents-benefits">
                                                <thead>
                                                <tr>
                                                    <th colspan="6">Dependentes Benefícios</th>
                                                    <th colspan="2">
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarDependentesBeneficios()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Matrícula</th>
                                                    <th>Titular</th>
                                                    <th>Dependente</th>
                                                    <th>Id Plano de Benefícios</th>
                                                    <th>Descrição</th>
                                                    <th>Data Início</th>
                                                    <th>Data Fim</th>
                                                    <th>Tipo</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-dependents-benefits-row">
                                                    <td colspan="8">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSix"
                                                aria-expanded="false" aria-controls="panelsStayOpen-collapseSix">
                                            Equaliza Contratados
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseSix" class="accordion-collapse collapse">
                                        <div class="accordion-body">

                                            <table class="table mt-2 table-bordered table-hover"
                                                   id="table-equaliza-contracted">
                                                <thead>
                                                <tr>
                                                    <th colspan="4">Equaliza Contratados</th>
                                                    <th>
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarEqualizaContratados()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Nome Completo</th>
                                                    <th>CPF</th>
                                                    <th>Nascimento</th>
                                                    <th>Sexo</th>
                                                    <th>Status</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-equaliza-contracted-row">
                                                    <td colspan="5">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <h2 class="accordion-header">
                                        <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseSeven"
                                                aria-expanded="false" aria-controls="panelsStayOpen-collapseSeven">
                                            Equaliza Dependentes
                                        </button>
                                    </h2>
                                    <div id="panelsStayOpen-collapseSeven" class="accordion-collapse collapse">
                                        <div class="accordion-body">
                                            <table class="table mt-2 table-bordered table-hover"
                                                   id="table-equaliza-dependents">
                                                <thead>
                                                <tr>
                                                    <th colspan="3">Equaliza Dependentes</th>
                                                    <th>
                                                        <button type="button" class="btn btn-primary"
                                                                onclick="exportarEqualizaDependentes()">
                                                            Exportar XLS
                                                        </button>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <th>Nome Completo</th>
                                                    <th>CPF</th>
                                                    <th>Nascimento</th>
                                                    <th>Sexo</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr id="table-equaliza-dependents-row">
                                                    <td colspan="4">Carregando...</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Toast de reprocessamento -->
    <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 9999">
        <div id="reprocessToast" class="toast align-items-center text-bg-primary border-0" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000" data-bs-autohide="true">
            <div class="d-flex">
                <div class="toast-body" id="reprocessToastBody">
                    Processamento finalizado.
                </div>
                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Fechar"></button>
            </div>
        </div>
    </div>
    <div class="modal" id="modalReprocessamento">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Reprocessamento de Dados</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <!-- Tabela -->
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>Rota</th>
                                <th>Status</th>
                            </tr>
                            </thead>
                            <tbody>

                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="2">
                                    <!-- Progress bar -->
                                    <div class="progress">
                                        <div id="reprocessProgressBar"
                                             class="progress-bar progress-bar-striped progress-bar-animated bg-warning"
                                             role="progressbar" style="width: 100%" aria-valuenow="100"
                                             aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal" id="errorProcessamentoLog" tabindex="-1" aria-labelledby="errorProcessamentoLogLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="errorProcessamentoLogLabel">Log de Erro</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <pre id="errorProcessamentoLogContent"></pre>
                </div>
            </div>
        </div>
    </div>
    <script>

        let error_logs = [];

        let filtro = {
            'dt_inicio': '',
            'dt_fim': '',
        };

        function filtrar() {
            filtro['dt_inicio'] = $('#start-date').val();
            filtro['dt_fim'] = $('#end-date').val();
            loadTables();
        }


        $(document).ready(async function () {

            loadTables();
        });

        const loadTables = () => {

            // Carregar benefícios
            $.ajax({
                url: '/api/apdata/get/plans',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-benefits tbody').html('');
                    response.forEach(function (plan) {
                        $('#table-benefits tbody').append(`
							<tr>
								<td>${plan.plbcdiplanobeneficio}</td>
								<td>${plan.plbd1splanobeneficio}</td>
								<td>${plan.plbcosreferencia}</td>
								<td>${plan.plbopldesativado}</td>
								<td>${plan.tipo}</td>
							</tr>
						`);
                    });
                },
                error: function () {
                    alert('Erro ao carregar benefícios!');
                }
            });
            // Carregar contratados
            $.ajax({
                url: '/api/apdata/get/holders',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-contracted tbody').html('');
                    // Plotar os 10 primeiros contratados
                    response.forEach(function (contracted, index) {
                        if (index < 10) {
                            $('#table-contracted tbody').append(`
								<tr>
									<td>${contracted.condssnomecompleto}</td>
									<td>${contracted.connuscicnumero}</td>
									<td>${contracted.condtdnascimentodata}</td>
									<td>${contracted.sexd1ssexosigla}</td>
									<td>${contracted.sitd1ssituacao}</td>
									<td>${contracted.tipo}</td>
								</tr>
							`);
                        }
                    });
                },
                error: function () {
                    alert('Erro ao carregar contratados!');
                }
            });
            // Carregar contratados benefícios
            $.ajax({
                url: '/api/apdata/get/holders/plans',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-contracted-benefits tbody').html('');
                    // Plotar os 10 primeiros contratados benefícios
                    response.forEach(function (contractedBenefit, index) {
                        if (index < 10) {
                            $('#table-contracted-benefits tbody').append(`
								<tr>
									<td>${contractedBenefit.concdicontratado}</td>
									<td>${contractedBenefit.condssnomecompleto}</td>
									<td>${contractedBenefit.plbcdiplanobeneficio}</td>
									<td>${contractedBenefit.plbd1splanobeneficio}</td>
									<td>${contractedBenefit.cbndtdinicio}</td>
									<td>${contractedBenefit.cbndtdfim}</td>
									<td>${contractedBenefit.tipo}</td>
								</tr>
							`);
                        }
                    });
                },
                error: function () {
                    alert('Erro ao carregar contratados benefícios!');
                }
            });
            // Carregar dependentes
            $.ajax({
                url: '/api/apdata/get/dependents',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-dependents tbody').html('');
                    // Plotar os 10 primeiros dependentes
                    response.forEach(function (dependent, index) {
                        if (index < 10) {
                            $('#table-dependents tbody').append(`
								<tr>
									<td>${dependent.depdssnomecompleto}</td>
									<td>${dependent.depnuscicnumero}</td>
									<td>${dependent.depdtdnascimentodata}</td>
									<td>${dependent.sexd1ssexosigla}</td>
									<td>${dependent.tipo}</td>
								</tr>
							`);
                        }
                    });
                },
                error: function () {
                    alert('Erro ao carregar dependentes!');
                }
            });
            // Carregar dependentes benefícios
            $.ajax({
                url: '/api/apdata/get/dependents/plans',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-dependents-benefits tbody').html('');
                    // Plotar os 10 primeiros dependentes benefícios
                    response.forEach(function (dependentBenefit, index) {
                        if (index < 10) {
                            $('#table-dependents-benefits tbody').append(`
								<tr>
									<td>${dependentBenefit.concdicontratado}</td>
									<td>${dependentBenefit.condssnomecompleto}</td>
									<td>${dependentBenefit.depdssnomecompleto}</td>
									<td>${dependentBenefit.plbcdiplanobeneficio}</td>
									<td>${dependentBenefit.plbd1splanobeneficio}</td>
									<td>${dependentBenefit.dbndtdinicio}</td>
									<td>${dependentBenefit.dbndtdfim}</td>
									<td>${dependentBenefit.tipo}</td>
								</tr>
							`);
                        }
                    });
                },
                error: function () {
                    alert('Erro ao carregar dependentes benefícios!');
                }
            });
            // Carregar equaliza contratados
            $.ajax({
                url: '/api/apdata/get/holders/equalize',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-equaliza-contracted tbody').html('');
                    // Plotar os 10 primeiros equaliza contratados
                    response.forEach(function (equalizaContracted, index) {
                        if (index < 10) {
                            $('#table-equaliza-contracted tbody').append(`
								<tr>
									<td>${equalizaContracted.condssnome}</td>
									<td>${equalizaContracted.connuscicnumero}</td>
									<td>${equalizaContracted.condtdnascimentodata}</td>
									<td>${equalizaContracted.sexd1ssexosigla}</td>
									<td>${equalizaContracted.sitd1ssituacao}</td>
								</tr>
							`);
                        }
                    });
                },
                error: function () {
                    alert('Erro ao carregar equaliza contratados!');
                }
            });
            // Carregar equaliza dependentes
            $.ajax({
                url: '/api/apdata/get/dependents/equalize',
                type: 'GET',
                data: filtro,
                success: function (response) {
                    $('#table-equaliza-dependents tbody').html('');
                    // Plotar os 10 primeiros equaliza dependentes
                    response.forEach(function (equalizaDependent, index) {
                        if (index < 10) {
                            $('#table-equaliza-dependents tbody').append(`
								<tr>
									<td>${equalizaDependent.depdssnome}</td>
									<td>${equalizaDependent.depnuscicnumero}</td>
									<td>${equalizaDependent.depdtdnascimentodata}</td>
									<td>${equalizaDependent.sexd1ssexosigla}</td>
								</tr>
							`);
                        }
                    });
                },
                error: function () {
                    alert('Erro ao carregar equaliza dependentes!');
                }
            });
        }

        const exportarBeneficios = () => {
            window.open('/integrations/apdata/exportar-beneficios?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const exportarContratados = () => {
            window.open('/integrations/apdata/exportar-contratados?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const exportarContratadosBeneficios = () => {
            window.open('/integrations/apdata/exportar-contratados-beneficios?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const exportarDependentes = () => {
            window.open('/integrations/apdata/exportar-dependentes?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const exportarDependentesBeneficios = () => {
            window.open('/integrations/apdata/exportar-dependentes-beneficios?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const exportarEqualizaContratados = () => {
            window.open('/integrations/apdata/exportar-equaliza-contratados?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const exportarEqualizaDependentes = () => {
            window.open('/integrations/apdata/exportar-equaliza-dependentes?dt_inicio=' + filtro['dt_inicio'] + '&dt_fim=' + filtro['dt_fim'], '_blank');
        }

        const verificarErro = (index) => {
            $('#errorProcessamentoLogContent').html(JSON.stringify(error_logs[index], null, 2));
            $('#errorProcessamentoLog').modal('show');
        }

        const reprocessarDados = async () => {
            const urls = [
                ['Contratados', '/api/apdata/holders'],
                ['Contratados Benefícios', '/api/apdata/holders/plans'],
                ['Equaliza Contratados', '/api/apdata/holders/equalize'],
                ['Dependentes', '/api/apdata/dependents'],
                ['Dependentes Benefícios', '/api/apdata/dependents/plans'],
                ['Equaliza Dependentes', '/api/apdata/dependents/equalize'],
                ['Benefícios', '/api/apdata/plans'],
            ];

            const dt_reprocessar = $('#dt_reprocessar').val();

            if (!dt_reprocessar) {
                alert('Informe a data de reprocessamento');
                return;
            }

            // Reset
            $('#modalReprocessamento tbody').html('');
            $('#reprocessProgressBar').css('width', '0%');
            $('#errorProcessamentoLogContent').html('');
            error_logs = [];

            // Popular modal
            urls.forEach((url, index) => {
                $('#modalReprocessamento tbody').append(`
			<tr>
				<td>${url[0]}</td>
				<td id="status-${index}">
					<span class="badge bg-warning">Em andamento</span>
				</td>
			</tr>
		`);
            });

            $('#modalReprocessamento').modal('show');

            let houveErro = false;

            for (let i = 0; i < urls.length; i++) {
                try {
                    const response = await fetch(`${urls[i][1]}?dt_reprocessar=${dt_reprocessar}`, {
                        method: 'GET',
                        headers: {
                            'Content-Type': 'application/json',
                            'Accept': 'application/json',
                        }
                    });

                    let json;
                    try {
                        json = await response.json();
                    } catch (e) {
                        json = { error: 'Resposta inválida do servidor' };
                    }

                    if (!response.ok || json.error || json.exception) {
                        houveErro = true;
                        $(`#status-${i}`).html(`
					<span class="badge bg-danger">Erro</span>
					<button class="btn btn-sm btn-danger" onclick="verificarErro(${i})">Verificar</button>
				`);
                        error_logs[i] = {
                            url: urls[i][0],
                            error: json
                        };
                    } else {
                        $(`#status-${i}`).html(`<span class="badge bg-success">Concluído</span>`);
                    }

                } catch (error) {
                    houveErro = true;
                    $(`#status-${i}`).html(`
				<span class="badge bg-danger">Erro</span>
				<button class="btn btn-sm btn-danger" onclick="verificarErro(${i})">Verificar</button>
			`);
                    error_logs[i] = {
                        url: urls[i][0],
                        error: error.message || 'Erro inesperado'
                    };
                } finally {
                    const progresso = ((i + 1) / urls.length) * 100;
                    $('#reprocessProgressBar').css('width', `${progresso}%`);
                    await new Promise(resolve => setTimeout(resolve, 200)); // Suaviza carregamento
                }
            }

            // Mostrar Toast
            const toastElement = document.getElementById('reprocessToast');
            const toastBody = document.getElementById('reprocessToastBody');

            if (houveErro) {
                toastElement.classList.remove('text-bg-primary');
                toastElement.classList.add('text-bg-danger');
                toastBody.textContent = 'Reprocessamento finalizado com erros.';
            } else {
                toastElement.classList.remove('text-bg-danger');
                toastElement.classList.add('text-bg-primary');
                toastBody.textContent = 'Reprocessamento concluído com sucesso!';
            }

            $('#modalReprocessamento').modal('hide');

            const toast = new bootstrap.Toast(toastElement);
            toast.show();
        }
    </script>
@endsection