document.addEventListener('DOMContentLoaded', function() {
    // ... (Код получения данных пользователя как в предыдущем примере)

    // Обработка нажатия кнопки "Редактировать"
    const editButton = document.getElementById("editButton");
    const saveChangesButton = document.getElementById("saveChangesButton");
    const editProfileForm = document.getElementById("editProfileForm");

    editButton.addEventListener('click', function() {
        editProfileForm.style.display = "block"; // Показывает форму редактирования
        editButton.style.display = "none"; // Скрывает кнопку "Редактировать"
        saveChangesButton.style.display = "block"; // Показать кнопку "Записать"
    });

    // Обработка нажатия кнопки "Записать"
    saveChangesButton.addEventListener('click', function() {
        // Получение данных из формы
        const name = document.getElementById("editName").value;
        const surname = document.getElementById("editSurname").value;
        const patronymic = document.getElementById("editPatronymic").value;
        const email = document.getElementById("editEmail").value;
        const phone = document.getElementById("editPhone").value;

        // Отправка данных на сервер (как в предыдущем примере)
        fetch('/update_user_data', { // Замените '/update_user_data' на реальный URL-адрес
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                name: name,
                surname: surname,
                patronymic: patronymic,
                email: email,
                phone: phone
            })
        })
        .then(response => {
            if (response.ok) {
                return response.json();
            } else {
                throw new Error('Ошибка обновления данных');
            }
        })
        .then(data => {
            // Обновление данных пользователя на странице
            document.getElementById("name").textContent = data.name;
            document.getElementById("surname").textContent = data.surname;
            document.getElementById("patronymic").textContent = data.patronymic;
            document.getElementById("email").textContent = data.email;
            document.getElementById("phone").textContent = data.phone;

            // Отображение всплывающего окна
            document.getElementById("successPopup").style.display = "block";
        })
        .catch(error => {
            // Обработка ошибки
            console.error('Ошибка:', error);
            alert('Ошибка обновления профиля. Пожалуйста, попробуйте снова.');
        });
    });

    // Функция закрытия всплывающего окна
    function closePopup() {
        document.getElementById("successPopup").style.display = "none";
    }
});