{{-- Script para Modal de Edição de Evento --}}
<script>
document.addEventListener('DOMContentLoaded', function() {
    const btnEditarEvento = document.getElementById('btn-editar-evento');
    const modalEditarEvento = document.getElementById('modalEditarEvento');
    const formEditarEvento = document.getElementById('formEditarEvento');
    const eventoDataEdit = document.getElementById('evento_data_edit');
    const eventoHoraEdit = document.getElementById('evento_hora_edit');
    const btnCalendarioEdit = document.getElementById('btnCalendarioEdit');
    const btnADefinirEdit = document.getElementById('btnADefinirEdit');
    const btnSalvarEventoEdit = document.getElementById('btnSalvarEventoEdit');

    let flatpickrInstance = null;
    let currentEventoId = null;

    // ===== CONFIGURAÇÃO DO FLATPICKR =====
    function initFlatpickrEdit() {
        if (eventoDataEdit && !flatpickrInstance) {
            flatpickrInstance = flatpickr(eventoDataEdit, {
                dateFormat: 'd/m/Y',
                locale: 'pt',
                allowInput: true,
                clickOpens: true,
                altInput: false,
                parseDate: (datestr, format) => {
                    if (!datestr) return null;
                    const regex = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
                    if (datestr.match(regex)) {
                        const [, day, month, year] = datestr.match(regex);
                        return new Date(year, month - 1, day);
                    }
                    return null;
                },
                formatDate: (date, format) => {
                    const day = date.getDate().toString().padStart(2, '0');
                    const month = (date.getMonth() + 1).toString().padStart(2, '0');
                    const year = date.getFullYear();
                    return `${day}/${month}/${year}`;
                },
                onClose: function(selectedDates, dateStr, instance) {
                    if (dateStr) {
                        eventoDataEdit.classList.remove('is-invalid');
                        eventoDataEdit.classList.add('is-valid');
                    }
                }
            });
        }
    }

    // ===== MÁSCARA DE DATA AUTOMÁTICA =====
    function aplicarMascaraData(input) {
        if (!input) return;

        let isBackspacing = false;

        input.addEventListener('keydown', function(e) {
            isBackspacing = e.key === 'Backspace' || e.key === 'Delete';
        });

        input.addEventListener('input', function(e) {
            let value = e.target.value;

            if (isBackspacing) return;

            let numbersOnly = value.replace(/\D/g, '').substring(0, 8);
            let formatted = '';

            if (numbersOnly.length > 0) {
                formatted = numbersOnly.substring(0, 2);
            }
            if (numbersOnly.length > 2) {
                formatted += '/' + numbersOnly.substring(2, 4);
            }
            if (numbersOnly.length > 4) {
                formatted += '/' + numbersOnly.substring(4, 8);
            }

            if (formatted !== value) {
                e.target.value = formatted;
            }

            e.target.classList.remove('is-invalid');
        });

        input.addEventListener('keydown', function(e) {
            if ([8, 9, 27, 13, 46, 35, 36, 37, 38, 39, 40].indexOf(e.keyCode) !== -1 ||
                (e.ctrlKey === true && [65, 67, 86, 88, 90].indexOf(e.keyCode) !== -1) ||
                (e.keyCode >= 112 && e.keyCode <= 123)) {
                return;
            }

            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });
    }

    // Aplicar máscara na data
    aplicarMascaraData(eventoDataEdit);

    // ===== CONFIGURAÇÃO DA HORA =====
    if (btnADefinirEdit && eventoHoraEdit) {
        btnADefinirEdit.addEventListener('click', function() {
            if (eventoHoraEdit.value === 'A definir') {
                eventoHoraEdit.value = '';
                eventoHoraEdit.focus();
            } else {
                eventoHoraEdit.value = 'A definir';
            }
        });

        // Máscara de hora
        eventoHoraEdit.addEventListener('input', function() {
            if (this.value !== 'A definir') {
                let value = this.value.replace(/\D/g, '').substring(0, 4);

                if (value.length >= 2) {
                    let hours = value.substring(0, 2);
                    let minutes = value.substring(2, 4);

                    if (parseInt(hours) > 23) hours = '23';
                    if (minutes && parseInt(minutes) > 59) minutes = '59';

                    this.value = hours + (minutes ? ':' + minutes : '');
                } else {
                    this.value = value;
                }
            }
        });

        eventoHoraEdit.addEventListener('keydown', function(e) {
            if (this.value === 'A definir') return;

            if ([8, 9, 27, 13, 46].indexOf(e.keyCode) !== -1 ||
                (e.ctrlKey === true && [65, 67, 86, 88].indexOf(e.keyCode) !== -1)) {
                return;
            }

            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });
    }

    // Botão do calendário
    if (btnCalendarioEdit) {
        btnCalendarioEdit.addEventListener('click', function() {
            if (flatpickrInstance) {
                flatpickrInstance.open();
            }
        });
    }

    // ===== FUNÇÕES DE UTILIDADE =====
    function showError(message, errors = null) {
        const errorContainer = document.getElementById('formEditarEventoErrors');
        const errorList = errorContainer.querySelector('ul');

        errorList.innerHTML = '';

        if (errors && typeof errors === 'object') {
            Object.values(errors).forEach(errorArray => {
                if (Array.isArray(errorArray)) {
                    errorArray.forEach(error => {
                        const li = document.createElement('li');
                        li.textContent = error;
                        errorList.appendChild(li);
                    });
                }
            });
        } else {
            const li = document.createElement('li');
            li.textContent = message;
            errorList.appendChild(li);
        }

        errorContainer.classList.remove('d-none');
        document.getElementById('formEditarEventoSuccess').classList.add('d-none');
    }

    function showSuccess(message) {
        const successContainer = document.getElementById('formEditarEventoSuccess');
        successContainer.textContent = message;
        successContainer.classList.remove('d-none');
        document.getElementById('formEditarEventoErrors').classList.add('d-none');
    }

    function hideMessages() {
        document.getElementById('formEditarEventoErrors').classList.add('d-none');
        document.getElementById('formEditarEventoSuccess').classList.add('d-none');
    }

    function setLoading(loading) {
        if (loading) {
            btnSalvarEventoEdit.disabled = true;
            btnSalvarEventoEdit.innerHTML = `
                <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
                Salvando...
            `;
        } else {
            btnSalvarEventoEdit.disabled = false;
            btnSalvarEventoEdit.innerHTML = `
                <i class="fas fa-save me-1"></i>
                Salvar Alterações
            `;
        }
    }

    function isValidDate(dateString) {
        if (!dateString) return false;

        const regex = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
        if (!regex.test(dateString)) return false;

        const [, day, month, year] = dateString.match(regex);
        const dayNum = parseInt(day, 10);
        const monthNum = parseInt(month, 10);
        const yearNum = parseInt(year, 10);

        if (dayNum < 1 || dayNum > 31 || monthNum < 1 || monthNum > 12 || yearNum < 1900 || yearNum > 2100) {
            return false;
        }

        const date = new Date(yearNum, monthNum - 1, dayNum);
        return date.getFullYear() === yearNum &&
               date.getMonth() === (monthNum - 1) &&
               date.getDate() === dayNum;
    }

    // ===== CARREGAR DADOS DO EVENTO =====
    function carregarDadosEvento(eventoId) {
        // Buscar dados do evento via AJAX usando a rota resource show
        fetch(`/eventos/${eventoId}`, {
            method: 'GET',
            headers: {
                'Accept': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        })
        .then(response => {
            if (!response.ok) {
                throw new Error('Erro ao carregar dados do evento');
            }
            return response.json();
        })
        .then(evento => {
            // Preencher campos do modal
            document.getElementById('evento_nome_edit').value = evento.nome || '';
            document.getElementById('evento_data_edit').value = evento.data || '';
            document.getElementById('evento_hora_edit').value = evento.hora || '';
            document.getElementById('evento_local_edit').value = evento.local || '';
            document.getElementById('evento_cidade_edit').value = evento.cidade || '';
            document.getElementById('evento_uf_edit').value = evento.uf || '';

            // Limpar classes de validação
            formEditarEvento.querySelectorAll('.is-valid, .is-invalid').forEach(el => {
                el.classList.remove('is-valid', 'is-invalid');
            });

            hideMessages();
        })
        .catch(error => {
            console.error('Erro ao carregar evento:', error);
            showError('Erro ao carregar dados do evento.');
        });
    }

    // ===== EVENT LISTENERS =====

    // Abrir modal
    if (btnEditarEvento) {
        btnEditarEvento.addEventListener('click', function() {
            currentEventoId = this.getAttribute('data-evento-id');

            if (!currentEventoId) {
                showError('ID do evento não encontrado.');
                return;
            }

            carregarDadosEvento(currentEventoId);

            // Inicializar flatpickr após abrir modal
            setTimeout(() => {
                initFlatpickrEdit();
            }, 100);

            const modal = new bootstrap.Modal(modalEditarEvento);
            modal.show();
        });
    }

    // Submissão do formulário
    if (formEditarEvento) {
        formEditarEvento.addEventListener('submit', function(e) {
            e.preventDefault();

            if (!currentEventoId) {
                showError('ID do evento não encontrado.');
                return;
            }

            hideMessages();
            setLoading(true);

            // Validação da data
            const dataValue = eventoDataEdit.value;
            if (!dataValue || !isValidDate(dataValue)) {
                eventoDataEdit.classList.add('is-invalid');
                showError('Por favor, informe uma data válida no formato dd/mm/aaaa');
                setLoading(false);
                return;
            }

            // Validação da hora
            const horaValue = eventoHoraEdit.value;
            if (horaValue && horaValue !== 'A definir') {
                const horaRegex = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/;
                if (!horaRegex.test(horaValue)) {
                    eventoHoraEdit.classList.add('is-invalid');
                    showError('Por favor, informe uma hora válida no formato HH:MM');
                    setLoading(false);
                    return;
                }
            }

            const formData = new FormData(this);

            // Usar a rota ajax-update existente
            fetch(`/eventos/${currentEventoId}/ajax-update`, {
                method: 'POST',
                body: formData,
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                    'X-HTTP-Method-Override': 'PUT',
                    'Accept': 'application/json'
                }
            })
            .then(response => {
                if (!response.ok) {
                    return response.json().then(data => {
                        throw data;
                    });
                }
                return response.json();
            })
            .then(data => {
                if (data.success) {
                    showSuccess(data.message);

                    // Atualizar o select de eventos
                    const eventoSelect = document.getElementById('evento_id');
                    const option = eventoSelect.querySelector(`option[value="${currentEventoId}"]`);
                    if (option) {
                        option.textContent = data.evento.display_text;
                    }

                    // Fechar modal após 2 segundos
                    setTimeout(() => {
                        const modal = bootstrap.Modal.getInstance(modalEditarEvento);
                        modal.hide();

                        // Mostrar notificação de sucesso global
                        if (typeof Swal !== 'undefined') {
                            Swal.fire({
                                icon: 'success',
                                title: 'Sucesso!',
                                text: data.message,
                                timer: 3000,
                                showConfirmButton: false
                            });
                        }
                    }, 2000);

                } else {
                    showError(data.message, data.errors);
                }
            })
            .catch(error => {
                console.error('Erro:', error);
                if (error.errors) {
                    showError('Erro na validação dos dados.', error.errors);
                } else {
                    showError(error.message || 'Ocorreu um erro inesperado.');
                }
            })
            .finally(() => {
                setLoading(false);
            });
        });
    }

    // Limpar dados ao fechar modal
    if (modalEditarEvento) {
        modalEditarEvento.addEventListener('hidden.bs.modal', function() {
            if (flatpickrInstance) {
                flatpickrInstance.destroy();
                flatpickrInstance = null;
            }

            formEditarEvento.reset();
            formEditarEvento.querySelectorAll('.is-valid, .is-invalid').forEach(el => {
                el.classList.remove('is-valid', 'is-invalid');
            });

            hideMessages();
            currentEventoId = null;
        });
    }

    // Validação em tempo real
    if (eventoDataEdit) {
        eventoDataEdit.addEventListener('blur', function() {
            const value = this.value.trim();
            if (value && !isValidDate(value)) {
                this.classList.add('is-invalid');
            } else if (value && isValidDate(value)) {
                this.classList.remove('is-invalid');
                this.classList.add('is-valid');
            }
        });
    }
});
</script>