{"id":573,"date":"2012-04-01T06:59:21","date_gmt":"2012-04-01T03:59:21","guid":{"rendered":"http:\/\/muzvideo2.ru\/?page_id=573"},"modified":"2026-02-26T15:02:23","modified_gmt":"2026-02-26T12:02:23","slug":"%d0%b7%d0%b0%d0%b4%d0%b0%d1%82%d1%8c-%d0%b2%d0%be%d0%bf%d1%80%d0%be%d1%81","status":"publish","type":"page","link":"https:\/\/muzvideo2.ru\/en\/%d0%b7%d0%b0%d0%b4%d0%b0%d1%82%d1%8c-%d0%b2%d0%be%d0%bf%d1%80%d0%be%d1%81","title":{"rendered":"\u0417\u0430\u0434\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441"},"content":{"rendered":"<style>\r\n    #ai-page-container {\r\n        \/* \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0431\u0440\u0435\u043d\u0434\u043e\u0432\u044b\u0445 \u0446\u0432\u0435\u0442\u043e\u0432 \u0448\u043a\u043e\u043b\u044b (\u043a\u0430\u043a \u0432 \u043f\u0440\u043e\u0448\u043b\u043e\u043c \u043b\u0435\u043d\u0434\u0438\u043d\u0433\u0435) *\/\r\n        --color-accent-primary: #f9a825;\r\n        --color-accent-secondary: #007bff;\r\n        --color-tg: #2AABEE;\r\n        --color-vk: #0077FF;\r\n        --color-email: #6c757d;\r\n        --color-max: #FF3366; \/* \u0426\u0432\u0435\u0442 \u0434\u043b\u044f \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0430 MAX *\/\r\n        --color-text-dark: #333333;\r\n        --color-bg-light: #f4f7f6;\r\n        --color-border: #e0e0e0;\r\n        --color-success: #28a745;\r\n        --color-error: #dc3545;\r\n\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n        margin: 0;\r\n        padding: 40px 20px;\r\n        background-color: var(--color-bg-light);\r\n        color: var(--color-text-dark);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    #ai-page-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #ai-page-container .form-wrapper {\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n        background: #ffffff;\r\n        padding: 40px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 8px 24px rgba(0,0,0,0.06);\r\n        border-top: 5px solid var(--color-accent-primary);\r\n    }\r\n\r\n    #ai-page-container h1 {\r\n        margin-top: 0;\r\n        margin-bottom: 10px;\r\n        font-size: 2.2rem;\r\n        color: var(--color-text-dark);\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #ai-page-container .subtitle {\r\n        text-align: center;\r\n        color: #666;\r\n        margin-bottom: 30px;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    #ai-page-container .form-group {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    #ai-page-container label {\r\n        display: block;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n        color: var(--color-text-dark);\r\n    }\r\n\r\n    #ai-page-container input[type=\"text\"],\r\n    #ai-page-container input[type=\"email\"],\r\n    #ai-page-container textarea {\r\n        width: 100%;\r\n        padding: 14px;\r\n        border: 1px solid var(--color-border);\r\n        border-radius: 8px;\r\n        font-size: 1rem;\r\n        font-family: inherit;\r\n        transition: border-color 0.3s, box-shadow 0.3s;\r\n    }\r\n\r\n    #ai-page-container input:focus,\r\n    #ai-page-container textarea:focus {\r\n        outline: none;\r\n        border-color: var(--color-accent-primary);\r\n        box-shadow: 0 0 0 3px rgba(249, 168, 37, 0.2);\r\n    }\r\n\r\n    #ai-page-container textarea {\r\n        min-height: 150px;\r\n        resize: vertical;\r\n    }\r\n\r\n    \/* \u0420\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0438 \u0432\u044b\u0431\u043e\u0440\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u0441\u0432\u044f\u0437\u0438 *\/\r\n    #ai-page-container .method-selector {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 10px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    #ai-page-container .method-option {\r\n        position: relative;\r\n    }\r\n\r\n    #ai-page-container .method-option input[type=\"radio\"] {\r\n        position: absolute;\r\n        opacity: 0;\r\n        width: 0;\r\n        height: 0;\r\n    }\r\n\r\n    #ai-page-container .method-label {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 15px 5px;\r\n        background: #fcfcfc;\r\n        border: 2px solid var(--color-border);\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n        font-weight: 500;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    #ai-page-container .method-label svg {\r\n        width: 28px;\r\n        height: 28px;\r\n        margin-bottom: 8px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* \u0421\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043e\u043a *\/\r\n    #ai-page-container .method-option input[type=\"radio\"]:checked + .method-label {\r\n        background: #ffffff;\r\n    }\r\n\r\n    #ai-page-container .method-option.tg input[type=\"radio\"]:checked + .method-label {\r\n        border-color: var(--color-tg);\r\n        color: var(--color-tg);\r\n        box-shadow: 0 4px 12px rgba(42, 171, 238, 0.15);\r\n    }\r\n\r\n    #ai-page-container .method-option.vk input[type=\"radio\"]:checked + .method-label {\r\n        border-color: var(--color-vk);\r\n        color: var(--color-vk);\r\n        box-shadow: 0 4px 12px rgba(0, 119, 255, 0.15);\r\n    }\r\n\r\n    #ai-page-container .method-option.max input[type=\"radio\"]:checked + .method-label {\r\n        border-color: var(--color-max);\r\n        color: var(--color-max);\r\n        box-shadow: 0 4px 12px rgba(255, 51, 102, 0.15);\r\n    }\r\n\r\n    #ai-page-container .method-option.em input[type=\"radio\"]:checked + .method-label {\r\n        border-color: var(--color-email);\r\n        color: var(--color-email);\r\n        box-shadow: 0 4px 12px rgba(108, 117, 125, 0.15);\r\n    }\r\n\r\n    \/* \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u043e\u043b\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 *\/\r\n    #ai-page-container #dynamic-contact-field {\r\n        background: #fafafa;\r\n        padding: 20px;\r\n        border-radius: 8px;\r\n        border-left: 4px solid var(--color-border);\r\n        transition: border-left-color 0.3s;\r\n    }\r\n\r\n    #ai-page-container .form-hint {\r\n        display: block;\r\n        font-size: 0.85rem;\r\n        color: #777;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 *\/\r\n    #ai-page-container .submit-btn {\r\n        display: block;\r\n        width: 100%;\r\n        padding: 16px;\r\n        background-color: var(--color-accent-primary);\r\n        color: var(--color-text-dark);\r\n        font-size: 1.2rem;\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        border: none;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    #ai-page-container .submit-btn:hover {\r\n        background-color: #e09923;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 15px rgba(249, 168, 37, 0.3);\r\n    }\r\n\r\n    #ai-page-container .submit-btn:disabled {\r\n        background-color: #ccc;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n        box-shadow: none;\r\n    }\r\n\r\n    \/* \u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 *\/\r\n    #ai-page-container #form-status {\r\n        margin-top: 20px;\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        font-weight: 500;\r\n        display: none;\r\n    }\r\n    #ai-page-container #form-status.success {\r\n        display: block;\r\n        background-color: #d4edda;\r\n        color: #155724;\r\n        border: 1px solid #c3e6cb;\r\n    }\r\n    #ai-page-container #form-status.error {\r\n        display: block;\r\n        background-color: #f8d7da;\r\n        color: #721c24;\r\n        border: 1px solid #f5c6cb;\r\n    }\r\n\r\n    \/* \u0421\u043a\u0440\u044b\u0442\u043e\u0435 \u043f\u043e\u043b\u0435 \u043e\u0442 \u0441\u043f\u0430\u043c\u0430 *\/\r\n    #ai-page-container .hp-field {\r\n        display: none !important;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        #ai-page-container .method-selector {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 10px;\r\n        }\r\n        #ai-page-container .form-wrapper { padding: 25px 20px; }\r\n        #ai-page-container h1 { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"ai-page-container\">\r\n    <div class=\"form-wrapper\">\r\n        <h1>\u0417\u0430\u0434\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441<\/h1>\r\n        <p class=\"subtitle\">\u041e\u0442\u0432\u0435\u0447\u0430\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0442\u0443\u0434\u0430, \u043a\u0443\u0434\u0430 \u0432\u0430\u043c \u0443\u0434\u043e\u0431\u043d\u043e.<\/p>\r\n\r\n        <form id=\"smartContactForm\">\r\n            <!-- Honeypot (\u041b\u043e\u0432\u0443\u0448\u043a\u0430 \u0434\u043b\u044f \u0441\u043f\u0430\u043c-\u0431\u043e\u0442\u043e\u0432) -->\r\n            <input type=\"text\" name=\"website_url\" id=\"website_url\" class=\"hp-field\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"userName\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f *<\/label>\r\n                <input type=\"text\" id=\"userName\" name=\"userName\" placeholder=\"\u041a\u0430\u043a \u043a \u0432\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f?\" required>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label>\u041a\u0443\u0434\u0430 \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442? *<\/label>\r\n                <div class=\"method-selector\">\r\n                    <!-- Telegram -->\r\n                    <div class=\"method-option tg\">\r\n                        <input type=\"radio\" id=\"methodTg\" name=\"contactMethod\" value=\"Telegram\" checked>\r\n                        <label class=\"method-label\" for=\"methodTg\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.121l-6.869 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.94z\"\/><\/svg>\r\n                            Telegram\r\n                        <\/label>\r\n                    <\/div>\r\n                    <!-- VK -->\r\n                    <div class=\"method-option vk\">\r\n                        <input type=\"radio\" id=\"methodVk\" name=\"contactMethod\" value=\"VK\">\r\n                        <label class=\"method-label\" for=\"methodVk\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M15.077 24h-6.154C4 24 0 20 0 15.077V8.923C0 4 4 0 8.923 0h6.154C20 0 24 4 24 8.923v6.154C24 20 20 24 15.077 24zm4.115-15.658c.085-2.096-1.577-3.692-3.865-3.692h-1.616c-.538 0-1.019.269-1.308.712l-1.038 1.635c-.154.23-.462.23-.616 0l-1.038-1.635c-.289-.443-.77-.712-1.308-.712H6.788C4.5 4.654 2.838 6.25 2.923 8.346c.096 2.365 1.5 8.923 6.692 11h1.538c.616 0 1.154-.442 1.25-1.038l.192-1.308c.077-.48.558-.808 1.038-.692 1.404.308 2.654 1.269 3.269 2.538.25.52.808.846 1.385.846h1.538c2.404 0 3.865-1.692 3.865-4.115v-.25c0-1.096-.635-2.096-1.635-2.538 1-.442 1.635-1.442 1.635-2.538v-.25c0-2.423-1.461-4.115-3.865-4.115z\"\/><\/svg>\r\n                            \u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435\r\n                        <\/label>\r\n                    <\/div>\r\n                    <!-- MAX -->\r\n                    <div class=\"method-option max\">\r\n                        <input type=\"radio\" id=\"methodMax\" name=\"contactMethod\" value=\"MAX\">\r\n                        <label class=\"method-label\" for=\"methodMax\">\r\n                            <!-- \u0418\u043a\u043e\u043d\u043a\u0430 \u0432 \u0432\u0438\u0434\u0435 \u0447\u0430\u0442\u0430 \u0441 \u0431\u0443\u043a\u0432\u043e\u0439 M \u0432\u043d\u0443\u0442\u0440\u0438 -->\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.03 2 11c0 2.87 1.5 5.43 3.82 7.07L4 22l4.5-1.93A11.08 11.08 0 0 0 12 20c5.52 0 10-4.03 10-9s-4.48-9-10-9zm-4 11V8l4 3 4-3v5h-2V9.8l-2 1.5-2-1.5V13H8z\"\/><\/svg>\r\n                            MAX\r\n                        <\/label>\r\n                    <\/div>\r\n                    <!-- Email -->\r\n                    <div class=\"method-option em\">\r\n                        <input type=\"radio\" id=\"methodEm\" name=\"contactMethod\" value=\"Email\">\r\n                        <label class=\"method-label\" for=\"methodEm\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z\"\/><\/svg>\r\n                            Email\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u041c\u0435\u043d\u044f\u044e\u0449\u0435\u0435\u0441\u044f \u043f\u043e\u043b\u0435 -->\r\n            <div class=\"form-group\" id=\"dynamic-contact-field\" style=\"border-left-color: var(--color-tg);\">\r\n                <label id=\"dynamicContactLabel\" for=\"contactInfo\">\u0412\u0430\u0448 \u043d\u0438\u043a\u043d\u0435\u0439\u043c \u0432 Telegram *<\/label>\r\n                <input type=\"text\" id=\"contactInfo\" name=\"contactInfo\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: @ivan_ivanov \u0438\u043b\u0438 t.me\/ivan_ivanov\" required>\r\n                <span class=\"form-hint\" id=\"dynamicContactHint\">\u0427\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0430\u043c \u043e\u0442\u0432\u0435\u0442 \u043f\u0440\u044f\u043c\u043e \u0432 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0435.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label for=\"userQuestion\">\u0412\u043e\u043f\u0440\u043e\u0441 *<\/label>\r\n                <textarea id=\"userQuestion\" name=\"userQuestion\" placeholder=\"\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435, \u0447\u0435\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u0430\u043c \u043f\u043e\u043c\u043e\u0447\u044c...\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441<\/button>\r\n            <div id=\"form-status\"><\/div>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const methodRadios = document.querySelectorAll('input[name=\"contactMethod\"]');\r\n        const contactLabel = document.getElementById('dynamicContactLabel');\r\n        const contactInput = document.getElementById('contactInfo');\r\n        const contactHint = document.getElementById('dynamicContactHint');\r\n        const dynamicFieldWrapper = document.getElementById('dynamic-contact-field');\r\n        const form = document.getElementById('smartContactForm');\r\n        const submitBtn = document.getElementById('submitBtn');\r\n        const formStatus = document.getElementById('form-status');\r\n\r\n        \/\/ \u0421\u043c\u0435\u043d\u0430 \u043f\u043e\u043b\u0435\u0439 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0432\u044b\u0431\u043e\u0440\u0430\r\n        methodRadios.forEach(radio => {\r\n            radio.addEventListener('change', function() {\r\n                contactInput.value = ''; \/\/ \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u0440\u0438 \u0441\u043c\u0435\u043d\u0435\r\n                \r\n                if (this.value === 'Telegram') {\r\n                    dynamicFieldWrapper.style.borderLeftColor = 'var(--color-tg)';\r\n                    contactLabel.textContent = '\u0412\u0430\u0448 \u043d\u0438\u043a\u043d\u0435\u0439\u043c \u0432 Telegram *';\r\n                    contactInput.type = 'text';\r\n                    contactInput.placeholder = '\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: @ivan_ivanov \u0438\u043b\u0438 t.me\/ivan_ivanov';\r\n                    contactHint.textContent = '\u0427\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0430\u043c \u043e\u0442\u0432\u0435\u0442 \u043f\u0440\u044f\u043c\u043e \u0432 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0435.';\r\n                } \r\n                else if (this.value === 'VK') {\r\n                    dynamicFieldWrapper.style.borderLeftColor = 'var(--color-vk)';\r\n                    contactLabel.textContent = '\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0432\u0430\u0448\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435 *';\r\n                    contactInput.type = 'text';\r\n                    contactInput.placeholder = '\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: vk.com\/id1234567';\r\n                    contactHint.textContent = '\u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0443 \u0432\u0430\u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.';\r\n                } \r\n                else if (this.value === 'MAX') {\r\n                    dynamicFieldWrapper.style.borderLeftColor = 'var(--color-max)';\r\n                    contactLabel.textContent = '\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 *';\r\n                    contactInput.type = 'text';\r\n                    contactInput.placeholder = '\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: +79609990077';\r\n                    contactHint.textContent = '\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043d\u0430\u0439\u0442\u0438 \u0432\u0430\u0441 \u0432 MAX.';\r\n                }\r\n                else if (this.value === 'Email') {\r\n                    dynamicFieldWrapper.style.borderLeftColor = 'var(--color-email)';\r\n                    contactLabel.textContent = '\u0412\u0430\u0448 E-mail \u0430\u0434\u0440\u0435\u0441 *';\r\n                    contactInput.type = 'email';\r\n                    contactInput.placeholder = 'mail@example.com';\r\n                    contactHint.textContent = '\u041e\u0442\u0432\u0435\u0442 \u043f\u0440\u0438\u0434\u0435\u0442 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 (\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 \"\u0421\u043f\u0430\u043c\").';\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b (AJAX \u043a \u043d\u0430\u0448\u0435\u043c\u0443 \u043d\u043e\u0432\u043e\u043c\u0443 API)\r\n        form.addEventListener('submit', async function(e) {\r\n            e.preventDefault();\r\n\r\n            \/\/ \u0411\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443\r\n            submitBtn.disabled = true;\r\n            submitBtn.textContent = '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430...';\r\n            formStatus.className = '';\r\n            formStatus.style.display = 'none';\r\n\r\n            \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435\r\n            const formData = {\r\n                user_name: document.getElementById('userName').value,\r\n                contact_method: document.querySelector('input[name=\"contactMethod\"]:checked').value,\r\n                contact_info: document.getElementById('contactInfo').value,\r\n                question: document.getElementById('userQuestion').value,\r\n                website_url: document.getElementById('website_url').value \/\/ Honeypot\r\n            };\r\n\r\n            try {\r\n                \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043d\u0430\u0448 REST API (\u043f\u0443\u0442\u044c \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u043e\u0440\u043d\u044f \u0441\u0430\u0439\u0442\u0430)\r\n                const response = await fetch('\/wp-json\/muzvideo\/v1\/submit-question', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                        'Accept': 'application\/json'\r\n                    },\r\n                    body: JSON.stringify(formData)\r\n                });\r\n\r\n                const result = await response.json();\r\n\r\n                formStatus.style.display = 'block';\r\n                \r\n                if (response.ok && result.success) {\r\n                    formStatus.className = 'success';\r\n                    formStatus.textContent = result.message;\r\n                    form.reset(); \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\r\n                } else {\r\n                    formStatus.className = 'error';\r\n                    formStatus.textContent = result.message || '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435.';\r\n                }\r\n            } catch (error) {\r\n                formStatus.style.display = 'block';\r\n                formStatus.className = 'error';\r\n                formStatus.textContent = '\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.';\r\n                console.error('Submission error:', error);\r\n            } finally {\r\n                \/\/ \u0420\u0430\u0437\u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443\r\n                submitBtn.disabled = false;\r\n                submitBtn.textContent = '\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441';\r\n            }\r\n        });\r\n    });\r\n<\/script><!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"\u0417\u0430\u0434\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441 \u041e\u0442\u0432\u0435\u0447\u0430\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0442\u0443\u0434\u0430, \u043a\u0443\u0434\u0430 \u0432\u0430\u043c \u0443\u0434\u043e\u0431\u043d\u043e. \u0412\u0430\u0448\u0435 \u0438\u043c\u044f * \u041a\u0443\u0434\u0430 \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442? * Telegram \u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435 MAX&#8230;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"tags":[123],"_links":{"self":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/pages\/573"}],"collection":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/comments?post=573"}],"version-history":[{"count":0,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/pages\/573\/revisions"}],"wp:attachment":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/media?parent=573"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/tags?post=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}