{"id":2891,"date":"2025-12-25T10:03:16","date_gmt":"2025-12-25T10:03:16","guid":{"rendered":"https:\/\/wordpress2.vabilo.net\/?page_id=2891"},"modified":"2026-02-24T20:27:12","modified_gmt":"2026-02-24T20:27:12","slug":"register","status":"publish","type":"page","link":"https:\/\/wordpress2.vabilo.net\/ku\/register\/","title":{"rendered":"Tomar kirin"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2891\" class=\"elementor elementor-2891 elementor-712\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb18704 e-flex e-con-boxed e-con e-parent\" data-id=\"eb18704\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a53c03 elementor-widget elementor-widget-shortcode\" data-id=\"2a53c03\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"pm-register-container\">\r\n            <div class=\"pm-register-wrapper\">\r\n                <!-- Right Side - Order Summary (Fixed) -->\r\n                <div class=\"pm-order-sidebar\">\r\n                    <div class=\"pm-order-card\">\r\n                        <h2>\u0648\u0631\u062f\u06d5\u06a9\u0627\u0631\u06cc \u067e\u0644\u0627\u0646\u06cc \u0647\u06d5\u06b5\u0628\u0698\u06ce\u0631\u062f\u0631\u0627\u0648<\/h2>\r\n                        <div class=\"pm-package-name\" id=\"pm-package-name\">\r\n                            <!-- Will be populated by JavaScript -->\r\n                        <\/div>\r\n                        <div class=\"pm-plan-details\" id=\"pm-plan-details\">\r\n                            <!-- Will be populated by JavaScript -->\r\n                        <\/div>\r\n\r\n                        <div class=\"pm-plan-features\">\r\n                            <ul class=\"pm-plan-features-list\" id=\"pm-plan-features-list\">\r\n                                <!-- Will be populated by JavaScript -->\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <div class=\"pm-order-summary\">\r\n                            <div class=\"pm-summary-row\">\r\n                                <span>\u0698\u0645\u0627\u0631\u06d5\u06cc \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631\u0627\u0646\u06cc \u0632\u06cc\u0627\u062f\u06d5<\/span>\r\n                                <span id=\"pm-extra-user-count\">0 \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631<\/span>\r\n                            <\/div>\r\n                            <div class=\"pm-summary-row\">\r\n                                <span>\u0645\u0627\u0648\u06d5\u06cc \u0628\u06d5\u0634\u062f\u0627\u0631\u0628\u0648\u0648\u0646<\/span>\r\n                                <span id=\"pm-subscription-period\">1 \u092e\u0939\u0940\u0928\u093e<\/span>\r\n                            <\/div>\r\n                            <div class=\"pm-summary-row\">\r\n                                <span>\u0628\u0695\u06cc \u0628\u06d5\u0634\u062f\u0627\u0631\u0628\u0648\u0648\u0646<\/span>\r\n                                <span id=\"pm-subscription-amount\">0 \u062f\u0631\u0647\u0645<\/span>\r\n                            <\/div>\r\n                            <div class=\"pm-summary-row\">\r\n                                <span>\u0628\u0695\u06cc \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631\u06cc \u0632\u06cc\u0627\u062f\u06d5<\/span>\r\n                                <span id=\"pm-extra-user-amount\">0 \u062f\u0631\u0647\u0645<\/span>\r\n                            <\/div>\r\n                            <div class=\"pm-summary-total\">\r\n                                <span>\u06a9\u06c6\u06cc \u067e\u0627\u0631\u06d5\u06cc \u067e\u06ce\u0648\u06cc\u0633\u062a \u062f\u0648\u0627\u06cc 14 \u0695\u06c6\u0698:<\/span>\r\n                                <span id=\"pm-total-payable\">0 \u062f\u0631\u0647\u0645<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <button class=\"pm-change-plan-btn\" id=\"pm-change-plan-btn\">\u06af\u06c6\u0695\u06cc\u0646\u06cc \u067e\u0644\u0627\u0646<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Left Side - Registration Form -->\r\n                <div class=\"pm-register-form\">\r\n                    <div class=\"pm-form-card\">\r\n                        <h2>\u062f\u0631\u0648\u0633\u062a\u06a9\u0631\u062f\u0646\u06cc \u0647\u06d5\u0698\u0645\u0627\u0631<\/h2>\r\n\r\n                        <div class=\"pm-instructions\">\r\n                            <p>1- \u062a\u06a9\u0627\u06cc\u06d5 \u0632\u0627\u0646\u06cc\u0627\u0631\u06cc\u06cc\u06d5\u06a9\u0627\u0646\u062a \u0628\u06d5 \u0648\u0631\u06cc\u0627\u06cc\u06cc \u062a\u06ce\u0628\u0646\u0648\u0648\u0633\u06d5.<\/p>\r\n                            <p>2- \u06a9\u0631\u062a\u06d5 \u0644\u06d5 \u062f\u0648\u06af\u0645\u06d5\u06cc [\u0646\u0627\u0631\u062f\u0646\u06cc \u06a9\u06c6\u062f \u0628\u06c6 \u0626\u06cc\u0645\u06d5\u06cc\u06b5] \u0628\u06a9\u06d5.<\/p>\r\n                            <p>3- \u06a9\u06c6\u062f\u06cc \u0686\u0627\u0644\u0627\u06a9\u06a9\u0631\u062f\u0646\u06d5\u0648\u06d5 \u0644\u06d5 \u0626\u06cc\u0645\u06d5\u06cc\u06b5\u06d5\u0648\u06d5 \u0648\u06d5\u0631\u06af\u0631\u06d5\u060c \u0644\u06d5 \u0634\u0648\u06ce\u0646\u06cc \u062f\u06cc\u0627\u0631\u06cc\u06a9\u0631\u0627\u0648 \u0628\u0646\u0648\u0648\u0633\u06d5 \u0648 \u06a9\u0631\u062a\u06d5 \u0644\u06d5 \u062f\u0648\u06af\u0645\u06d5\u06cc [\u067e\u0634\u062a\u0695\u0627\u0633\u062a\u06a9\u0631\u062f\u0646\u06d5\u0648\u06d5 \u0648 \u062a\u06c6\u0645\u0627\u0631\u06a9\u0631\u062f\u0646] \u0628\u06a9\u06d5.<\/p>\r\n                        <\/div>\r\n\r\n                        <form id=\"pm-registration-form\">\r\n                            <div class=\"pm-form-group\">\r\n                                <label>\u0646\u0627\u0648 \u0648 \u0646\u0627\u0648\u06cc \u062e\u06ce\u0632\u0627\u0646<\/label>\r\n                                <input type=\"text\" id=\"pm-fullname\">\r\n                            <\/div>\r\n\r\n                            <div class=\"pm-form-group\">\r\n                                <label>\u0646\u0627\u0648\u06cc \u06a9\u06c6\u0645\u067e\u0627\u0646\u06cc\u0627<\/label>\r\n                                <input type=\"text\" id=\"pm-company\">\r\n                            <\/div>\r\n\r\n                            <div class=\"pm-form-group\">\r\n                                <label>\u0648\u06b5\u0627\u062a<\/label>\r\n                                <input type=\"text\" id=\"pm-country\">\r\n                            <\/div>\r\n\r\n                            <div class=\"pm-form-group\">\r\n                                <label>\u0698\u0645\u0627\u0631\u06d5\u06cc \u062a\u06d5\u0644\u06d5\u0641\u06c6\u0646<\/label>\r\n                                <input type=\"tel\" id=\"pm-phone\">\r\n                            <\/div>\r\n\r\n                            <div class=\"pm-form-group\">\r\n                                <label>\u0626\u06cc\u0645\u06d5\u06cc\u06b5<\/label>\r\n                                <input type=\"email\" id=\"pm-email\" required>\r\n                            <\/div>\r\n\r\n                            <div class=\"pm-form-group pm-capcha\">\r\n                                <div class=\"pm-capcha-box\">\r\n                                    <input type=\"checkbox\" id=\"pm-not-robot\">\r\n                                    <label for=\"pm-not-robot\">\u0645\u0646 \u0695\u06c6\u0628\u06c6\u062a \u0646\u06cc\u0645<\/label>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <button type=\"button\" class=\"pm-send-code-btn\" id=\"pm-send-verification\">\u0646\u0627\u0631\u062f\u0646\u06cc \u06a9\u06c6\u062f \u0628\u06c6 \u0626\u06cc\u0645\u06d5\u06cc\u06b5<\/button>\r\n\r\n                            <div id=\"pm-verification-section\" style=\"display: none;\">\r\n                                <div class=\"pm-form-group\">\r\n                                    <label>\u062a\u06a9\u0627\u06cc\u06d5 \u06a9\u06c6\u062f\u06cc \u0686\u0627\u0644\u0627\u06a9\u06a9\u0631\u062f\u0646\u06d5\u0648\u06d5\u06cc \u0646\u06ce\u0631\u062f\u0631\u0627\u0648 \u0628\u06d5 \u0626\u06cc\u0645\u06d5\u06cc\u06b5 \u0628\u0646\u0648\u0648\u0633\u06d5<\/label>\r\n                                    <div class=\"pm-code-input\">\r\n                                        <input type=\"text\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\">\r\n                                        <input type=\"text\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\">\r\n                                        <input type=\"text\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\">\r\n                                        <input type=\"text\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\">\r\n                                        <input type=\"text\" maxlength=\"1\" pattern=\"[0-9]\" inputmode=\"numeric\">\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <button type=\"button\" class=\"pm-confirm-btn\" id=\"pm-verify-btn\">\u067e\u0634\u062a\u0695\u0627\u0633\u062a\u06a9\u0631\u062f\u0646\u06d5\u0648\u06d5 \u0648 \u062a\u06c6\u0645\u0627\u0631\u06a9\u0631\u062f\u0646<\/button>\r\n\r\n                                <div class=\"pm-error-message\"><\/div>\r\n\r\n                                <div class=\"pm-resend\">\r\n                                    <button class=\"pm-resend-btn\" id=\"pm-resend-btn\" disabled>\u062f\u0648\u0648\u0628\u0627\u0631\u06d5 \u0646\u0627\u0631\u062f\u0646 (120 \u0686\u0631\u06a9\u06d5)<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/form>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n            .pm-register-container {\r\n                max-width: 1200px;\r\n                padding: 0 20px;\r\n                margin-top: 28px;\r\n            }[dir=\"rtl\"] .pm-register-container{\r\n                font-family:yekan !important;\r\n            }\r\n\r\n            .pm-register-wrapper {\r\n                display: flex;\r\n                gap: 30px;\r\n                min-height: 600px;\r\n            }\r\n\r\n            .pm-form-card h2 {\r\n                font-size: 24px;\r\n            }\r\n\r\n            ul#pm-plan-features-list {\r\n                background: #bbbbbb29;\r\n                height: 144px;\r\n                overflow-y: auto;\r\n                padding: 13px;\r\n                border-radius: 10px;\r\n            }\r\n\r\n            \/* Right Sidebar - Fixed *\/\r\n            .pm-order-sidebar {\r\n                flex: 0 0 350px;\r\n                position: relative;\r\n            }\r\n\r\n            .pm-order-card {\r\n                background: #fff;\r\n                border-radius: 12px;\r\n                padding: 25px;\r\n                box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n                position: sticky;\r\n                top: 20px;\r\n            }\r\n\r\n            .pm-order-card h2 {\r\n                margin-top: 0;\r\n                margin-bottom: 20px;\r\n                font-size: 1.3em;\r\n                color: #333;\r\n                padding-bottom: 15px;\r\n                border-bottom: 1px solid #f0f0f0;\r\n            }\r\n\r\n            .pm-plan-details {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .pm-plan-price {\r\n                font-size: 16px;\r\n                font-weight: 700;\r\n                color: #7c3aed;\r\n                margin-bottom: 5px;\r\n            }\r\n\r\n            div#pm-package-name {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .pm-plan-price small {\r\n                font-size: 0.6em;\r\n                font-weight: normal;\r\n                color: #999;\r\n            }\r\n\r\n            .pm-plan-per-user {\r\n                font-size: 0.9em;\r\n                color: #666;\r\n                margin-bottom: 5px;\r\n            }\r\n\r\n            .pm-plan-per-user span {\r\n                color: #7c3aed;\r\n                font-weight: 600;\r\n            }\r\n\r\n            .pm-plan-features {\r\n                margin: 20px 0;\r\n                padding: 15px 0;\r\n                border-top: 1px solid #f0f0f0;\r\n                border-bottom: 1px solid #f0f0f0;\r\n            }\r\n\r\n            .pm-plan-features h3 {\r\n                margin: 0 0 10px 0;\r\n                font-size: 1.1em;\r\n                color: #333;\r\n            }\r\n\r\n            .pm-plan-features-list {\r\n                list-style: none;\r\n                padding: 0;\r\n                margin: 0 0 10px 0;\r\n            }\r\n\r\n            .pm-plan-features-list li {\r\n                padding: 5px 0;\r\n                color: #666;\r\n                font-size: 0.9em;\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n\r\n            .pm-plan-features-list li:before {\r\n                content: \"\u2713\";\r\n                color: #4CAF50;\r\n                margin-right: 8px;margin-left: 8px;\r\n                font-weight: bold;\r\n            }\r\n\r\n            .pm-see-more {\r\n                background: none;\r\n                border: none;\r\n                color: #7c3aed;\r\n                cursor: pointer;\r\n                font-size: 0.9em;\r\n                padding: 5px 0;\r\n            }\r\n\r\n            .pm-order-summary {\r\n                margin: 20px 0;\r\n            }\r\n\r\n            .pm-summary-row {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                margin-bottom: 10px;\r\n                color: #666;\r\n                font-size: 0.95em;\r\n            }\r\n\r\n            .pm-summary-total {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                margin-top: 15px;\r\n                padding-top: 15px;    flex-direction: column;\r\n                border-top: 2px solid #f0f0f0;\r\n                font-weight: 600;\r\n                color: #333;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .pm-change-plan-btn {\r\n                width: 100%;\r\n                padding: 12px;\r\n                background: none;\r\n                border: 1px solid #7c3aed;\r\n                color: #7c3aed;\r\n                border-radius: 6px;\r\n                cursor: pointer;\r\n                font-size: 1em;\r\n                transition: all 0.3s ease;\r\n            }\r\n\r\n            .pm-change-plan-btn:hover {\r\n                background: #7c3aed;\r\n                color: white;\r\n            }\r\n\r\n            \/* Left Side - Form *\/\r\n            .pm-register-form {\r\n                flex: 1;\r\n            }\r\n\r\n            .pm-form-card {\r\n                background: #fff;\r\n                border-radius: 12px;\r\n                padding: 15px;\r\n                box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n            }\r\n\r\n            .pm-form-card h2 {\r\n                margin-top: 0;\r\n                margin-bottom: 20px;\r\n                color: #333;\r\n            }\r\n\r\n            .pm-instructions {\r\n                background: #f8f9fa;\r\n                padding: 10px;\r\n                font-size: 13px;\r\n                border-radius: 8px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .pm-instructions p {\r\n                margin: 5px 0;\r\n                color: #666;\r\n                font-size: 0.9em;\r\n            }\r\n\r\n            .pm-price-info {\r\n                background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n                padding: 15px;\r\n                border-radius: 8px;\r\n                margin-bottom: 20px;\r\n                font-weight: 500;\r\n                color: #333;\r\n            }\r\n\r\n            .pm-form-group {\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .pm-form-group label {\r\n                display: block;\r\n                margin-bottom: 5px;\r\n                font-weight: 500;\r\n                color: #555;\r\n            }\r\n\r\n            .pm-form-group input {\r\n                width: 100%;\r\n                padding: 8px;\r\n                border: 1px solid #ddd;\r\n                border-radius: 6px;\r\n                font-size: 14px;\r\n            }\r\n\r\n            .pm-form-group input:focus {\r\n                outline: none;\r\n                border-color: #7c3aed;\r\n            }\r\n\r\n            .pm-capcha {\r\n                margin: 20px 0;\r\n            }\r\n\r\n            .pm-capcha-box {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n                padding: 10px;\r\n                border: 1px solid #ddd;\r\n                border-radius: 6px;\r\n                background: #f9f9f9;\r\n            }\r\n\r\n            .pm-capcha-box input[type=\"checkbox\"] {\r\n                width: auto;\r\n            }\r\n\r\n            .pm-send-code-btn {\r\n                width: 100%;\r\n                padding: 12px;\r\n                background: linear-gradient(180deg,#545454 0%,#111111 100%);\r\n                color: white;\r\n                border: none;\r\n                border-radius: 6px;\r\n                font-size: 1em;\r\n                cursor: pointer;\r\n                transition: transform 0.2s, box-shadow 0.2s;\r\n            }\r\n\r\n            .pm-send-code-btn:hover {\r\n                transform: translateY(-2px);\r\n                box-shadow: 0 5px 15px rgba(124, 58, 237, 0.3);\r\n            }\r\n\r\n            .pm-code-input {\r\n                display: flex;\r\n                gap: 10px;\r\n                justify-content: center;\r\n                margin: 15px 0;\r\n            }\r\n\r\n            .pm-code-input input {\r\n                width: 50px;\r\n                height: 50px;\r\n                text-align: center;\r\n                font-size: 1.5em;\r\n                border: 2px solid #ddd;\r\n                border-radius: 8px;\r\n            }\r\n\r\n            .pm-code-input input:focus {\r\n                border-color: #7c3aed;\r\n            }\r\n\r\n            .pm-code-input input.pm-error {\r\n                border-color: #f44336;\r\n                animation: shake 0.5s;\r\n            }\r\n\r\n            @keyframes shake {\r\n\r\n                0%,\r\n                100% {\r\n                    transform: translateX(0);\r\n                }\r\n\r\n                10%,\r\n                30%,\r\n                50%,\r\n                70%,\r\n                90% {\r\n                    transform: translateX(-5px);\r\n                }\r\n\r\n                20%,\r\n                40%,\r\n                60%,\r\n                80% {\r\n                    transform: translateX(5px);\r\n                }\r\n            }\r\n\r\n            .pm-confirm-btn {\r\n                width: 100%;\r\n                padding: 12px;\r\n                background: #4CAF50;\r\n                color: white;\r\n                border: none;\r\n                border-radius: 6px;\r\n                font-size: 1em;\r\n                cursor: pointer;\r\n                transition: background 0.3s;\r\n            }\r\n\r\n            .pm-confirm-btn:hover {\r\n                background: #45a049;\r\n            }\r\n\r\n            .pm-resend {\r\n                text-align: center;\r\n                margin-top: 15px;\r\n            }\r\n\r\n            .pm-resend-btn {\r\n                background: none;\r\n                border: none;\r\n                color: #7c3aed;\r\n                cursor: pointer;\r\n                font-size: 0.9em;\r\n            }\r\n\r\n            .pm-resend-btn:disabled {\r\n                color: #999;\r\n                cursor: not-allowed;\r\n            }\r\n\r\n            .pm-error-message {\r\n                color: #f44336;\r\n                margin-top: 10px;\r\n                text-align: center;\r\n            }\r\n\r\n            @media (max-width: 768px) {\r\n                .pm-register-wrapper {\r\n                    flex-direction: column;\r\n                }\r\n\r\n                .pm-order-sidebar {\r\n                    flex: none;\r\n                    width: 100%;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <script>\r\n            jQuery(document).ready(function($) {\r\n                \/\/ Get query parameters from URL\r\n                const urlParams = new URLSearchParams(window.location.search);\r\n\r\n                \/\/ Parse features from JSON\r\n                var features = [];\r\n                try {\r\n                    features = JSON.parse(urlParams.get('features') || '[]');\r\n                } catch (e) {\r\n                    console.log('Error parsing features', e);\r\n                    \/\/ Fallback features if parsing fails\r\n                    features = [\r\n\r\n                    ];\r\n                }\r\n\r\n                \/\/ Parse package data\r\n                var selectedPackage = {\r\n                    id: urlParams.get('package_id'),\r\n                    name: urlParams.get('package_name') || 'Simple Plan',\r\n                    monthlyPrice: parseFloat(urlParams.get('monthly_price')) || 0,\r\n                    annualPrice: parseFloat(urlParams.get('annual_price')) || 0,\r\n                    monthlyUserPrice: parseFloat(urlParams.get('monthly_user_price')) || 0,\r\n                    yearlyUserPrice: parseFloat(urlParams.get('yearly_user_price')) || 0,\r\n                    billingType: urlParams.get('billing_type') || 'monthly',\r\n                    months: parseInt(urlParams.get('months')) || 1,\r\n                    users: parseInt(urlParams.get('users')) || 1,\r\n                    total: parseFloat(urlParams.get('total')) || 0,\r\n                    features: features\r\n                };\r\n\r\n                \/\/ Update features list\r\n                function updateFeaturesList() {\r\n                    var featuresHtml = '';\r\n                    selectedPackage.features.forEach(function(feature) {\r\n                        featuresHtml += '<li>' + feature + '<\/li>';\r\n                    });\r\n                    $('#pm-plan-features-list').html(featuresHtml);\r\n                }\r\n\r\n                \/\/ Call this after setting selectedPackage\r\n                updateFeaturesList();\r\n\r\n                \/\/ Update order summary with real data\r\n                function updateOrderSummary() {\r\n                    var extraUsers = selectedPackage.users - 1;\r\n                    $('#pm-package-name').html('<strong>' + selectedPackage.name + '<\/strong>');\r\n                    \/\/ Get correct prices based on billing type\r\n                    var basePrice = selectedPackage.billingType === 'monthly' ?\r\n                        selectedPackage.monthlyPrice : selectedPackage.annualPrice;\r\n\r\n                    var userPrice = selectedPackage.billingType === 'monthly' ?\r\n                        selectedPackage.monthlyUserPrice : selectedPackage.yearlyUserPrice;\r\n\r\n                    var baseAmount = basePrice;\r\n                    var extraAmount = userPrice * extraUsers;\r\n                    var total = baseAmount + extraAmount;\r\n\r\n                    if (selectedPackage.billingType === 'monthly') {\r\n                        total *= selectedPackage.months;\r\n                    }\r\n\r\n                    \/\/ Plan details\r\n                    var priceText = selectedPackage.billingType === 'monthly' ?\r\n                        basePrice.toFixed(2) + ' \u062f\u0631\u0647\u0645\/\u0645\u0627\u0646\u06af \u0628\u06c6 1 \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631' :\r\n                        basePrice.toFixed(2) + ' \u062f\u0631\u0647\u0645\/\u0633\u0627\u06b5 \u0628\u06c6 1 \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631';\r\n\r\n                    var extraText = selectedPackage.billingType === 'monthly' ?\r\n                        '+ ' + userPrice.toFixed(2) + ' \u062f\u0631\u0647\u0645\/\u0645\u0627\u0646\u06af \u0628\u06c6 \u0647\u06d5\u0631 \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631\u06cc \u0632\u06cc\u0627\u062f\u06d5' :\r\n                        '+ ' + userPrice.toFixed(2) + ' \u062f\u0631\u0647\u0645\/\u0633\u0627\u06b5 \u0628\u06c6 \u0647\u06d5\u0631 \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631\u06cc \u0632\u06cc\u0627\u062f\u06d5';\r\n\r\n                    var planHtml = '<div class=\"pm-plan-price\">' + priceText + '<\/div>';\r\n                    planHtml += '<div class=\"pm-plan-per-user\">' + extraText + '<\/div>';\r\n                    $('#pm-plan-details').html(planHtml);\r\n\r\n                    \/\/ Order summary with real values\r\n                    $('#pm-extra-user-count').text(extraUsers + ' \u0628\u06d5\u06a9\u0627\u0631\u0647\u06ce\u0646\u06d5\u0631');\r\n                    $('#pm-subscription-period').text(selectedPackage.months + ' \u092e\u0939\u0940\u0928\u093e');\r\n                    $('#pm-subscription-amount').text(baseAmount.toFixed(2) + ' \u062f\u0631\u0647\u0645');\r\n                    $('#pm-extra-user-amount').text(extraAmount.toFixed(2) + ' \u062f\u0631\u0647\u0645');\r\n                    $('#pm-total-payable').text(total.toFixed(2) + ' \u062f\u0631\u0647\u0645');\r\n                }\r\n\r\n                updateOrderSummary();\r\n\r\n                \/\/ Change plan button\r\n                $('#pm-change-plan-btn').click(function() {\r\n                    window.location.href = 'https:\/\/wordpress2.vabilo.net\/ku\/pricing\/';\r\n                });\r\n\r\n                \/\/ Send verification code\r\n                $('#pm-send-verification').click(function() {\r\n                    var email = $('#pm-email').val();\r\n                    if (!email || !isValidEmail(email)) {\r\n                        alert('\u062a\u06a9\u0627\u06cc\u06d5 \u0626\u06cc\u0645\u06d5\u06cc\u06b5\u06ce\u06a9\u06cc \u062f\u0631\u0648\u0633\u062a \u0628\u0646\u0648\u0648\u0633\u06d5');\r\n                        return;\r\n                    }\r\n\r\n                    if (!$('#pm-not-robot').is(':checked')) {\r\n                        alert('\u062a\u06a9\u0627\u06cc\u06d5 \u062f\u06b5\u0646\u06cc\u0627 \u0628\u06a9\u06d5\u0648\u06d5 \u06a9\u06d5 \u062a\u06c6 \u0695\u06c6\u0628\u06c6\u062a \u0646\u06cc\u062a');\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Show verification section\r\n                    $('#pm-verification-section').show();\r\n                    $(this).hide();\r\n                    startResendTimer();\r\n\r\n                    \/\/ Here you would send verification email\r\n                    $.post(pm_front.ajax_url, {\r\n                        action: 'pm_send_verification',\r\n                        nonce: pm_front.nonce,\r\n                        email: email\r\n                    });\r\n                });\r\n\r\n                \/\/ Verify code\r\n                $('#pm-verify-btn').click(function() {\r\n                    var code = '';\r\n                    $('.pm-code-input input').each(function() {\r\n                        code += $(this).val();\r\n                    });\r\n\r\n                    if (code.length !== 5) {\r\n                        alert('\u062a\u06a9\u0627\u06cc\u06d5 \u0647\u06d5\u0645\u0648\u0648 \u06a9\u06c6\u062f\u06d5\u06a9\u06d5 \u0628\u0646\u0648\u0648\u0633\u06d5');\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Verify code with server\r\n                    $.post(pm_front.ajax_url, {\r\n                        action: 'pm_verify_code',\r\n                        nonce: pm_front.nonce,\r\n                        code: code,\r\n                        email: $('#pm-email').val()\r\n                    }, function(response) {\r\n                        if (response.success) {\r\n                            submitOrder();\r\n                        } else {\r\n                            $('.pm-code-input input').addClass('pm-error');\r\n                            $('.pm-error-message').text('\u06a9\u06c6\u062f\u06cc \u067e\u0634\u062a\u0695\u0627\u0633\u062a\u06a9\u0631\u062f\u0646\u06d5\u0648\u06d5 \u0646\u0627\u062f\u0631\u0648\u0633\u062a\u06d5');\r\n                            setTimeout(function() {\r\n                                $('.pm-code-input input').removeClass('pm-error');\r\n                            }, 500);\r\n                        }\r\n                    });\r\n                });\r\n\r\n                function submitOrder() {\r\n                    var data = {\r\n                        action: 'pm_submit_order',\r\n                        nonce: pm_front.nonce,\r\n                        package_id: selectedPackage.id,\r\n                        billing_type: selectedPackage.billingType,\r\n                        months: selectedPackage.months,\r\n                        users: selectedPackage.users,\r\n                        email: $('#pm-email').val(),\r\n                        phone: $('#pm-phone').val(),\r\n                        company: $('#pm-company').val(),\r\n                        country: $('#pm-country').val(),\r\n                        fullname: $('#pm-fullname').val()\r\n                    };\r\n\r\n                    $.post(pm_front.ajax_url, data, function(response) {\r\n                        if (response.success) {\r\n                            alert('\u062f\u0627\u0648\u0627\u06a9\u0627\u0631\u06cc \u0628\u06d5 \u0633\u06d5\u0631\u06a9\u06d5\u0648\u062a\u0648\u0648\u06cc\u06cc \u0646\u06ce\u0631\u062f\u0631\u0627!');\r\n                            window.location.href = '\/thank-you';\r\n                        } else {\r\n                            alert('\u0647\u06d5\u06b5\u06d5: ' + response.data);\r\n                        }\r\n                    });\r\n                }\r\n\r\n                \/\/ Code input handling\r\n                $('.pm-code-input input').on('input', function() {\r\n                    if ($(this).val().length === 1) {\r\n                        $(this).next().focus();\r\n                    }\r\n                }).on('keyup', function(e) {\r\n                    if (e.keyCode === 8 && !$(this).val()) {\r\n                        $(this).prev().focus();\r\n                    }\r\n                });\r\n\r\n                \/\/ Resend code\r\n                $('#pm-resend-btn').click(function() {\r\n                    if ($(this).prop('disabled')) return;\r\n\r\n                    $.post(pm_front.ajax_url, {\r\n                        action: 'pm_send_verification',\r\n                        nonce: pm_front.nonce,\r\n                        email: $('#pm-email').val()\r\n                    });\r\n\r\n                    startResendTimer();\r\n                });\r\n\r\n                function startResendTimer() {\r\n                    var timer = 120;\r\n                    var btn = $('#pm-resend-btn');\r\n                    btn.prop('disabled', true);\r\n\r\n                    var interval = setInterval(function() {\r\n                        timer--;\r\n                        btn.text('\u062f\u0648\u0648\u0628\u0627\u0631\u06d5 \u0646\u0627\u0631\u062f\u0646 (' + timer + 's)');\r\n\r\n                        if (timer <= 0) {\r\n                            clearInterval(interval);\r\n                            btn.prop('disabled', false);\r\n                            btn.text('\u062f\u0648\u0648\u0628\u0627\u0631\u06d5 \u0646\u0627\u0631\u062f\u0646');\r\n                        }\r\n                    }, 1000);\r\n                }\r\n\r\n                function isValidEmail(email) {\r\n                    var re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n                    return re.test(email);\r\n                }\r\n            });\r\n        <\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2891","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/pages\/2891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/comments?post=2891"}],"version-history":[{"count":7,"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/pages\/2891\/revisions"}],"predecessor-version":[{"id":3752,"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/pages\/2891\/revisions\/3752"}],"wp:attachment":[{"href":"https:\/\/wordpress2.vabilo.net\/ku\/wp-json\/wp\/v2\/media?parent=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}