{"id":4553,"date":"2025-12-16T11:19:36","date_gmt":"2025-12-16T11:19:36","guid":{"rendered":"https:\/\/ordervize.com\/succes\/"},"modified":"2025-12-16T20:19:19","modified_gmt":"2025-12-16T20:19:19","slug":"success","status":"publish","type":"page","link":"https:\/\/ordervize.com\/en\/success\/","title":{"rendered":"success"},"content":{"rendered":"\n<!-- PAS de balises HTML\/BODY ici, car WordPress les g\u00e8re d\u00e9j\u00e0 -->\n\n<style>\n    \/* Conteneur principal qui isole le design du reste du site *\/\n    .ov-wrapper {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        \/* Force le contenu \u00e0 prendre 80% de la hauteur de l'\u00e9cran \n           pour pousser le footer vers le bas *\/\n        min-height: 80vh; \n        width: 100%;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        box-sizing: border-box;\n        padding: 20px;\n    }\n\n    .success-card {\n        background: white;\n        padding: 50px 40px;\n        border-radius: 10px;\n        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n        text-align: center;\n        max-width: 600px;\n        width: 100%;\n    }\n\n    \/* Animation du Checkmark *\/\n    .checkmark-circle {\n        width: 80px;\n        height: 80px;\n        background-color: #27ae60;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 25px auto;\n        animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n    }\n\n    .checkmark {\n        width: 40px;\n        height: 20px;\n        border-left: 5px solid white;\n        border-bottom: 5px solid white;\n        transform: rotate(-45deg);\n        margin-top: -5px;\n    }\n\n    @keyframes popIn {\n        0% { transform: scale(0); opacity: 0; }\n        100% { transform: scale(1); opacity: 1; }\n    }\n\n    .ov-wrapper h1 {\n        color: #1a0e49;\n        font-size: 32px;\n        margin-bottom: 15px;\n        font-weight: 800;\n        line-height: 1.2;\n    }\n\n    .ov-wrapper p {\n        color: #555;\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 30px;\n    }\n\n    .order-info {\n        background-color: #f8f9fa;\n        border: 1px solid #e1e4e8;\n        border-radius: 8px;\n        padding: 15px;\n        margin-bottom: 30px;\n        font-size: 16px;\n        color: #333;\n        display: none; \/* Masqu\u00e9 par d\u00e9faut *\/\n        text-align: center;\n    }\n\n    .order-info strong {\n        color: #1a0e49;\n        display: block;\n        margin-top: 5px;\n        word-break: break-all; \/* Emp\u00eache l'ID de d\u00e9passer sur mobile *\/\n    }\n\n    \/* Bouton principal *\/\n    .action-btn {\n        background: #1a0e49;\n        color: white !important; \/* Force la couleur blanche sur WP *\/\n        padding: 15px 30px;\n        border: none;\n        border-radius: 5px;\n        text-align: center;\n        font-weight: bold;\n        font-size: 18px;\n        text-decoration: none !important;\n        display: inline-block;\n        cursor: pointer;\n        transition: opacity 0.3s, transform 0.2s;\n        width: 100%; \/* Pleine largeur sur mobile *\/\n        box-sizing: border-box;\n    }\n\n    .action-btn:hover {\n        opacity: 0.9;\n        transform: translateY(-2px);\n    }\n\n    .secondary-link {\n        display: block;\n        margin-top: 20px;\n        color: #888;\n        text-decoration: none;\n        font-size: 14px;\n    }\n    .secondary-link:hover {\n        text-decoration: underline;\n    }\n<\/style>\n\n<div class=\"ov-wrapper\">\n    <div class=\"success-card\">\n        <div class=\"checkmark-circle\">\n            <div class=\"checkmark\"><\/div>\n        <\/div>\n        \n        <!-- Textes par d\u00e9faut en Anglais (sera remplac\u00e9 par JS si Fran\u00e7ais) -->\n        <h1 id=\"page-title\">Payment Successful!<\/h1>\n        \n        <p id=\"page-message\">Thank you for your trust. Your subscription has been successfully activated. You will receive a confirmation email shortly.<\/p>\n\n        <div id=\"order-details\" class=\"order-info\">\n            <span id=\"trans-label\">Transaction Reference:<\/span>\n            <strong id=\"transaction-id\">&#8230;<\/strong>\n        <\/div>\n\n        <a href=\"https:\/\/app.ordervize.com\/login\" id=\"main-btn\" class=\"action-btn\">Access my Dashboard<\/a>\n        \n        <a href=\"\/\" id=\"back-link\" class=\"secondary-link\">Back to Home<\/a>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ --- 1. DETECTION DE LA LANGUE ---\n        \/\/ On r\u00e9cup\u00e8re la langue du navigateur (ex: \"fr-FR\", \"en-US\", \"el-GR\")\n        const userLang = navigator.language || navigator.userLanguage; \n        \n        \/\/ Logique stricte : Si \u00e7a commence par \"fr\", c'est Fran\u00e7ais.\n        \/\/ TOUT le reste (Grec, Espagnol, Allemand, etc.) -> Anglais.\n        const isFrench = userLang.toLowerCase().startsWith('fr');\n\n        \/\/ Dictionnaire\n        const content = {\n            fr: {\n                title: \"Paiement valid\u00e9 !\",\n                message: \"Merci pour votre confiance. Votre abonnement a bien \u00e9t\u00e9 activ\u00e9. Vous allez recevoir un email de confirmation d'ici quelques instants.\",\n                transLabel: \"R\u00e9f\u00e9rence transaction :\",\n                btnText: \"Acc\u00e9der \u00e0 mon espace\",\n                backText: \"Retour \u00e0 l'accueil\"\n            },\n            en: {\n                title: \"Payment Successful!\",\n                message: \"Thank you for your trust. Your subscription has been successfully activated. You will receive a confirmation email shortly.\",\n                transLabel: \"Transaction Reference:\",\n                btnText: \"Access my Dashboard\",\n                backText: \"Back to Home\"\n            }\n        };\n\n        \/\/ Si c'est fran\u00e7ais, on applique les textes FR. \n        \/\/ Sinon on ne fait rien (le HTML est d\u00e9j\u00e0 en Anglais par d\u00e9faut).\n        if (isFrench) {\n            document.getElementById('page-title').innerText = content.fr.title;\n            document.getElementById('page-message').innerText = content.fr.message;\n            document.getElementById('trans-label').innerText = content.fr.transLabel;\n            document.getElementById('main-btn').innerText = content.fr.btnText;\n            document.getElementById('back-link').innerText = content.fr.backText;\n        }\n\n        \/\/ --- 2. GESTION DE L'ID STRIPE ---\n        const urlParams = new URLSearchParams(window.location.search);\n        const sessionId = urlParams.get('session_id');\n\n        if (sessionId) {\n            document.getElementById('transaction-id').innerText = sessionId;\n            document.getElementById('order-details').style.display = 'block';\n        }\n    });\n<\/script>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading4553_a6d919-46, .wp-block-kadence-advancedheading.kt-adv-heading4553_a6d919-46[data-kb-block=\"kb-adv-heading4553_a6d919-46\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading4553_a6d919-46 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading4553_a6d919-46[data-kb-block=\"kb-adv-heading4553_a6d919-46\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<p class=\"kt-adv-heading4553_a6d919-46 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading4553_a6d919-46\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Payment Successful! Thank you for your trust. Your subscription has been successfully activated. You will receive a confirmation email shortly. Transaction Reference: &#8230; Access my Dashboard Back to Home<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-4553","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Marc Torres","author_link":"https:\/\/ordervize.com\/en\/author\/sommelier-torresgmail-com\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages\/4553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/comments?post=4553"}],"version-history":[{"count":7,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages\/4553\/revisions"}],"predecessor-version":[{"id":4575,"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/pages\/4553\/revisions\/4575"}],"wp:attachment":[{"href":"https:\/\/ordervize.com\/en\/wp-json\/wp\/v2\/media?parent=4553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}