{"id":3367,"date":"2026-02-04T23:14:20","date_gmt":"2026-02-04T23:14:20","guid":{"rendered":"https:\/\/firoiptv.com\/?page_id=3367"},"modified":"2026-02-06T17:24:34","modified_gmt":"2026-02-06T17:24:34","slug":"payment-success","status":"publish","type":"page","link":"https:\/\/firoiptv.com\/nl\/payment-success\/","title":{"rendered":"Payment Success"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3367\" class=\"elementor elementor-3367\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac66d4 e-flex e-con-boxed e-con e-parent\" data-id=\"9ac66d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baec17b elementor-widget elementor-widget-html\" data-id=\"baec17b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================\n     PAYMENT SUCCESS PAGE - ENHANCED\n     ============================================ -->\n\n<style>\n.payment-success-wrapper {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    width: 100%;\n    max-width: 600px;\n    margin: 40px auto;\n    padding: 20px;\n}\n\n.payment-success-card {\n    background: white;\n    border-radius: 24px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    text-align: center;\n    padding: 60px 40px;\n}\n\n\/* Success Icon with Animation *\/\n.success-icon {\n    width: 100px;\n    height: 100px;\n    margin: 0 auto 30px;\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 50px;\n    color: white;\n    animation: successPulse 0.6s ease;\n    position: relative;\n}\n\n.success-icon::after {\n    content: '';\n    position: absolute;\n    width: 120px;\n    height: 120px;\n    border: 3px solid #10b981;\n    border-radius: 50%;\n    opacity: 0;\n    animation: ripple 1s ease-out infinite;\n}\n\n@keyframes successPulse {\n    0% { transform: scale(0); opacity: 0; }\n    50% { transform: scale(1.1); }\n    100% { transform: scale(1); opacity: 1; }\n}\n\n@keyframes ripple {\n    0% { transform: scale(0.8); opacity: 1; }\n    100% { transform: scale(1.5); opacity: 0; }\n}\n\n.success-title {\n    font-size: 32px;\n    font-weight: 700;\n    color: #1E2329;\n    margin-bottom: 16px;\n}\n\n.success-message {\n    font-size: 16px;\n    color: #707A8A;\n    line-height: 1.6;\n    margin-bottom: 30px;\n}\n\n\/* Order Details Card *\/\n.success-details {\n    background: #F9FAFB;\n    border-radius: 16px;\n    padding: 24px;\n    margin-bottom: 30px;\n    text-align: left;\n}\n\n.success-detail-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-bottom: 1px solid #E5E7EB;\n}\n\n.success-detail-row:last-child {\n    border-bottom: none;\n}\n\n.success-detail-label {\n    font-size: 14px;\n    color: #707A8A;\n    font-weight: 500;\n}\n\n.success-detail-value {\n    font-size: 14px;\n    color: #1E2329;\n    font-weight: 600;\n}\n\n\/* Status Badge *\/\n.status-confirmed {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 12px;\n    background: #D1FAE5;\n    color: #065F46;\n    border-radius: 12px;\n    font-size: 13px;\n    font-weight: 700;\n}\n\n\/* Next Steps Section *\/\n.next-steps {\n    background: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);\n    border-radius: 16px;\n    padding: 24px;\n    margin-bottom: 30px;\n    text-align: left;\n}\n\n.next-steps-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #1E2329;\n    margin-bottom: 16px;\n    text-align: center;\n}\n\n.next-step {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 12px;\n}\n\n.next-step:last-child {\n    margin-bottom: 0;\n}\n\n.next-step-icon {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 14px;\n    font-weight: 700;\n    flex-shrink: 0;\n}\n\n.next-step-text {\n    flex: 1;\n    font-size: 14px;\n    color: #4B5563;\n    line-height: 1.5;\n}\n\n.next-step-text strong {\n    color: #1E2329;\n}\n\n\/* Buttons *\/\n.success-buttons {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.success-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px 32px;\n    border-radius: 12px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 15px;\n    transition: all 0.3s ease;\n}\n\n.success-btn-primary {\n    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);\n    color: white;\n    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.3);\n}\n\n.success-btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);\n    color: white;\n}\n\n.success-btn-secondary {\n    background: white;\n    color: #6366f1;\n    border: 2px solid #6366f1;\n}\n\n.success-btn-secondary:hover {\n    background: #6366f1;\n    color: white;\n    transform: translateY(-2px);\n}\n\n\/* Support Contact *\/\n.support-contact {\n    background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD5 100%);\n    border-radius: 16px;\n    padding: 20px;\n    margin-bottom: 24px;\n}\n\n.support-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1E2329;\n    margin-bottom: 12px;\n    text-align: center;\n}\n\n.support-buttons {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n}\n\n.support-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 20px;\n    border-radius: 10px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 13px;\n    transition: all 0.3s ease;\n    color: white;\n}\n\n.support-btn-whatsapp {\n    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n}\n\n.support-btn-telegram {\n    background: linear-gradient(135deg, #0088cc 0%, #005f99 100%);\n}\n\n.support-btn:hover {\n    transform: translateY(-2px);\n    color: white;\n}\n\n\/* Email Notice *\/\n.success-note {\n    padding: 16px;\n    background: #FFFBEB;\n    border: 2px solid #FDE68A;\n    border-radius: 12px;\n    font-size: 13px;\n    color: #78350F;\n    line-height: 1.5;\n    text-align: center;\n}\n\n\/* Confetti Animation *\/\n.confetti {\n    position: fixed;\n    width: 10px;\n    height: 10px;\n    background: #10b981;\n    position: absolute;\n    animation: confettiFall 3s linear;\n    opacity: 0;\n}\n\n@keyframes confettiFall {\n    0% { transform: translateY(0) rotate(0deg); opacity: 1; }\n    100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }\n}\n\n\/* Responsive *\/\n@media (max-width: 480px) {\n    .payment-success-card {\n        padding: 40px 24px;\n    }\n    \n    .success-title {\n        font-size: 26px;\n    }\n    \n    .success-icon {\n        width: 80px;\n        height: 80px;\n        font-size: 40px;\n    }\n    \n    .success-buttons {\n        flex-direction: column;\n        width: 100%;\n    }\n    \n    .success-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"payment-success-wrapper\">\n    <div class=\"payment-success-card\">\n        \n        <!-- Success Icon -->\n        <div class=\"success-icon\">\u2713<\/div>\n        \n        <!-- Title & Message -->\n        <div class=\"success-title\">Payment Successful!<\/div>\n        <div class=\"success-message\">\n            Thank you for your purchase! Your payment has been confirmed and your IPTV subscription is now active.\n        <\/div>\n        \n        <!-- Order Details -->\n        <div class=\"success-details\">\n            <div class=\"success-detail-row\">\n                <span class=\"success-detail-label\">Order ID<\/span>\n                <span class=\"success-detail-value\" id=\"order-id\">-<\/span>\n            <\/div>\n            <div class=\"success-detail-row\">\n                <span class=\"success-detail-label\">Email<\/span>\n                <span class=\"success-detail-value\" id=\"email\">-<\/span>\n            <\/div>\n            <div class=\"success-detail-row\">\n                <span class=\"success-detail-label\">Plan<\/span>\n                <span class=\"success-detail-value\" id=\"plan\">-<\/span>\n            <\/div>\n            <div class=\"success-detail-row\">\n                <span class=\"success-detail-label\">Total Paid<\/span>\n                <span class=\"success-detail-value\" id=\"total\">-<\/span>\n            <\/div>\n            <div class=\"success-detail-row\">\n                <span class=\"success-detail-label\">Status<\/span>\n                <span class=\"status-confirmed\">\u2713 Confirmed<\/span>\n            <\/div>\n        <\/div>\n        \n        <!-- Next Steps -->\n        <div class=\"next-steps\">\n            <div class=\"next-steps-title\">\ud83d\udccb What's Next?<\/div>\n            \n            <div class=\"next-step\">\n                <div class=\"next-step-icon\">1<\/div>\n                <div class=\"next-step-text\">\n                    Check your email inbox for <strong>IPTV credentials<\/strong> and setup instructions\n                <\/div>\n            <\/div>\n            \n            <div class=\"next-step\">\n                <div class=\"next-step-icon\">2<\/div>\n                <div class=\"next-step-text\">\n                    Download your preferred <strong>IPTV player app<\/strong> on your device\n                <\/div>\n            <\/div>\n            \n            <div class=\"next-step\">\n                <div class=\"next-step-icon\">3<\/div>\n                <div class=\"next-step-text\">\n                    Enter the credentials from your email and <strong>start watching<\/strong>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Action Buttons -->\n        <div class=\"success-buttons\">\n            <a href=\"https:\/\/firoiptv.com\/\" class=\"success-btn success-btn-primary\">\n                <span>\ud83c\udfe0<\/span>\n                <span>Back to Home<\/span>\n            <\/a>\n            <a href=\"https:\/\/firoiptv.com\/setup-guide\/\" class=\"success-btn success-btn-secondary\">\n                <span>\ud83d\udcd6<\/span>\n                <span>Setup Guide<\/span>\n            <\/a>\n        <\/div>\n        \n        <!-- Support Contact -->\n        <div class=\"support-contact\">\n            <div class=\"support-title\">Need Help? Contact Us<\/div>\n            <div class=\"support-buttons\">\n                <a href=\"#\" id=\"whatsapp-support\" class=\"support-btn support-btn-whatsapp\" target=\"_blank\">\n                    <span>\ud83d\udcf1<\/span>\n                    <span>WhatsApp<\/span>\n                <\/a>\n                <a href=\"#\" id=\"telegram-support\" class=\"support-btn support-btn-telegram\" target=\"_blank\">\n                    <span>\u2708\ufe0f<\/span>\n                    <span>Telegram<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Email Notice -->\n        <div class=\"success-note\">\n            \ud83d\udce7 A confirmation email with your IPTV credentials has been sent to your email address. \n            <strong>Please check your inbox and spam folder.<\/strong>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ Get order ID from URL\n    const urlParams = new URLSearchParams(window.location.search);\n    const orderId = urlParams.get('order_id');\n    \n    \/\/ Get order data from sessionStorage\n    const orderData = JSON.parse(sessionStorage.getItem('checkin_order_data') || '{}');\n    \n    console.log('\ud83c\udf89 Payment Success - Order:', orderId);\n    console.log('\ud83d\udce6 Order Data:', orderData);\n    \n    \/\/ Display order info\n    if (orderId) {\n        document.getElementById('order-id').textContent = orderId;\n    }\n    \n    if (orderData.email) {\n        document.getElementById('email').textContent = orderData.email;\n    }\n    \n    if (orderData.plan && orderData.plan.name) {\n        document.getElementById('plan').textContent = orderData.plan.name;\n    }\n    \n    if (orderData.total && orderData.currency) {\n        const symbols = { EUR: '\u20ac', USD: '$', GBP: '\u00a3', SEK: 'kr', DKK: 'kr' };\n        const symbol = symbols[orderData.currency] || orderData.currency;\n        document.getElementById('total').textContent = symbol + parseFloat(orderData.total).toFixed(2);\n    }\n    \n    \/\/ Build support links with order info\n    const supportMessage = `Hello! I completed my payment:\\n\\n` +\n        `Order ID: ${orderId}\\n` +\n        `Email: ${orderData.email}\\n\\n` +\n        `I need help with setup.`;\n    \n    \/\/ WhatsApp (replace with your number)\n    const whatsappNumber = '212612345678';\n    const whatsappUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(supportMessage)}`;\n    document.getElementById('whatsapp-support').href = whatsappUrl;\n    \n    \/\/ Telegram (replace with your username)\n    const telegramUsername = 'your_telegram_username';\n    const telegramUrl = `https:\/\/t.me\/${telegramUsername}?text=${encodeURIComponent(supportMessage)}`;\n    document.getElementById('telegram-support').href = telegramUrl;\n    \n    \/\/ Create confetti effect\n    function createConfetti() {\n        const colors = ['#10b981', '#6366f1', '#f59e0b', '#ec4899', '#8b5cf6'];\n        for (let i = 0; i < 50; i++) {\n            setTimeout(() => {\n                const confetti = document.createElement('div');\n                confetti.className = 'confetti';\n                confetti.style.left = Math.random() * 100 + '%';\n                confetti.style.background = colors[Math.floor(Math.random() * colors.length)];\n                confetti.style.animationDelay = Math.random() * 2 + 's';\n                document.body.appendChild(confetti);\n                \n                setTimeout(() => confetti.remove(), 3000);\n            }, i * 30);\n        }\n    }\n    \n    \/\/ Trigger confetti on load\n    createConfetti();\n    \n    \/\/ Clear session storage after 10 seconds\n    setTimeout(() => {\n        sessionStorage.removeItem('checkin_order_id');\n        sessionStorage.removeItem('checkin_order_data');\n        sessionStorage.removeItem('firo_detected_currency');\n        sessionStorage.removeItem('firo_detected_country');\n    }, 10000);\n    \n})();\n<\/script>\t\t\t\t<\/div>\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>\u2713 Payment Successful! Thank you for your purchase! Your payment has been confirmed and your IPTV subscription is now active. Order ID [&hellip;]<\/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-3367","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/pages\/3367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/comments?post=3367"}],"version-history":[{"count":7,"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/pages\/3367\/revisions"}],"predecessor-version":[{"id":3657,"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/pages\/3367\/revisions\/3657"}],"wp:attachment":[{"href":"https:\/\/firoiptv.com\/nl\/wp-json\/wp\/v2\/media?parent=3367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}