{"id":3200,"date":"2026-02-03T21:29:01","date_gmt":"2026-02-03T21:29:01","guid":{"rendered":"https:\/\/firoiptv.com\/?page_id=3200"},"modified":"2026-02-06T17:09:14","modified_gmt":"2026-02-06T17:09:14","slug":"payment-card","status":"publish","type":"page","link":"https:\/\/firoiptv.com\/da\/payment-card\/","title":{"rendered":"Payment Card"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3200\" class=\"elementor elementor-3200\" 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-ebd1b5e e-flex e-con-boxed e-con e-parent\" data-id=\"ebd1b5e\" 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-792f9d7 elementor-widget elementor-widget-html\" data-id=\"792f9d7\" 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     CARD PAYMENT PAGE - WITH WHATSAPP & TELEGRAM\n     ============================================ -->\n\n<style>\n.card-payment-block * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.card-payment-block {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    width: 100%;\n    max-width: 480px;\n    margin: 0 auto;\n    padding: 20px;\n}\n\n.card-payment-card {\n    background: white;\n    border-radius: 24px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n}\n\n\/* Header *\/\n.card-payment-header {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    padding: 24px;\n    text-align: center;\n    position: relative;\n}\n\n.card-payment-logo {\n    font-size: 45px;\n    margin: 0 auto 10px;\n    display: block;\n}\n\n.card-payment-title {\n    color: white;\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 4px;\n}\n\n.card-payment-subtitle {\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 13px;\n    font-weight: 500;\n}\n\n\/* Timer *\/\n.timer-badge {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: rgba(255, 255, 255, 0.2);\n    backdrop-filter: blur(10px);\n    padding: 8px 16px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.timer-text {\n    color: white;\n    font-size: 14px;\n    font-weight: 700;\n    font-family: 'Courier New', monospace;\n}\n\n\/* Content *\/\n.card-payment-content {\n    padding: 24px;\n}\n\n\/* Order Card *\/\n.order-card {\n    background: #FAFAFA;\n    border-radius: 16px;\n    padding: 20px;\n    margin-bottom: 20px;\n}\n\n.order-row {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 12px;\n}\n\n.order-row:last-child {\n    margin-bottom: 0;\n    padding-top: 12px;\n    border-top: 2px dashed #E5E7EB;\n}\n\n.order-label {\n    font-size: 13px;\n    color: #707A8A;\n    font-weight: 500;\n}\n\n.order-value {\n    font-size: 14px;\n    color: #1E2329;\n    font-weight: 600;\n}\n\n.order-total {\n    font-size: 24px;\n    font-weight: 800;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\/* Discount *\/\n.card-discount-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 700;\n    color: #8B4513;\n}\n\n.card-original-price {\n    text-decoration: line-through;\n    color: #999;\n    font-size: 16px;\n    font-weight: 600;\n}\n\n.order-discount-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px 0;\n    margin-bottom: 10px;\n    border-bottom: 1px dashed #E5E7EB;\n}\n\n.order-discount-label {\n    font-size: 13px;\n    color: #FF9500;\n    font-weight: 600;\n}\n\n.order-discount-value {\n    font-size: 14px;\n    color: #FF9500;\n    font-weight: 700;\n}\n\n\/* Contact Message *\/\n.contact-message {\n    background: linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%);\n    border-radius: 16px;\n    padding: 20px;\n    margin-bottom: 20px;\n    text-align: center;\n}\n\n.contact-message-icon {\n    font-size: 40px;\n    margin-bottom: 12px;\n}\n\n.contact-message-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #1E2329;\n    margin-bottom: 8px;\n}\n\n.contact-message-text {\n    font-size: 13px;\n    color: #4B5563;\n    line-height: 1.6;\n}\n\n\/* Contact Buttons *\/\n.contact-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.contact-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 16px 24px;\n    border-radius: 16px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    color: white;\n}\n\n.whatsapp-btn {\n    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.3);\n}\n\n.whatsapp-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);\n    color: white;\n}\n\n.telegram-btn {\n    background: linear-gradient(135deg, #0088cc 0%, #005f99 100%);\n    box-shadow: 0 4px 16px rgba(0, 136, 204, 0.3);\n}\n\n.telegram-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 136, 204, 0.4);\n    color: white;\n}\n\n.btn-icon {\n    font-size: 24px;\n}\n\n\/* Steps *\/\n.payment-steps {\n    background: #F0FDF4;\n    border-radius: 16px;\n    padding: 16px;\n    margin-bottom: 16px;\n}\n\n.step {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 10px;\n    font-size: 13px;\n    color: #166534;\n}\n\n.step:last-child {\n    margin-bottom: 0;\n}\n\n.step-icon {\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #86EFAC 0%, #4ADE80 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 700;\n    color: #166534;\n    flex-shrink: 0;\n}\n\n\/* Security Notice *\/\n.security-notice {\n    text-align: center;\n    padding: 12px;\n    background: #EEF2FF;\n    border-radius: 12px;\n    font-size: 12px;\n    color: #4338CA;\n}\n\n\/* Alert *\/\n.card-alert {\n    padding: 14px 16px;\n    border-radius: 12px;\n    margin-bottom: 16px;\n    font-size: 13px;\n    font-weight: 600;\n    display: none;\n}\n\n.card-alert.show {\n    display: block;\n}\n\n.alert-success {\n    background: #D1FAE5;\n    color: #065F46;\n}\n\n.alert-info {\n    background: #DBEAFE;\n    color: #1E40AF;\n}\n\n\/* Responsive *\/\n@media (max-width: 480px) {\n    .timer-badge {\n        position: static;\n        margin: 12px auto 0;\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=\"card-payment-block\">\n    <div class=\"card-payment-card\">\n        \n        <div class=\"card-payment-header\">\n            <div class=\"card-payment-logo\">\ud83d\udcb3<\/div>\n            <div class=\"card-payment-title\">Card Payment<\/div>\n            <div class=\"card-payment-subtitle\">Visa \u2022 Mastercard \u2022 American Express<\/div>\n            \n            <div class=\"timer-badge\" id=\"timer-badge\">\n                <span>\u23f1\ufe0f<\/span>\n                <span class=\"timer-text\" id=\"timer-display\">20:00<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"card-payment-content\">\n            \n            <div id=\"alert\" class=\"card-alert\"><\/div>\n            \n            <div class=\"order-card\">\n                <div class=\"order-row\">\n                    <span class=\"order-label\">Order ID<\/span>\n                    <span class=\"order-value\" id=\"order-id\">-<\/span>\n                <\/div>\n                <div class=\"order-row\">\n                    <span class=\"order-label\">Plan<\/span>\n                    <span class=\"order-value\" id=\"plan-name\">-<\/span>\n                <\/div>\n                <div class=\"order-row\">\n                    <span class=\"order-label\">Email<\/span>\n                    <span class=\"order-value\" id=\"email\">-<\/span>\n                <\/div>\n                \n                <div id=\"discount-row\" class=\"order-discount-row\" style=\"display: none;\">\n                    <span class=\"order-discount-label\">\ud83c\udff7\ufe0f Discount<\/span>\n                    <span class=\"order-discount-value\" id=\"discount-amount\">-\u20ac0.00<\/span>\n                <\/div>\n                \n                <div class=\"order-row\">\n                    <span class=\"order-label\">Total Amount<\/span>\n                    <span class=\"order-total\" id=\"total\">\u20ac0.00<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"contact-message\">\n                <div class=\"contact-message-icon\">\ud83d\udcac<\/div>\n                <div class=\"contact-message-title\">Contact Us to Complete Payment<\/div>\n                <div class=\"contact-message-text\">\n                    Please contact us via WhatsApp or Telegram. We'll provide you with a secure payment link and assist you with the process.\n                <\/div>\n            <\/div>\n            \n            <div class=\"contact-buttons\">\n                <a href=\"#\" id=\"whatsapp-link\" class=\"contact-btn whatsapp-btn\" target=\"_blank\">\n                    <span class=\"btn-icon\">\ud83d\udcf1<\/span>\n                    <span>Contact on WhatsApp<\/span>\n                <\/a>\n                \n                <a href=\"#\" id=\"telegram-link\" class=\"contact-btn telegram-btn\" target=\"_blank\">\n                    <span class=\"btn-icon\">\u2708\ufe0f<\/span>\n                    <span>Contact on Telegram<\/span>\n                <\/a>\n            <\/div>\n            \n            <div class=\"payment-steps\">\n                <div class=\"step\">\n                    <div class=\"step-icon\">1<\/div>\n                    <div>Click WhatsApp or Telegram button above<\/div>\n                <\/div>\n                <div class=\"step\">\n                    <div class=\"step-icon\">2<\/div>\n                    <div>Send the pre-filled message with your order details<\/div>\n                <\/div>\n                <div class=\"step\">\n                    <div class=\"step-icon\">3<\/div>\n                    <div>We'll send you a secure payment link<\/div>\n                <\/div>\n                <div class=\"step\">\n                    <div class=\"step-icon\">4<\/div>\n                    <div>Complete payment and receive instant access<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"security-notice\">\n                \ud83d\udd12 All payments are processed securely. We never store your card information.\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n    \n    if (window.cardPaymentInitialized) return;\n    window.cardPaymentInitialized = true;\n    \n    const urlParams = new URLSearchParams(window.location.search);\n    const orderId = urlParams.get('order_id') || sessionStorage.getItem('checkin_order_id');\n    const orderData = JSON.parse(sessionStorage.getItem('checkin_order_data') || '{}');\n    \n    console.log('\ud83d\udcb3 Card Payment - Order:', orderId);\n    console.log('\ud83d\udce6 Data:', orderData);\n    \n    if (!orderId || !orderData.email) {\n        showAlert('Invalid order information. Redirecting...', 'info');\n        setTimeout(() => {\n            window.location.href = 'https:\/\/firoiptv.com\/checkout\/';\n        }, 2000);\n        return;\n    }\n    \n    \/\/ Display order info\n    const currency = orderData.currency || 'EUR';\n    const symbols = { EUR: '\u20ac', USD: '$', GBP: '\u00a3', SEK: 'kr', DKK: 'kr' };\n    const symbol = symbols[currency] || currency;\n    \n    document.getElementById('order-id').textContent = orderId;\n    document.getElementById('plan-name').textContent = orderData.plan?.name || '-';\n    document.getElementById('email').textContent = orderData.email;\n    \n    const originalTotal = orderData.original_total || orderData.total;\n    const discountApplied = orderData.discount_applied || 0;\n    const finalTotal = orderData.total;\n    \n    const totalElement = document.getElementById('total');\n    const discountRow = document.getElementById('discount-row');\n    \n    if (discountApplied > 0) {\n        discountRow.style.display = 'flex';\n        document.getElementById('discount-amount').textContent = `-${symbol}${discountApplied.toFixed(2)}`;\n        \n        totalElement.innerHTML = `\n            <span class=\"card-original-price\">${symbol}${originalTotal.toFixed(2)}<\/span>\n            ${symbol}${finalTotal.toFixed(2)}\n            <span class=\"card-discount-badge\">-10%<\/span>\n        `;\n    } else {\n        totalElement.textContent = symbol + finalTotal.toFixed(2);\n    }\n    \n    \/\/ Timer\n    let timeLeft = 20 * 60;\n    \n    function startTimer() {\n        updateTimer();\n        setInterval(() => {\n            timeLeft--;\n            updateTimer();\n            \n            if (timeLeft <= 0) {\n                document.getElementById('timer-badge').innerHTML = \n                    '<span>\u23f0<\/span><span class=\"timer-text\">EXPIRED<\/span>';\n                showAlert('\u23f0 Please create a new order', 'info');\n            }\n        }, 1000);\n    }\n    \n    function updateTimer() {\n        const m = Math.floor(timeLeft \/ 60);\n        const s = timeLeft % 60;\n        document.getElementById('timer-display').textContent = \n            `${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`;\n    }\n    \n    \/\/ Build WhatsApp & Telegram links\n    const message = `Hello! I want to complete my Card payment:\\n\\n` +\n        `Order ID: ${orderId}\\n` +\n        `Plan: ${orderData.plan?.name || '-'}\\n` +\n        `Email: ${orderData.email}\\n` +\n        `Total: ${symbol}${finalTotal.toFixed(2)}\\n\\n` +\n        `Please send me the payment link.`;\n    \n    \/\/ WhatsApp (replace with your number)\n    const whatsappNumber = '212612345678'; \/\/ Example: 212612345678\n    const whatsappUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(message)}`;\n    document.getElementById('whatsapp-link').href = whatsappUrl;\n    \n    \/\/ Telegram (replace with your username)\n    const telegramUsername = 'your_telegram_username'; \/\/ Example: firoiptv\n    const telegramUrl = `https:\/\/t.me\/${telegramUsername}?text=${encodeURIComponent(message)}`;\n    document.getElementById('telegram-link').href = telegramUrl;\n    \n    function showAlert(msg, type) {\n        const alert = document.getElementById('alert');\n        alert.className = 'card-alert alert-' + type + ' show';\n        alert.textContent = msg;\n    }\n    \n    startTimer();\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>\ud83d\udcb3 Card Payment Visa \u2022 Mastercard \u2022 American Express \u23f1\ufe0f 20:00 Order ID &#8211; Plan &#8211; Email &#8211; \ud83c\udff7\ufe0f Discount -\u20ac0.00 Total [&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-3200","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\/da\/wp-json\/wp\/v2\/pages\/3200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/comments?post=3200"}],"version-history":[{"count":8,"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/pages\/3200\/revisions"}],"predecessor-version":[{"id":5027,"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/pages\/3200\/revisions\/5027"}],"wp:attachment":[{"href":"https:\/\/firoiptv.com\/da\/wp-json\/wp\/v2\/media?parent=3200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}