Update pages.html

pages.html

@@ -465,129 +465,94 @@ editor.Components.addType('custom-form', {
     defaults: {
       // HTML-код формы
       content: `
-        <form id="custom-form">
-            <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
-            <div class="form-group">
-                <label for="name">Имя</label>
-                <input type="text" id="name" name="name" required>
-            </div>
-            <div class="form-group">
-                <label for="email">Почта</label>
-                <input type="email" id="email" name="email" required>
-            </div>
-            <div class="form-group">
-                <label for="phone">Телефон</label>
-                <input type="tel" id="phone" name="phone" required>
-            </div>
-            <div class="form-group">
-                <label for="options1">Выберите тариф 1</label>
-                <select id="options1" name="options1" required>
-                    <option value="" disabled selected>Тариф 1</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="options2">Выберите тариф 2</label>
-                <select id="options2" name="options2" required>
-                    <option value="" disabled selected>Тариф 2</option>
-                </select>
-            </div>
-            <div class="form-group">
-                <label for="options3">Выберите тариф 3</label>
-                <select id="options3" name="options3" required>
-                    <option value="" disabled selected>Тариф 3</option>
-                </select>
-            </div>
-            <div class="form-check">
-                <input type="checkbox" id="newsletter" name="newsletter" required>
-                <label for="newsletter">Согласие на email рассылку</label>
-            </div>
-            <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
-        </form>
-      `,
-      // Скрипт для обработки отправки формы
-      script: function(props) {
-        const optionsSelect1 = this.querySelector('#options1');
-        const optionsSelect2 = this.querySelector('#options2');
-        const optionsSelect3 = this.querySelector('#options3');
-
-        // Обновление выпадающего списка 1 при загрузке
-        const options1 = props.dropdownOptions1.split(',').map(option => option.trim()).filter(option => option !== '');
-        options1.forEach(option => {
-            const optionElement = document.createElement('option');
-            optionElement.value = option;
-            optionElement.textContent = option;
-            optionsSelect1.appendChild(optionElement);
-        });
-
-        // Обновление выпадающего списка 2 при загрузке
-        const options2 = props.dropdownOptions2.split(',').map(option => option.trim()).filter(option => option !== '');
-        options2.forEach(option => {
-            const optionElement = document.createElement('option');
-            optionElement.value = option;
-            optionElement.textContent = option;
-            optionsSelect2.appendChild(optionElement);
-        });
+      <div class="container">
+    <form id="contactForm">
+        <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
+        <div class="form-group">
+            <label for="name">Имя</label>
+            <input type="text" id="name" required>
+        </div>
+
+        <div class="form-group">
+            <label for="email">Почта</label>
+            <input type="email" id="email" required>
+        </div>
+
+        <div class="form-group">
+            <label for="phone">Телефон</label>
+            <input type="tel" id="phone" required>
+        </div>
+
+        <div class="form-group">
+            <label for="options">Выберите тариф</label>
+            <select id="options" required>
+                <option value="" disabled selected>Тариф</option>
+                <option>БИЗНЕС - 69 970р.</option>
+                <option>PREMIUM - 89 970р.</option>
+                <option>VIP - 149 990р.</option>
+            </select>
+        </div>
+
+        <div class="form-check">
+            <input type="checkbox" id="newsletter" required>
+            <label for="newsletter">Согласие на email рассылку</label>
+        </div>
+
+        <div class="form-group">
+            <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
+        </div>
+
+        <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
+    </form>
 
-        // Обновление выпадающего списка 3 при загрузке
-        const options3 = props.dropdownOptions3.split(',').map(option => option.trim()).filter(option => option !== '');
-        options3.forEach(option => {
-            const optionElement = document.createElement('option');
-            optionElement.value = option;
-            optionElement.textContent = option;
-            optionsSelect3.appendChild(optionElement);
+    <div id="privacyModal" class="modal">
+        <div class="modal-content">
+            <span class="close">&times;</span>
+            <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
+        </div>
+    </div>
+</div>
+      `, // Вставьте сюда HTML-код формы
+      // Скрипт для обработки отправки формы
+      document.addEventListener('DOMContentLoaded', function() {
+    const submitUrlInput = document.getElementById('submitUrl');
+
+    document.getElementById('contactForm').addEventListener('submit', function(event) {
+        event.preventDefault();
+        const formData = new FormData(this);
+        const data = {};
+        formData.forEach((value, key) => {
+            data[key] = value;
         });
-
-        // Обработка отправки формы
-        this.querySelector('#custom-form').addEventListener('submit', function(event) {
-            event.preventDefault();
-            const formData = new FormData(this);
-            const data = {};
-            formData.forEach((value, key) => {
-                data[key] = value;
-            });
-            fetch(props.submitUrl, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(data)
-            })
-            .then(response => response.json())
-            .then(data => {
-                console.log('Success:', data);
-            })
-            .catch((error) => {
-                console.error('Error:', error);
-            });
+        fetch(submitUrlInput.value, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(data)
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log('Success:', data);
+        })
+        .catch((error) => {
+            console.error('Error:', error);
         });
+    });
+});
+      
+      script: function(props) {
+        // Вставьте сюда JavaScript-код для обработки формы
       },
       // Свойства, которые будут передаваться в скрипт
-      'script-props': ['submitUrl', 'dropdownOptions1', 'dropdownOptions2', 'dropdownOptions3'],
-      // Настройки для изменения URL отправки и опций выпадающих списков
+      'script-props': ['submitUrl'],
+      // Настройки для изменения URL отправки
       traits: [
         {
           type: 'text',
           name: 'submitUrl',
           label: 'Submit URL',
           changeProp: true
-        },
-        {
-          type: 'text',
-          name: 'dropdownOptions1',
-          label: 'Dropdown Options 1 (comma separated)',
-          changeProp: true
-        },
-        {
-          type: 'text',
-          name: 'dropdownOptions2',
-          label: 'Dropdown Options 2 (comma separated)',
-          changeProp: true
-        },
-        {
-          type: 'text',
-          name: 'dropdownOptions3',
-          label: 'Dropdown Options 3 (comma separated)',
-          changeProp: true
         }
       ]
     }
@@ -615,7 +580,6 @@ editor.Blocks.add('custom-form-block', {
 
 
 
-
     
 
     // Добавление кнопки для открытия редактора кода