{"id":1256,"date":"2026-02-06T13:13:33","date_gmt":"2026-02-06T13:13:33","guid":{"rendered":"https:\/\/prediction-aviator.com\/?page_id=1256"},"modified":"2026-02-09T00:42:11","modified_gmt":"2026-02-09T00:42:11","slug":"test-avtication","status":"publish","type":"page","link":"https:\/\/prediction-aviator.com\/?page_id=1256","title":{"rendered":"TEST AVTICATION"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Payment Gateway - Prediction Aviator<\/title>\r\n <meta name=\"description\" content=\"Activate your Prediction Aviator account with secure payment options\">\r\n \r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Styles -->\r\n <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n<body>\r\n <section class=\"payment-section\">\r\n <div class=\"payment-container\">\r\n <!-- Main Card -->\r\n <div class=\"glow-card main-card\">\r\n <!-- Decorative corner accents -->\r\n <div class=\"corner-accent top-left\"><\/div>\r\n <div class=\"corner-accent bottom-right\"><\/div>\r\n <!-- Header -->\r\n <div class=\"card-header\">\r\n <div class=\"header-badge\">\r\n <div class=\"badge-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-text\">Premium Access<\/span>\r\n <\/div>\r\n <h2 class=\"card-title\">Activate Your Account<\/h2>\r\n <\/div>\r\n <!-- Step Content Container -->\r\n <div class=\"step-content\">\r\n \r\n <!-- Step 1: Email Entry -->\r\n <div id=\"step-email\" class=\"step active\">\r\n <!-- Price Display -->\r\n <div class=\"price-display\">\r\n <div class=\"price-amount\">\r\n <span class=\"price-value\">$30<\/span>\r\n <span class=\"price-currency\">USD<\/span>\r\n <\/div>\r\n <p class=\"price-note\">One-time payment \u2013 <span class=\"accent-text\">Lifetime access<\/span><\/p>\r\n <\/div>\r\n <!-- Email Form -->\r\n <form id=\"email-form\" class=\"email-form\">\r\n <div class=\"form-group\">\r\n <label for=\"email\" class=\"form-label\">Email Address<\/label>\r\n <div class=\"input-wrapper\">\r\n <div class=\"input-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/>\r\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\r\n <\/svg>\r\n <\/div>\r\n <input \r\n type=\"email\" \r\n id=\"email\" \r\n name=\"email\" \r\n placeholder=\"your@email.com\" \r\n class=\"input-premium\"\r\n autocomplete=\"email\"\r\n required\r\n >\r\n <\/div>\r\n <div id=\"email-error\" class=\"error-message hidden\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/>\r\n <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/>\r\n <\/svg>\r\n <span id=\"error-text\"><\/span>\r\n <\/div>\r\n <p class=\"input-helper\">\r\n <span class=\"helper-dot\"><\/span>\r\n Use the same email from your Prediction Aviator app\r\n <\/p>\r\n <\/div>\r\n <button type=\"submit\" id=\"email-submit\" class=\"btn-premium btn-full\">\r\n <span class=\"btn-text\">Continue to Payment Options<\/span>\r\n <svg class=\"btn-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m12 5 7 7-7 7\"\/>\r\n <\/svg>\r\n <div class=\"btn-loader hidden\">\r\n <div class=\"spinner\"><\/div>\r\n <span>Processing...<\/span>\r\n <\/div>\r\n <\/button>\r\n <\/form>\r\n <!-- Security Note -->\r\n <div class=\"security-note\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/>\r\n <\/svg>\r\n <span>Secure 256-bit SSL encryption<\/span>\r\n <\/div>\r\n <\/div>\r\n <!-- Step 2: Payment Methods -->\r\n <div id=\"step-methods\" class=\"step hidden\">\r\n <!-- Back Button -->\r\n <button type=\"button\" id=\"back-to-email\" class=\"back-btn\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m12 19-7-7 7-7\"\/>\r\n <path d=\"M19 12H5\"\/>\r\n <\/svg>\r\n <span>Back to email<\/span>\r\n <\/button>\r\n <!-- User Email Display -->\r\n <div class=\"user-info-bar\">\r\n <div class=\"user-email-info\">\r\n <p class=\"info-label\">Activating account for<\/p>\r\n <p id=\"display-email\" class=\"info-value\"><\/p>\r\n <\/div>\r\n <div class=\"info-price\">$30<\/div>\r\n <\/div>\r\n \r\n <!-- Payment Methods Grid -->\r\n <div class=\"payment-methods-grid\">\r\n <!-- Card Payment Option -->\r\n <div class=\"payment-card glow-card\">\r\n <div class=\"payment-card-header\">\r\n <div class=\"card-icon primary\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"\/>\r\n <line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <h3 class=\"card-method-title\">Pay with Visa \/ MasterCard<\/h3>\r\n <p class=\"card-method-desc primary\">Via malum.co \u2013 Secure & Fast<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"card-details\">Credit & Debit cards accepted worldwide<\/p>\r\n \r\n <!-- Logos -->\r\n <div class=\"card-logos\">\r\n <span class=\"logo-badge visa\">VISA<\/span>\r\n <span class=\"logo-badge mastercard\">MasterCard<\/span>\r\n <\/div>\r\n <!-- Gateway Toggle -->\r\n <div class=\"gateway-toggle\">\r\n <button type=\"button\" class=\"toggle-btn\" data-target=\"card-gateways\">\r\n <span class=\"toggle-text\">Show more payment options<\/span>\r\n <svg class=\"toggle-icon down\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"\/>\r\n <\/svg>\r\n <svg class=\"toggle-icon up hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m18 15-6-6-6 6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"card-gateways\" class=\"gateway-list hidden\">\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">EasyPay<\/span><span class=\"gateway-desc\">(Credit & Debit - NO KYC)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Stripe<\/span><span class=\"gateway-desc\">(Cards, ACH)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Ramp<\/span><span class=\"gateway-desc\">(Cards, Apple\/GPay)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Transak<\/span><span class=\"gateway-desc\">(Cards, Apple Pay)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Guardarian<\/span><span class=\"gateway-desc\">(Low KYC)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Stix<\/span><span class=\"gateway-desc\">(Cards, Apple\/GPay)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Unlimit<\/span><span class=\"gateway-desc\">(Debit & Credit)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" id=\"pay-card-btn\" class=\"btn-premium btn-full\">Pay with Card<\/button>\r\n <\/div>\r\n <!-- Crypto Payment Option -->\r\n <div class=\"payment-card glow-card glow-card-gold\">\r\n <div class=\"payment-card-header\">\r\n <div class=\"card-icon gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M11.767 19.089c4.924.868 6.14-6.025 1.216-6.894m-1.216 6.894L5.86 18.047m5.908 1.042-.347 1.97m1.563-8.864c4.924.869 6.14-6.025 1.215-6.893m-1.215 6.893-3.94-.694m5.155-6.2L8.29 4.26m5.908 1.042.348-1.97M7.48 20.364l3.126-17.727\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"card-info\">\r\n <h3 class=\"card-method-title\">Pay with Cryptocurrency<\/h3>\r\n <p class=\"card-method-desc gold\">Via NOWPayments<\/p>\r\n <\/div>\r\n <\/div>\r\n <p class=\"card-details\">BTC, ETH, USDT, TRX, LTC, BNB & more<\/p>\r\n \r\n <!-- Crypto Logos -->\r\n <div class=\"card-logos\">\r\n <span class=\"crypto-badge btc\">\u20bf BTC<\/span>\r\n <span class=\"crypto-badge eth\">\u039e ETH<\/span>\r\n <span class=\"crypto-badge usdt\">USDT<\/span>\r\n <span class=\"crypto-badge more\">+90<\/span>\r\n <\/div>\r\n <!-- Gateway Toggle -->\r\n <div class=\"gateway-toggle\">\r\n <button type=\"button\" class=\"toggle-btn\" data-target=\"crypto-gateways\">\r\n <span class=\"toggle-text\">Show more payment options<\/span>\r\n <svg class=\"toggle-icon down\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"\/>\r\n <\/svg>\r\n <svg class=\"toggle-icon up hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m18 15-6-6-6 6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div id=\"crypto-gateways\" class=\"gateway-list hidden\">\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Bitcoin<\/span><span class=\"gateway-desc\">(BTC)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Litecoin<\/span><span class=\"gateway-desc\">(LTC)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">USDC<\/span><span class=\"gateway-desc\">(ETH\/ERC20)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Coinbase Pay<\/span><span class=\"gateway-desc\">(Multi-crypto)<\/span><\/div>\r\n <div class=\"gateway-badge\"><span class=\"gateway-name\">Binance<\/span><span class=\"gateway-desc\">(Exchange)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <button type=\"button\" id=\"pay-crypto-btn\" class=\"btn-gold btn-full\">Proceed to Crypto Payment<\/button>\r\n <\/div>\r\n <\/div>\r\n <!-- Security Notice -->\r\n <div class=\"security-notice\">\r\n <div class=\"notice-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"notice-content\">\r\n <p class=\"notice-title\">Secure Payment<\/p>\r\n <p class=\"notice-text\">Your payment is secure and processed through trusted payment gateways. All transactions are encrypted with 256-bit SSL protection.<\/p>\r\n <\/div>\r\n <\/div>\r\n <!-- Trust Badges -->\r\n <div class=\"trust-badges\">\r\n <div class=\"trust-badge\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"\/>\r\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n <\/svg>\r\n <span>SSL Secured<\/span>\r\n <\/div>\r\n <div class=\"trust-badge\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/>\r\n <\/svg>\r\n <span>PCI Compliant<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Step 3: Crypto Widget -->\r\n <div id=\"step-crypto\" class=\"step hidden\">\r\n <!-- Back Button -->\r\n <button type=\"button\" id=\"back-to-methods\" class=\"back-btn\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m12 19-7-7 7-7\"\/>\r\n <path d=\"M19 12H5\"\/>\r\n <\/svg>\r\n <span>Back to payment options<\/span>\r\n <\/button>\r\n <!-- Header -->\r\n <div class=\"crypto-header\">\r\n <h3 class=\"crypto-title\">Cryptocurrency Payment<\/h3>\r\n <p class=\"crypto-subtitle\">Complete your payment using your preferred cryptocurrency<\/p>\r\n <\/div>\r\n <!-- NOWPayments Widget Container -->\r\n <div class=\"widget-container\">\r\n <div class=\"widget-overlay\"><\/div>\r\n <div class=\"widget-wrapper\">\r\n <iframe\r\n src=\"https:\/\/nowpayments.io\/embeds\/payment-widget?iid=6327452839\"\r\n width=\"100%\"\r\n height=\"696\"\r\n frameborder=\"0\"\r\n scrolling=\"no\"\r\n title=\"NOWPayments Crypto Widget\"\r\n allow=\"payment\"\r\n ><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <!-- Security Note -->\r\n <div class=\"security-note crypto-security\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/>\r\n <\/svg>\r\n <span>Secured by NOWPayments<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Progress Indicator -->\r\n <div class=\"progress-indicator\">\r\n <div class=\"progress-dot active\" data-step=\"email\"><\/div>\r\n <div class=\"progress-dot\" data-step=\"methods\"><\/div>\r\n <div class=\"progress-dot\" data-step=\"crypto\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Footer -->\r\n <div class=\"footer\">\r\n <p class=\"copyright\">\u00a9 <span id=\"current-year\"><\/span> Prediction Aviator. All rights reserved.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <script src=\"script.js\"><\/script>\r\n<\/body>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fed9637 elementor-widget elementor-widget-shortcode\" data-id=\"fed9637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script>\/**\r\n * Payment Gateway - Prediction Aviator\r\n * Static JavaScript for WordPress Elementor Embedding\r\n * MODIFIED: Sends data as regular form to pay.php\r\n *\/\r\n(function() {\r\n 'use strict';\r\n \r\n \/\/ ============================================\r\n \/\/ State Management\r\n \/\/ ============================================\r\n let state = {\r\n currentStep: 'email',\r\n email: ''\r\n };\r\n \r\n \/\/ ============================================\r\n \/\/ DOM Elements\r\n \/\/ ============================================\r\n const elements = {\r\n \/\/ Steps\r\n stepEmail: document.getElementById('step-email'),\r\n stepMethods: document.getElementById('step-methods'),\r\n stepCrypto: document.getElementById('step-crypto'),\r\n \r\n \/\/ Email Form\r\n emailForm: document.getElementById('email-form'),\r\n emailInput: document.getElementById('email'),\r\n emailError: document.getElementById('email-error'),\r\n errorText: document.getElementById('error-text'),\r\n emailSubmit: document.getElementById('email-submit'),\r\n \r\n \/\/ Display Email\r\n displayEmail: document.getElementById('display-email'),\r\n \r\n \/\/ Buttons\r\n backToEmail: document.getElementById('back-to-email'),\r\n backToMethods: document.getElementById('back-to-methods'),\r\n payCardBtn: document.getElementById('pay-card-btn'),\r\n payCryptoBtn: document.getElementById('pay-crypto-btn'),\r\n \r\n \/\/ Progress Dots\r\n progressDots: document.querySelectorAll('.progress-dot'),\r\n \r\n \/\/ Gateway Toggles\r\n toggleBtns: document.querySelectorAll('.toggle-btn'),\r\n \r\n \/\/ Current Year\r\n currentYear: document.getElementById('current-year'),\r\n \r\n \/\/ Hidden form for card payment\r\n hiddenForm: null\r\n };\r\n \r\n \/\/ ============================================\r\n \/\/ Utilities\r\n \/\/ ============================================\r\n \r\n \/**\r\n * Validate email format\r\n * @param {string} email - Email to validate\r\n * @returns {boolean} - Is valid\r\n *\/\r\n function validateEmail(email) {\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n return emailRegex.test(email);\r\n }\r\n \r\n \/**\r\n * Show error message\r\n * @param {string} message - Error message\r\n *\/\r\n function showError(message) {\r\n elements.errorText.textContent = message;\r\n elements.emailError.classList.remove('hidden');\r\n elements.emailInput.classList.add('error');\r\n }\r\n \r\n \/**\r\n * Hide error message\r\n *\/\r\n function hideError() {\r\n elements.emailError.classList.add('hidden');\r\n elements.emailInput.classList.remove('error');\r\n }\r\n \r\n \/**\r\n * Set loading state on submit button\r\n * @param {boolean} loading - Is loading\r\n *\/\r\n function setLoading(loading) {\r\n if (loading) {\r\n elements.emailSubmit.classList.add('loading');\r\n elements.emailSubmit.disabled = true;\r\n } else {\r\n elements.emailSubmit.classList.remove('loading');\r\n elements.emailSubmit.disabled = false;\r\n }\r\n }\r\n \r\n \/**\r\n * Create hidden form for submitting to pay.php\r\n *\/\r\n function createHiddenForm() {\r\n \/\/ Remove existing form if any\r\n if (elements.hiddenForm) {\r\n elements.hiddenForm.remove();\r\n }\r\n \r\n \/\/ Create new form element\r\n const form = document.createElement('form');\r\n form.id = 'payment-submit-form';\r\n form.method = 'POST';\r\n form.action = '\/pay.php'; \/\/ Your pay.php path\r\n form.style.display = 'none';\r\n \r\n \/\/ Store reference\r\n elements.hiddenForm = form;\r\n \r\n return form;\r\n }\r\n \r\n \/**\r\n * Navigate to a step\r\n * @param {string} step - Step name ('email', 'methods', 'crypto')\r\n *\/\r\n function navigateToStep(step) {\r\n \/\/ Hide all steps\r\n elements.stepEmail.classList.remove('active', 'fade-in', 'slide-up');\r\n elements.stepMethods.classList.remove('active', 'fade-in', 'slide-up');\r\n elements.stepCrypto.classList.remove('active', 'fade-in', 'slide-up');\r\n elements.stepEmail.classList.add('hidden');\r\n elements.stepMethods.classList.add('hidden');\r\n elements.stepCrypto.classList.add('hidden');\r\n \r\n \/\/ Show target step\r\n let targetStep;\r\n let animationClass = 'fade-in';\r\n \r\n switch (step) {\r\n case 'email':\r\n targetStep = elements.stepEmail;\r\n animationClass = 'fade-in';\r\n break;\r\n case 'methods':\r\n targetStep = elements.stepMethods;\r\n animationClass = 'slide-up';\r\n break;\r\n case 'crypto':\r\n targetStep = elements.stepCrypto;\r\n animationClass = 'slide-up';\r\n break;\r\n default:\r\n return;\r\n }\r\n \r\n targetStep.classList.remove('hidden');\r\n targetStep.classList.add('active', animationClass);\r\n \r\n \/\/ Update progress dots\r\n updateProgressDots(step);\r\n \r\n \/\/ Update state\r\n state.currentStep = step;\r\n }\r\n \r\n \/**\r\n * Update progress indicator dots\r\n * @param {string} currentStep - Current step name\r\n *\/\r\n function updateProgressDots(currentStep) {\r\n const steps = ['email', 'methods', 'crypto'];\r\n const currentIndex = steps.indexOf(currentStep);\r\n \r\n elements.progressDots.forEach((dot, index) => {\r\n dot.classList.remove('active', 'past');\r\n \r\n if (index === currentIndex) {\r\n dot.classList.add('active');\r\n } else if (index < currentIndex) {\r\n dot.classList.add('past');\r\n }\r\n });\r\n }\r\n \r\n \/\/ ============================================\r\n \/\/ Event Handlers\r\n \/\/ ============================================\r\n \r\n \/**\r\n * Handle email form submission\r\n * @param {Event} e - Submit event\r\n *\/\r\n async function handleEmailSubmit(e) {\r\n e.preventDefault();\r\n hideError();\r\n \r\n const email = elements.emailInput.value.trim();\r\n \r\n \/\/ Validate empty\r\n if (!email) {\r\n showError('Please enter your email address');\r\n return;\r\n }\r\n \r\n \/\/ Validate format\r\n if (!validateEmail(email)) {\r\n showError('Please enter a valid email address');\r\n return;\r\n }\r\n \r\n \/\/ Show loading\r\n setLoading(true);\r\n \r\n \/\/ Simulate brief delay for smooth transition\r\n await new Promise(resolve => setTimeout(resolve, 400));\r\n \r\n \/\/ Save email and navigate\r\n state.email = email;\r\n elements.displayEmail.textContent = email;\r\n \r\n setLoading(false);\r\n navigateToStep('methods');\r\n }\r\n \r\n \/**\r\n * Handle input change - clear error on typing\r\n *\/\r\n function handleEmailInput() {\r\n if (elements.emailError && !elements.emailError.classList.contains('hidden')) {\r\n hideError();\r\n }\r\n }\r\n \r\n \/**\r\n * Handle back to email\r\n *\/\r\n function handleBackToEmail() {\r\n navigateToStep('email');\r\n }\r\n \r\n \/**\r\n * Handle back to methods\r\n *\/\r\n function handleBackToMethods() {\r\n navigateToStep('methods');\r\n }\r\n \r\n \/**\r\n * Handle card payment - submit form to pay.php\r\n *\/\r\n function handleCardPayment() {\r\n if (!state.email) {\r\n showNotification('Please enter your email first', 'error');\r\n navigateToStep('email');\r\n return;\r\n }\r\n \r\n \/\/ Create hidden form\r\n const form = createHiddenForm();\r\n \r\n \/\/ Add email field\r\n const emailInput = document.createElement('input');\r\n emailInput.type = 'hidden';\r\n emailInput.name = 'email';\r\n emailInput.value = state.email;\r\n form.appendChild(emailInput);\r\n \r\n \/\/ Add payment method field (optional)\r\n const methodInput = document.createElement('input');\r\n methodInput.type = 'hidden';\r\n methodInput.name = 'payment_method';\r\n methodInput.value = 'card';\r\n form.appendChild(methodInput);\r\n \r\n \/\/ Add form to document\r\n document.body.appendChild(form);\r\n \r\n \/\/ Show processing notification\r\n showNotification('Processing payment...', 'info');\r\n \r\n \/\/ Submit the form\r\n setTimeout(() => {\r\n form.submit();\r\n }, 500);\r\n }\r\n \r\n \/**\r\n * Handle crypto payment - show widget\r\n *\/\r\n function handleCryptoPayment() {\r\n navigateToStep('crypto');\r\n }\r\n \r\n \/**\r\n * Handle gateway toggle\r\n * @param {Event} e - Click event\r\n *\/\r\n function handleGatewayToggle(e) {\r\n const btn = e.currentTarget;\r\n const targetId = btn.dataset.target;\r\n const targetList = document.getElementById(targetId);\r\n const downIcon = btn.querySelector('.toggle-icon.down');\r\n const upIcon = btn.querySelector('.toggle-icon.up');\r\n const toggleText = btn.querySelector('.toggle-text');\r\n \r\n if (targetList) {\r\n const isHidden = targetList.classList.contains('hidden');\r\n \r\n if (isHidden) {\r\n targetList.classList.remove('hidden');\r\n downIcon.classList.add('hidden');\r\n upIcon.classList.remove('hidden');\r\n toggleText.textContent = 'Hide payment options';\r\n } else {\r\n targetList.classList.add('hidden');\r\n downIcon.classList.remove('hidden');\r\n upIcon.classList.add('hidden');\r\n toggleText.textContent = 'Show more payment options';\r\n }\r\n }\r\n }\r\n \r\n \/**\r\n * Show notification message\r\n * @param {string} message - Message to display\r\n * @param {string} type - Notification type (info, success, error)\r\n *\/\r\n function showNotification(message, type = 'info') {\r\n \/\/ Create notification element\r\n const notification = document.createElement('div');\r\n notification.className = `payment-notification ${type}`;\r\n notification.innerHTML = `\r\n <span class=\"notification-icon\">${type === 'success' ? '\u2713' : type === 'error' ? '\u2717' : '\u2139\ufe0f'}<\/span>\r\n <span class=\"notification-text\">${message}<\/span>\r\n `;\r\n \r\n \/\/ Add styles if not already added\r\n if (!document.querySelector('#notification-styles')) {\r\n const style = document.createElement('style');\r\n style.id = 'notification-styles';\r\n style.textContent = `\r\n .payment-notification {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n padding: 12px 20px;\r\n border-radius: 8px;\r\n color: white;\r\n font-family: Arial, sans-serif;\r\n font-size: 14px;\r\n z-index: 10000;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n animation: notificationSlideIn 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n .payment-notification.info { background: #2196F3; }\r\n .payment-notification.success { background: #4CAF50; }\r\n .payment-notification.error { background: #f44336; }\r\n @keyframes notificationSlideIn {\r\n from { transform: translateX(100%); opacity: 0; }\r\n to { transform: translateX(0); opacity: 1; }\r\n }\r\n @keyframes notificationSlideOut {\r\n from { transform: translateX(0); opacity: 1; }\r\n to { transform: translateX(100%); opacity: 0; }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n }\r\n \r\n \/\/ Add to page\r\n document.body.appendChild(notification);\r\n \r\n \/\/ Auto remove after 3 seconds\r\n setTimeout(() => {\r\n notification.style.animation = 'notificationSlideOut 0.3s ease';\r\n setTimeout(() => {\r\n if (notification.parentNode) {\r\n notification.parentNode.removeChild(notification);\r\n }\r\n }, 300);\r\n }, 3000);\r\n }\r\n \r\n \/\/ ============================================\r\n \/\/ Initialization\r\n \/\/ ============================================\r\n \r\n function init() {\r\n \/\/ Set current year\r\n if (elements.currentYear) {\r\n elements.currentYear.textContent = new Date().getFullYear();\r\n }\r\n \r\n \/\/ Email form submission\r\n if (elements.emailForm) {\r\n elements.emailForm.addEventListener('submit', handleEmailSubmit);\r\n }\r\n \r\n \/\/ Email input change\r\n if (elements.emailInput) {\r\n elements.emailInput.addEventListener('input', handleEmailInput);\r\n }\r\n \r\n \/\/ Back buttons\r\n if (elements.backToEmail) {\r\n elements.backToEmail.addEventListener('click', handleBackToEmail);\r\n }\r\n \r\n if (elements.backToMethods) {\r\n elements.backToMethods.addEventListener('click', handleBackToMethods);\r\n }\r\n \r\n \/\/ Payment buttons\r\n if (elements.payCardBtn) {\r\n elements.payCardBtn.addEventListener('click', handleCardPayment);\r\n }\r\n \r\n if (elements.payCryptoBtn) {\r\n elements.payCryptoBtn.addEventListener('click', handleCryptoPayment);\r\n }\r\n \r\n \/\/ Gateway toggles\r\n elements.toggleBtns.forEach(btn => {\r\n btn.addEventListener('click', handleGatewayToggle);\r\n });\r\n \r\n \/\/ Initialize first step\r\n navigateToStep('email');\r\n \r\n console.log('Payment Gateway initialized successfully');\r\n console.log('Card payments will submit to: \/pay.php');\r\n }\r\n \r\n \/\/ Run initialization when DOM is ready\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', init);\r\n } else {\r\n init();\r\n }\r\n \r\n \/\/ Expose public API for debugging\r\n window.PaymentGateway = {\r\n getState: () => ({ ...state }),\r\n getEmail: () => state.email,\r\n submitCardPayment: handleCardPayment,\r\n showStep: navigateToStep\r\n };\r\n \r\n})();<\/script><\/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":"<p>Payment Gateway – Prediction Aviator Premium Access Activate Your Account $30 USD One-time payment \u2013 Lifetime access Email Address Use the same email from your Prediction Aviator app Continue to Payment Options Processing… Secure 256-bit SSL encryption Back to email Activating account for $30 Pay with Visa \/ MasterCard Via malum.co \u2013 Secure & Fast […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1256","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>TEST AVTICATION - Prediction Aviator<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/prediction-aviator.com\/?page_id=1256\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TEST AVTICATION - Prediction Aviator\" \/>\n<meta property=\"og:description\" content=\"Payment Gateway – Prediction Aviator Premium Access Activate Your Account $30 USD One-time payment \u2013 Lifetime access Email Address Use the same email from your Prediction Aviator app Continue to Payment Options Processing… Secure 256-bit SSL encryption Back to email Activating account for $30 Pay with Visa \/ MasterCard Via malum.co \u2013 Secure & Fast […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/prediction-aviator.com\/?page_id=1256\" \/>\n<meta property=\"og:site_name\" content=\"Prediction Aviator\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T00:42:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/?page_id=1256\",\"url\":\"https:\\\/\\\/prediction-aviator.com\\\/?page_id=1256\",\"name\":\"TEST AVTICATION - Prediction Aviator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/#website\"},\"datePublished\":\"2026-02-06T13:13:33+00:00\",\"dateModified\":\"2026-02-09T00:42:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/?page_id=1256#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/prediction-aviator.com\\\/?page_id=1256\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/?page_id=1256#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/prediction-aviator.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TEST AVTICATION\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/#website\",\"url\":\"https:\\\/\\\/prediction-aviator.com\\\/\",\"name\":\"Prediction Aviator\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/prediction-aviator.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/#organization\",\"name\":\"Prediction Aviator\",\"url\":\"https:\\\/\\\/prediction-aviator.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/prediction-aviator.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logo-site.png\",\"contentUrl\":\"https:\\\/\\\/prediction-aviator.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logo-site.png\",\"width\":1080,\"height\":1080,\"caption\":\"Prediction Aviator\"},\"image\":{\"@id\":\"https:\\\/\\\/prediction-aviator.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TEST AVTICATION - Prediction Aviator","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/prediction-aviator.com\/?page_id=1256","og_locale":"en_US","og_type":"article","og_title":"TEST AVTICATION - Prediction Aviator","og_description":"Payment Gateway – Prediction Aviator Premium Access Activate Your Account $30 USD One-time payment \u2013 Lifetime access Email Address Use the same email from your Prediction Aviator app Continue to Payment Options Processing… Secure 256-bit SSL encryption Back to email Activating account for $30 Pay with Visa \/ MasterCard Via malum.co \u2013 Secure & Fast […]","og_url":"https:\/\/prediction-aviator.com\/?page_id=1256","og_site_name":"Prediction Aviator","article_modified_time":"2026-02-09T00:42:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/prediction-aviator.com\/?page_id=1256","url":"https:\/\/prediction-aviator.com\/?page_id=1256","name":"TEST AVTICATION - Prediction Aviator","isPartOf":{"@id":"https:\/\/prediction-aviator.com\/#website"},"datePublished":"2026-02-06T13:13:33+00:00","dateModified":"2026-02-09T00:42:11+00:00","breadcrumb":{"@id":"https:\/\/prediction-aviator.com\/?page_id=1256#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/prediction-aviator.com\/?page_id=1256"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/prediction-aviator.com\/?page_id=1256#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/prediction-aviator.com\/"},{"@type":"ListItem","position":2,"name":"TEST AVTICATION"}]},{"@type":"WebSite","@id":"https:\/\/prediction-aviator.com\/#website","url":"https:\/\/prediction-aviator.com\/","name":"Prediction Aviator","description":"","publisher":{"@id":"https:\/\/prediction-aviator.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/prediction-aviator.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/prediction-aviator.com\/#organization","name":"Prediction Aviator","url":"https:\/\/prediction-aviator.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/prediction-aviator.com\/#\/schema\/logo\/image\/","url":"https:\/\/prediction-aviator.com\/wp-content\/uploads\/2025\/12\/logo-site.png","contentUrl":"https:\/\/prediction-aviator.com\/wp-content\/uploads\/2025\/12\/logo-site.png","width":1080,"height":1080,"caption":"Prediction Aviator"},"image":{"@id":"https:\/\/prediction-aviator.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=\/wp\/v2\/pages\/1256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1256"}],"version-history":[{"count":64,"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=\/wp\/v2\/pages\/1256\/revisions"}],"predecessor-version":[{"id":1338,"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=\/wp\/v2\/pages\/1256\/revisions\/1338"}],"wp:attachment":[{"href":"https:\/\/prediction-aviator.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}