document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('form-comment');
    const successMessage = document.getElementById('form-message-success');

    if (form) {
        form.addEventListener('submit', function(event) {
            event.preventDefault();

            setTimeout(() => {
                form.style.display = 'none';

                if (successMessage) {
                    successMessage.style.display = 'block';
                }

                console.log('Форма успішно відправлена. Повідомлення показано.');
            }, 1000); 
        });
    }
});


document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('login-form');
    const errorMessage = document.getElementById('error-message');
    const submitButton = document.getElementById('submit-btn');

    if (form) {
        form.addEventListener('submit', function(event) {
            event.preventDefault();

            errorMessage.style.display = 'none';

            if (!form.checkValidity()) {
                return;
            }

            submitButton.disabled = true;

            setTimeout(() => {
                    errorMessage.style.display = 'block';
                    
                    submitButton.disabled = false;
                    submitButton.textContent = '';
            }, 2000); 
        });
    }
});


document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('registration-form');
    const passwordInput = document.getElementById('password');
    const confirmPasswordInput = document.getElementById('confirm-password');
    const successMessage = document.getElementById('success-message');
    const errorMessage = document.getElementById('error-message');

    if (form) {
        form.addEventListener('submit', function(event) {
            event.preventDefault();

            successMessage.style.display = 'none';
            errorMessage.style.display = 'none';

            if (!form.checkValidity()) {
                return;
            }

            if (passwordInput.value !== confirmPasswordInput.value) {
                errorMessage.style.display = 'block';
                return;
            }

            setTimeout(() => {
                successMessage.style.display = 'block';
                
                form.style.display = 'none';

                form.reset();

                const submitButton = document.getElementById('submit-btn');
                if (submitButton) {
                    submitButton.disabled = true;
                }
                
            }, 1500); 
        });
    }
});


document.addEventListener('DOMContentLoaded', function() {
            AOS.init();

            const modal = document.getElementById('order-modal');

            if (modal) {
                const closeBtn = modal.querySelector('.close-btn');
                const planTitleEl = document.getElementById('modal-plan-title');
                const planCostEl = document.getElementById('modal-plan-cost');
                const hiddenTitleInput = document.getElementById('hidden-plan-title');
                
                const openModalButtons = document.querySelectorAll('.open-modal-btn');

                function openModal(title, cost) {
                    planTitleEl.textContent = title;
                    planCostEl.textContent = cost;
                    hiddenTitleInput.value = title;
                    modal.style.display = 'flex';
                }

                function closeModal() {
                    modal.style.display = 'none';
                    document.getElementById('order-form').reset(); 
                }

                openModalButtons.forEach(button => {
                    button.addEventListener('click', function() {
                        const parentBlock = button.closest('[data-plan-title]');
                        if (parentBlock) {
                            const title = parentBlock.getAttribute('data-plan-title');
                            const cost = parentBlock.getAttribute('data-plan-cost');
                            openModal(title, cost);
                        }
                    });
                });

                closeBtn.addEventListener('click', closeModal);

                window.addEventListener('click', function(event) {
                    if (event.target === modal) {
                        closeModal();
                    }
                });
            }
        });

        function updateCurrentYear() {
            const date = new Date();
            const currentYear = date.getFullYear();
            const yearElement = document.getElementById('current-year');
            
            if (yearElement) {
                yearElement.textContent = currentYear;
            }
        }

        window.onload = updateCurrentYear;