{{-- resources/views/contratos/scripts/custom-scripts-objeto.blade.php --}}
<script>
    document.addEventListener('DOMContentLoaded', () => {
        console.log('DOMContentLoaded - custom-scripts-objeto');

        // Verificar se o formulário já tem listener
        const formEvento = document.getElementById('formAdicionarEvento');
        if (formEvento && formEvento.hasAttribute('data-listener-attached')) {
            console.log('Listener já anexado ao formAdicionarEvento, ignorando...');
            return;
        }
        // Verificar se o jQuery está carregado
        if (typeof jQuery === 'undefined') {
            console.error('jQuery não está carregado. Select2 depende do jQuery.');
            return;
        }

        // Inicializar Select2 nos selects com a classe 'select2'
        $('.select2').each(function() {
            const $element = $(this);
            const options = $element.data('select2-options') ? $element.data('select2-options') : {};

            $element.select2(options);

            // Verificação
            console.log(`Select2 inicializado para #${$element.attr('id')}`);
        });

        // Inicializar Flatpickr para campos de duração, caso necessário
        const duracaoInput = document.getElementById('duracao');
        if (duracaoInput) {
            duracaoInput.addEventListener('input', function () {
                let valor = this.value.replace(/\D/g, ''); // Remove todos os caracteres não numéricos
                if (valor.length > 2) {
                    valor = valor.substring(0, 2) + ':' + valor.substring(2, 4); // Insere o ':' após os dois primeiros dígitos
                }
                this.value = valor; // Atualiza o valor do campo com a máscara aplicada
            });
        }

        // Escutar evento global quando um evento é adicionado com sucesso
        window.addEventListener('eventoAdicionado', function(e) {
            const data = e.detail;

            if (data && data.evento) {
                const eventoSelect = $('#evento_id');

                if (eventoSelect.length) {
                    // Verificar se a opção já existe
                    const optionExists = eventoSelect.find(`option[value="${data.evento.id}"]`).length > 0;

                    if (!optionExists) {
                        // Cria uma nova opção apenas se não existir
                        const newOption = new Option(
                            `${data.evento.nome} - ${data.evento.data} ${data.evento.hora} - ${data.evento.cidade}/${data.evento.uf}`,
                            data.evento.id,
                            true, // selected
                            true  // selected para Select2
                        );

                        // Adiciona a nova opção ao Select2
                        eventoSelect.append(newOption).trigger('change');
                        console.log(`Evento adicionado ao select: ${data.evento.nome}`);
                    } else {
                        // Se já existe, apenas seleciona
                        eventoSelect.val(data.evento.id).trigger('change');
                        console.log('Evento já existia no select, apenas selecionado');
                    }
                }
            }
        });

        // Função para formatar a data do evento recebida do backend
        function formatDate(dateString) {
            if (!dateString || typeof dateString !== "string") {
                console.error("Data inválida recebida:", dateString);
                return "Data inválida";
            }

            // Supondo que a data esteja no formato 'dd/mm/yyyy'
            const parts = dateString.split("/");
            if (parts.length !== 3) {
                console.error("Formato de data inesperado:", dateString);
                return "Data inválida";
            }

            const [day, month, year] = parts;
            return `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`;
        }

        // Função para exibir erros de validação no formulário
        function displayValidationErrors(errors) {
            const errorContainer = document.getElementById('formAdicionarEventoErrors');
            if (errorContainer) {
                const ul = document.createElement('ul');
                ul.classList.add('mb-0', 'text-danger');
                for (const field in errors) {
                    errors[field].forEach(message => {
                        const li = document.createElement('li');
                        li.textContent = message;
                        ul.appendChild(li);
                    });
                }
                errorContainer.innerHTML = '';
                errorContainer.appendChild(ul);
                errorContainer.classList.remove('d-none');
            }
        }

        /**
         * Função para exibir mensagens de alerta usando Bootstrap
         * @param {string} tipo - Tipo da mensagem ('success', 'warning', 'danger')
         * @param {string} mensagem - Texto da mensagem
         */
        function exibirMensagem(tipo, mensagem) {
            const alertContainer = document.getElementById('alert-container');
            if (!alertContainer) {
                console.error('Container de alertas não encontrado!');
                return;
            }

            console.log(`Exibindo mensagem de tipo "${tipo}": ${mensagem}`);

            const alertDiv = document.createElement('div');
            alertDiv.className = `alert alert-${tipo} alert-dismissible fade show`;
            alertDiv.setAttribute('role', 'alert');
            alertDiv.innerHTML = `
                ${mensagem}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            `;

            alertContainer.prepend(alertDiv);

            // Remover a mensagem após 5 segundos
            setTimeout(() => {
                alertDiv.classList.remove('show');
                alertDiv.classList.add('hide');
                alertDiv.addEventListener('transitionend', () => {
                    alertDiv.remove();
                    console.log('Mensagem de alerta removida automaticamente.');
                });
            }, 5000);
        }
    });
</script>