/* Форма записи на событие (шаг 217, 22.10.2026; кнопки и таймер после отправки — шаг 222; все поля обязательны — шаг 223) — по образцу формы «Предложить событие». Место под форму в тексте страницы:

. Заявка уходит на /api/event-signup/submit, письмо — на open@vremesto.ru. */ (function () { if (window.__vrSignup) return; window.__vrSignup = true; var API = '/api/event-signup/submit'; function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"' }[c]; }); } function field(name, label, input, hint) { return '

' + '

' + label + '

' + input + (hint ? '

' + hint + '

' : '') + '

'; } function text(name, ph, attrs) { var a = attrs || ''; return ''; } // маска телефона как на сайте: +7 999 000-00-00 function phoneMask(v) { var raw = String(v).trim(), d = raw.replace(/\D/g, ''); if (/^\+7/.test(raw)) d = d.slice(1); else if (/^[78]/.test(d) && d.length > 10) d = d.slice(1); else if (/^[78]$/.test(d)) d = ''; d = d.slice(0, 10); if (!d) return ''; var out = '+7 ' + d.slice(0, 3); if (d.length > 3) out += ' ' + d.slice(3, 6); if (d.length > 6) out += '-' + d.slice(6, 8); if (d.length > 8) out += '-' + d.slice(8, 10); return out; } // таймер после отправки: через 10 секунд — на главную, как на странице заказа (шаг 222) function countdown(box) { var path = location.pathname, n = 10, f = ['секунду', 'секунды', 'секунд']; function word(k) { var a = k % 10, b = k % 100; return a === 1 && b !== 11 ? f[0] : (a >= 2 && a <= 4 && (b < 10 || b >= 20) ? f[1] : f[2]); } (function tick() { if (location.pathname !== path || !document.body.contains(box)) return; var c = box.querySelector('[data-vrs-count]'), u = box.querySelector('[data-vrs-unit]'); if (c) c.textContent = n; if (u) u.textContent = word(n); if (n <= 0) { location.href = '/'; return; } n--; setTimeout(tick, 1000); })(); } function render() { return '

' + '

' + field('name', 'Имя*', text('name', 'Как к вам обращаться', 'maxlength="100" autocomplete="name"')) + field('phone', 'Телефон*', text('phone', '+7 999 000-00-00', 'type="tel" inputmode="tel" maxlength="16" autocomplete="tel"')) + field('team', 'Название команды*', text('team', 'Например, «Весёлые ноты»', 'maxlength="100"')) + field('players', 'Сколько участников*', text('players', 'Например, 4', 'inputmode="numeric" maxlength="2"'), 'Вместе с вами') + '

' + '

' + '' + '

' + '' + '' + '' + '

Все поля обязательны.

' + '

'; } function mount(box) { var eventId = box.getAttribute('data-vr-signup'); var doneText = box.getAttribute('data-done') || ''; box.innerHTML = render(); box.setAttribute('data-vrs-ready', '1'); var form = box.querySelector('form'); var started = Math.floor(Date.now() / 1000); var el = function (n) { return form.elements[n]; }; var val = function (n) { var e = el(n); return e ? (e.type === 'checkbox' ? (e.checked ? '1' : '') : (e.value || '').trim()) : ''; }; function setError(name, msg) { var f = form.querySelector('[data-f="' + name + '"]'); if (!f) return false; f.classList.toggle('vrp-field--invalid', !!msg); var e = f.querySelector('.vrp-error'); if (e) e.textContent = msg || ''; return true; } function clearErrors() { Array.prototype.forEach.call(form.querySelectorAll('[data-f]'), function (f) { setError(f.getAttribute('data-f'), ''); }); var g = form.querySelector('.vrp-form-error'); g.hidden = true; g.textContent = ''; } function showFormError(msg) { var g = form.querySelector('.vrp-form-error'); g.textContent = msg; g.hidden = false; } function focusFirstError() { var f = form.querySelector('.vrp-field--invalid input'); if (f) f.focus(); } function validate() { var e = {}; if (!val('name')) e.name = 'Напишите имя'; var digits = val('phone').replace(/\D/g, ''); if (!digits) e.phone = 'Нужен телефон, чтобы с вами связаться'; else if (digits.length !== 11) e.phone = 'Проверьте номер: +7 и 10 цифр'; if (!val('team')) e.team = 'Напишите название команды'; var p = val('players'); if (!p) e.players = 'Сколько человек в команде?'; else if (!/^\d+$/.test(p) || +p < 1 || +p > 30) e.players = 'Число от 1 до 30'; if (!val('consent')) e.consent = 'Нужно согласие'; return e; } form.addEventListener('input', function (ev) { var t = ev.target; if (t.name === 'phone') t.value = phoneMask(t.value); if (t.name === 'players') t.value = t.value.replace(/\D/g, '').slice(0, 2); if (t.name) setError(t.name, ''); }); form.addEventListener('focusout', function (ev) { var t = ev.target; if (!t.name || !t.value || !t.value.trim()) return; var errs = validate(); if (errs[t.name]) setError(t.name, errs[t.name]); }); form.addEventListener('submit', function (ev) { ev.preventDefault(); clearErrors(); var errs = validate(); if (Object.keys(errs).length) { Object.keys(errs).forEach(function (k) { setError(k, errs[k]); }); showFormError('Проверьте поля, отмеченные красным'); focusFirstError(); return; } var data = new FormData(); data.append('event', eventId); ['name', 'phone', 'team', 'players', 'consent', 'website'].forEach(function (n) { data.append(n, val(n)); }); data.append('started', started); var btn = form.querySelector('.vrp-submit'); btn.disabled = true; btn.textContent = 'Отправляем…'; fetch(API, { method: 'POST', body: data, credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (res) { if (res && res.status === 'success') { var team = val('team'); box.innerHTML = '

Заявка отправлена

' + 'Команда «' + esc(team) + '» записана.' + '

' + (doneText ? '

' + esc(doneText) + '

' : '') + '

' + 'Все события' + 'На главную' + '

' + '

Перейдём на\u00a0главную через 10 секунд

'; box.scrollIntoView({ behavior: 'smooth', block: 'start' }); countdown(box); return; } var list = (res && res.errors) || [], general = ''; list.forEach(function (e) { var f = e.customData && e.customData.field; if (!f || !setError(f, e.message)) general = general || e.message; }); showFormError(general || 'Проверьте поля, отмеченные красным'); focusFirstError(); }) .catch(function () { showFormError('Не удалось отправить заявку. Проверьте интернет и попробуйте ещё раз или напишите нам на open@vremesto.ru'); }) .then(function () { var b = form.querySelector('.vrp-submit'); if (b) { b.disabled = false; b.textContent = 'Записаться'; } }); }); } // страница может перерисоваться при сборке и при переходах — ставим форму, когда появляется место под неё function check() { var box = document.querySelector('[data-vr-signup]'); if (box && !box.getAttribute('data-vrs-ready')) mount(box); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', check); else check(); setInterval(check, 500); })();

Экскурсии

События

Гастромаршрут

Белый камень

Журнал

Экскурсии

События

Гастромаршрут

Белый камень

Журнал

Запись на музыкальный квиз