// Шорткод для форми реєстрації
function art_studio_registration_shortcode_new() {
    ob_start(); // Початок буферизації

    ?>
    <form id="art-studio-form-new">
        <!-- Крок 1: Введення телефону -->
        <div id="step-1-new">
            <label for="phone">Введіть телефон:</label>
            <input type="text" id="phone" name="phone" required>
            <button type="button" id="check-phone-btn-new">Далі</button>
        </div>

        <!-- Крок 2: Введення повідомлення -->
        <div id="step-2-new" style="display: none;">
            <label for="message">Ваше повідомлення:</label>
            <textarea id="message" name="message" required></textarea>
            <button type="button" id="submit-message-btn-new">Відправити</button>
        </div>

        <!-- Виведення відповіді -->
        <div id="response-new"></div>
    </form>

    <script>
        // Обробник для кнопки "Далі", що перевіряє телефон
        document.getElementById('check-phone-btn-new').addEventListener('click', function () {
            const phone = document.getElementById('phone').value;
            fetch('http://www.artacademia.kiev.ua/wp-admin/admin-ajax.php', {
                method: 'POST',
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                body: `action=check_phone&phone=${encodeURIComponent(phone)}`
            })
            .then(response => response.json())
            .then(data => {
                if (data.status === 'success') {
                    // Якщо телефон знайдений, показуємо другий крок
                    document.getElementById('step-1-new').style.display = 'none';
                    document.getElementById('step-2-new').style.display = 'block';
                }
                document.getElementById('response-new').innerText = data.message;
            })
            .catch(error => {
                document.getElementById('response-new').innerText = 'Сталася помилка: ' + error.message;
            });
        });

        // Обробник для кнопки "Відправити" на другому кроці
        document.getElementById('submit-message-btn-new').addEventListener('click', function () {
            const phone = document.getElementById('phone').value;
            const message = document.getElementById('message').value;
            fetch('http://www.artacademia.kiev.ua/wp-admin/admin-ajax.php', {
                method: 'POST',
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                body: `action=save_message&phone=${encodeURIComponent(phone)}&message=${encodeURIComponent(message)}`
            })
            .then(response => response.json())
            .then(data => {
                document.getElementById('response-new').innerText = data.message;
            })
            .catch(error => {
                document.getElementById('response-new').innerText = 'Сталася помилка: ' + error.message;
            });
        });
    </script>