{"id":9703,"date":"2026-05-04T17:18:01","date_gmt":"2026-05-04T17:18:01","guid":{"rendered":"https:\/\/fluxyplay.com\/?page_id=9703"},"modified":"2026-05-04T23:03:51","modified_gmt":"2026-05-04T23:03:51","slug":"order","status":"publish","type":"page","link":"https:\/\/fluxyplay.com\/fr\/order\/","title":{"rendered":"Commande"},"content":{"rendered":"\t\t
\n\t\t\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\nComplete Your Order \u2014 FluxyPlay<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@600;700;800;900&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --orange: #E84F1C;\r\n --orange2: #FF7A33;\r\n --white: #ffffff;\r\n --light: #f8f7f5;\r\n --border: #e8e3dc;\r\n --text: #1a1a1a;\r\n --muted: #888;\r\n --muted2: #bbb;\r\n}\r\n\r\nhtml, body { width: 100%; overflow-x: hidden; }\r\n\r\nbody {\r\n font-family: 'Poppins', sans-serif;\r\n background: var(--white);\r\n color: var(--text);\r\n min-height: 100vh;\r\n}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\n background: linear-gradient(135deg, #E84F1C 0%, #c93d10 60%, #a83010 100%);\r\n padding: 48px 20px 64px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n}\r\n\r\n.hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\r\n background-size: 44px 44px;\r\n}\r\n\r\n.hero::after {\r\n content: '';\r\n position: absolute;\r\n width: 400px; height: 400px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.06);\r\n top: -150px; right: -80px;\r\n pointer-events: none;\r\n}\r\n\r\n.hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n}\r\n\r\n.hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255,255,255,0.15);\r\n border: 1px solid rgba(255,255,255,0.25);\r\n border-radius: 100px;\r\n padding: 7px 18px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n color: #fff;\r\n letter-spacing: 0.07em;\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.badge-dot {\r\n width: 6px; height: 6px;\r\n border-radius: 50%;\r\n background: #fff;\r\n animation: pulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.4; }\r\n}\r\n\r\n.hero-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: clamp(26px, 6vw, 42px);\r\n font-weight: 900;\r\n color: #fff;\r\n line-height: 1.1;\r\n letter-spacing: -1px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.hero-sub {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.75);\r\n font-weight: 300;\r\n}\r\n\r\n\/* \u2500\u2500 WRAP \u2500\u2500 *\/\r\n.wrap {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n padding: 0 16px 80px;\r\n}\r\n\r\n\/* \u2500\u2500 MAIN CARD \u2500\u2500 *\/\r\n.card-wrap { margin-top: 36px; }\r\n\r\n.main-card {\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.07), 0 4px 16px rgba(232,79,28,0.06);\r\n overflow: hidden;\r\n}\r\n\r\n.card-top {\r\n background: var(--light);\r\n border-bottom: 1px solid var(--border);\r\n padding: 20px 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.card-top-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--text);\r\n}\r\n\r\n.card-top-title span { color: var(--orange); }\r\n\r\n.card-top-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff5f2;\r\n border: 1px solid rgba(232,79,28,0.2);\r\n border-radius: 100px;\r\n padding: 5px 12px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: var(--orange);\r\n}\r\n\r\n.card-body { padding: 24px; }\r\n\r\n\/* \u2500\u2500 PLAN DISPLAY \u2500\u2500 *\/\r\n.plan-display {\r\n background: linear-gradient(135deg, rgba(232,79,28,0.06) 0%, rgba(255,122,51,0.04) 100%);\r\n border: 2px solid var(--orange);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.plan-display::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--orange), var(--orange2));\r\n}\r\n\r\n.plan-selected-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n color: var(--orange);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n.plan-name-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.plan-name {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 20px;\r\n font-weight: 900;\r\n color: var(--text);\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.plan-price-tag {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 26px;\r\n font-weight: 900;\r\n color: var(--orange);\r\n letter-spacing: -1px;\r\n}\r\n\r\n.plan-price-tag small {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--muted);\r\n letter-spacing: 0;\r\n}\r\n\r\n.plan-perks {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.plan-perk {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n color: var(--text);\r\n font-weight: 400;\r\n}\r\n\r\n.plan-perk svg { flex-shrink: 0; }\r\n\r\n.plan-change {\r\n margin-top: 12px;\r\n font-size: 11px;\r\n color: var(--muted);\r\n text-align: center;\r\n cursor: pointer;\r\n text-decoration: underline;\r\n transition: color 0.2s;\r\n}\r\n\r\n.plan-change:hover { color: var(--orange); }\r\n\r\n\/* \u2500\u2500 FORM \u2500\u2500 *\/\r\n.form-header { margin-bottom: 18px; }\r\n\r\n.form-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 15px;\r\n font-weight: 800;\r\n color: var(--text);\r\n margin-bottom: 3px;\r\n}\r\n\r\n.form-desc {\r\n font-size: 12px;\r\n color: var(--muted);\r\n font-weight: 400;\r\n}\r\n\r\n.field-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.field-group label {\r\n font-size: 11px;\r\n color: #555;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.07em;\r\n}\r\n\r\n.field-group input {\r\n width: 100%;\r\n background: var(--white);\r\n border: 1.5px solid var(--border);\r\n border-radius: 10px;\r\n padding: 13px 16px;\r\n color: var(--text);\r\n font-size: 15px;\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 400;\r\n transition: all 0.2s;\r\n outline: none;\r\n height: 50px;\r\n}\r\n\r\n.field-group input::placeholder { color: var(--muted2); }\r\n\r\n.field-group input:focus {\r\n border-color: var(--orange);\r\n box-shadow: 0 0 0 3px rgba(232,79,28,0.08);\r\n}\r\n\r\n.field-error {\r\n font-size: 11px;\r\n color: #e53e3e;\r\n display: none;\r\n}\r\n\r\n.field-group.has-error input {\r\n border-color: #e53e3e;\r\n box-shadow: 0 0 0 3px rgba(229,62,62,0.08);\r\n}\r\n\r\n.field-group.has-error .field-error { display: block; }\r\n\r\n\/* WhatsApp *\/\r\n.wa-wrap {\r\n display: grid;\r\n grid-template-columns: 110px 1fr;\r\n gap: 8px;\r\n}\r\n\r\n.wa-code {\r\n width: 100%;\r\n height: 50px;\r\n background: var(--white);\r\n border: 1.5px solid var(--border);\r\n border-radius: 10px;\r\n padding: 13px 10px;\r\n color: var(--text);\r\n font-size: 13px;\r\n font-family: 'Poppins', sans-serif;\r\n outline: none;\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23E84F1C' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 8px center;\r\n padding-right: 24px;\r\n transition: border-color 0.2s;\r\n}\r\n\r\n.wa-code:focus { border-color: var(--orange); }\r\n.wa-code option { background: #fff; }\r\n\r\n.wa-num {\r\n width: 100%;\r\n height: 50px;\r\n background: var(--white);\r\n border: 1.5px solid var(--border);\r\n border-radius: 10px;\r\n padding: 13px 16px;\r\n color: var(--text);\r\n font-size: 14px;\r\n font-family: 'Poppins', sans-serif;\r\n outline: none;\r\n transition: all 0.2s;\r\n}\r\n\r\n.wa-num:focus {\r\n border-color: var(--orange);\r\n box-shadow: 0 0 0 3px rgba(232,79,28,0.08);\r\n}\r\n\r\n.wa-num::placeholder { color: var(--muted2); }\r\n\r\n\/* Submit *\/\r\n.submit-btn {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--orange) 0%, var(--orange2) 100%);\r\n border: none;\r\n border-radius: 12px;\r\n padding: 16px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n font-family: 'Inter', sans-serif;\r\n color: #fff;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: all 0.2s;\r\n box-shadow: 0 8px 28px rgba(232,79,28,0.28);\r\n margin-top: 16px;\r\n}\r\n\r\n.submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 14px 36px rgba(232,79,28,0.38);\r\n}\r\n\r\n.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n\r\n\/* Trust row *\/\r\n.trust-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 14px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 11px;\r\n color: var(--muted);\r\n font-weight: 500;\r\n}\r\n\r\n.trust-item svg { flex-shrink: 0; }\r\n\r\n.privacy {\r\n text-align: center;\r\n font-size: 11px;\r\n color: var(--muted2);\r\n margin-top: 12px;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (min-width: 600px) {\r\n .card-body { padding: 32px; }\r\n .card-top { padding: 22px 32px; }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n .plan-name-row { flex-direction: column; align-items: flex-start; gap: 4px; }\r\n}\r\n\r\n@keyframes spin {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-badge\">\r\n <div class=\"badge-dot\"><\/div>\r\n Instant Activation After Order\r\n <\/div>\r\n <h1 class=\"hero-title\">Complete Your Order<\/h1>\r\n <p class=\"hero-sub\">Fill in your details \u2014 our team will contact you on WhatsApp instantly.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"wrap\">\r\n <div class=\"card-wrap\">\r\n <div class=\"main-card\">\r\n\r\n <div class=\"card-top\">\r\n <div class=\"card-top-title\">Your <span>Order<\/span><\/div>\r\n <div class=\"card-top-badge\">\u26a1 Instant Activation<\/div>\r\n <\/div>\r\n\r\n <div class=\"card-body\">\r\n\r\n <!-- PLAN DISPLAY -->\r\n <div class=\"plan-display\">\r\n <div class=\"plan-selected-label\">Selected Plan<\/div>\r\n <div class=\"plan-name-row\">\r\n <div class=\"plan-name\" id=\"plan-name\">12 Months<\/div>\r\n <div class=\"plan-price-tag\" id=\"plan-price\">$79<small>\/yr<\/small><\/div>\r\n <\/div>\r\n <div class=\"plan-perks\">\r\n <div class=\"plan-perk\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E84F1C\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Instant Activation\r\n <\/div>\r\n <div class=\"plan-perk\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E84F1C\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n 24\/7 Support\r\n <\/div>\r\n <div class=\"plan-perk\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E84F1C\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n 28,000+ Channels in 4K Ultra HD\r\n <\/div>\r\n <\/div>\r\n <div class=\"plan-change\" onclick=\"window.location.href='https:\/\/fluxyplay.com\/pricing-plans\/'\">\u2190 Change plan<\/div>\r\n <\/div>\r\n\r\n <!-- FORM -->\r\n <div class=\"form-header\">\r\n <div class=\"form-title\">Your Information<\/div>\r\n <p class=\"form-desc\">All fields are required to process your order.<\/p>\r\n <\/div>\r\n\r\n <div id=\"order-form\">\r\n\r\n <div class=\"field-group\" id=\"fg-name\">\r\n <label for=\"name\">Full Name<\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"First & Last Name\" autocomplete=\"name\"\/>\r\n <span class=\"field-error\">Required field<\/span>\r\n <\/div>\r\n\r\n <div class=\"field-group\" id=\"fg-email\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" autocomplete=\"email\"\/>\r\n <span class=\"field-error\">Enter a valid email<\/span>\r\n <\/div>\r\n\r\n <div class=\"field-group\" id=\"fg-whatsapp\">\r\n <label>WhatsApp Number<\/label>\r\n <div class=\"wa-wrap\">\r\n <select class=\"wa-code\" id=\"wa-code\">\r\n <option value=\"+212\">\ud83c\uddf2\ud83c\udde6 +212<\/option>\r\n <option value=\"+213\">\ud83c\udde9\ud83c\uddff +213<\/option>\r\n <option value=\"+216\">\ud83c\uddf9\ud83c\uddf3 +216<\/option>\r\n <option value=\"+20\">\ud83c\uddea\ud83c\uddec +20<\/option>\r\n <option value=\"+966\">\ud83c\uddf8\ud83c\udde6 +966<\/option>\r\n <option value=\"+971\">\ud83c\udde6\ud83c\uddea +971<\/option>\r\n <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 +33<\/option>\r\n <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 +34<\/option>\r\n <option value=\"+44\" selected>\ud83c\uddec\ud83c\udde7 +44<\/option>\r\n <option value=\"+49\">\ud83c\udde9\ud83c\uddea +49<\/option>\r\n <option value=\"+32\">\ud83c\udde7\ud83c\uddea +32<\/option>\r\n <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 +31<\/option>\r\n <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 +1<\/option>\r\n <option value=\"+61\">\ud83c\udde6\ud83c\uddfa +61<\/option>\r\n <\/select>\r\n <input type=\"tel\" class=\"wa-num\" id=\"whatsapp\" placeholder=\"7XXXXXXXXX\" autocomplete=\"tel\"\/>\r\n <\/div>\r\n <span class=\"field-error\">Enter a valid WhatsApp number<\/span>\r\n <\/div>\r\n\r\n <button class=\"submit-btn\" id=\"submit-btn\" onclick=\"submitForm()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n Get Instant Access\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <div class=\"trust-row\">\r\n <div class=\"trust-item\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E84F1C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n SSL Secured\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E84F1C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n Instant Setup\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E84F1C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n 24\/7 Support\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"privacy\">\ud83d\udd12 Your data is encrypted and never shared<\/p>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst SHEET_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbxzMgcKkQR_tuv4Me5L7XZ2SqukKatHz8MU1yvcW0GGJCJs5qoH1HYP3O69SnbI5HyEJA\/exec\";\r\n\r\n\/\/ Plans data\r\nconst plans = {\r\n '1': { name: '1 Month', price: '$12', suffix: '\/mo' },\r\n '3': { name: '3 Months', price: '$25', suffix: '\/3mo' },\r\n '6': { name: '6 Months', price: '$45', suffix: '\/6mo' },\r\n '12': { name: '12 Months', price: '$79', suffix: '\/yr' }\r\n};\r\n\r\n\/\/ Get plan from URL param\r\nconst urlParams = new URLSearchParams(window.location.search);\r\nconst planKey = urlParams.get('plan') || '12';\r\nconst plan = plans[planKey] || plans['12'];\r\n\r\ndocument.getElementById('plan-name').textContent = plan.name;\r\ndocument.getElementById('plan-price').innerHTML = plan.price + '<small>' + plan.suffix + '<\/small>';\r\n\r\n\/\/ WhatsApp placeholder\r\nconst placeholders = {\r\n '+212':'6XXXXXXXX','+213':'5XXXXXXXX','+216':'2XXXXXXX',\r\n '+20':'1XXXXXXXXX','+966':'5XXXXXXXX','+971':'5XXXXXXXX',\r\n '+33':'6XXXXXXXX','+34':'6XXXXXXXX','+44':'7XXXXXXXXX',\r\n '+49':'15XXXXXXXX','+32':'4XXXXXXXX','+31':'6XXXXXXXX',\r\n '+1':'2XXXXXXXXX','+61':'4XXXXXXXX'\r\n};\r\n\r\nconst waCodeEl = document.getElementById('wa-code');\r\nconst waInput = document.getElementById('whatsapp');\r\n\r\nfunction updatePlaceholder() {\r\n waInput.placeholder = placeholders[waCodeEl.value] || 'XXXXXXXXX';\r\n}\r\nwaCodeEl.addEventListener('change', updatePlaceholder);\r\nupdatePlaceholder();\r\n\r\nfunction validateEmail(e) { return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\r\nfunction setError(id, show) { document.getElementById('fg-' + id).classList.toggle('has-error', show); }\r\n\r\nasync function submitForm() {\r\n const name = document.getElementById('name').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const wacode = document.getElementById('wa-code').value;\r\n const wanum = document.getElementById('whatsapp').value.trim();\r\n const whatsapp = wanum ? wacode + wanum : '';\r\n\r\n let hasError = false;\r\n setError('name', !name); if(!name) hasError = true;\r\n setError('email', !validateEmail(email)); if(!validateEmail(email)) hasError = true;\r\n setError('whatsapp', !wanum); if(!wanum) hasError = true;\r\n if(hasError) return;\r\n\r\n const btn = document.getElementById('submit-btn');\r\n btn.disabled = true;\r\n btn.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"animation:spin 1s linear infinite\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg> Processing...`;\r\n\r\n try {\r\n await fetch(SHEET_URL, {\r\n method: 'POST',\r\n mode: 'no-cors',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ name, email, whatsapp, plan: plan.name, date: new Date().toISOString() })\r\n });\r\n window.location.href = 'https:\/\/fluxyplay.com\/thank-you\/';\r\n } catch(e) {\r\n btn.disabled = false;\r\n btn.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg> Get Instant Access`;\r\n alert('Connection error. Please try again.');\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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>Complete Your Order \u2014 FluxyPlay Instant Activation After Order Complete Your Order Fill in your details \u2014 our team will […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9703","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/pages\/9703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/comments?post=9703"}],"version-history":[{"count":14,"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/pages\/9703\/revisions"}],"predecessor-version":[{"id":9784,"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/pages\/9703\/revisions\/9784"}],"wp:attachment":[{"href":"https:\/\/fluxyplay.com\/fr\/wp-json\/wp\/v2\/media?parent=9703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}