{"id":1748,"date":"2025-11-08T08:28:06","date_gmt":"2025-11-08T07:28:06","guid":{"rendered":"https:\/\/atti.tn\/?page_id=1748"},"modified":"2025-11-08T14:34:24","modified_gmt":"2025-11-08T13:34:24","slug":"succes-de-paiement","status":"publish","type":"page","link":"https:\/\/atti.tn\/index.php\/succes-de-paiement\/","title":{"rendered":"Paiement r\u00e9ussi"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Confirmation de Paiement &#8211; ATTI<\/title>\n    <style>\n        :root {\n            --primary: #2c3e50;\n            --secondary: #3498db;\n            --success: #27ae60;\n            --danger: #e74c3c;\n            --light: #f8f9fa;\n            --dark: #343a40;\n            --gray: #6c757d;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: #f5f7fa;\n            color: var(--dark);\n            line-height: 1.6;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .header {\n            background-color: white;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n            padding: 20px 0;\n        }\n        \n        .logo-container {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n        }\n        \n        .logo {\n            max-width: 200px;\n            height: auto;\n        }\n        \n        .logo-text {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n        \n        .logo-text h1 {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 5px;\n        }\n        \n        .logo-text h2 {\n            font-size: 1.2rem;\n            color: var(--secondary);\n            font-weight: normal;\n        }\n        \n        .payment-card {\n            background-color: white;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            padding: 40px;\n            max-width: 600px;\n            margin: 40px auto;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .payment-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n        }\n        \n        .success-card::before {\n            background-color: var(--success);\n        }\n        \n        .error-card::before {\n            background-color: var(--danger);\n        }\n        \n        .icon-container {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n        }\n        \n        .success-icon {\n            background-color: rgba(39, 174, 96, 0.1);\n            color: var(--success);\n        }\n        \n        .error-icon {\n            background-color: rgba(231, 76, 60, 0.1);\n            color: var(--danger);\n        }\n        \n        .icon {\n            font-size: 40px;\n        }\n        \n        .payment-card h2 {\n            font-size: 1.8rem;\n            margin-bottom: 15px;\n            color: var(--primary);\n        }\n        \n        .payment-card p {\n            color: var(--gray);\n            margin-bottom: 25px;\n            font-size: 1.1rem;\n        }\n        \n        .btn {\n            display: inline-block;\n            padding: 12px 30px;\n            border-radius: 5px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            border: none;\n        }\n        \n        .btn-primary {\n            background-color: var(--secondary);\n            color: white;\n        }\n        \n        .btn-primary:hover {\n            background-color: #2980b9;\n        }\n        \n        .btn-secondary {\n            background-color: var(--light);\n            color: var(--dark);\n            margin-left: 10px;\n        }\n        \n        .btn-secondary:hover {\n            background-color: #e9ecef;\n        }\n        \n        .footer {\n            text-align: center;\n            padding: 30px 0;\n            color: var(--gray);\n            font-size: 0.9rem;\n            margin-top: auto;\n        }\n        \n        .ml-element {\n            position: relative;\n            margin: 30px 0;\n        }\n        \n        .ml-element::before {\n            content: '';\n            position: absolute;\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--secondary), transparent);\n            top: -15px;\n        }\n        \n        .ml-element::after {\n            content: 'AI-Powered';\n            position: absolute;\n            top: -30px;\n            left: 50%;\n            transform: translateX(-50%);\n            background-color: white;\n            padding: 0 15px;\n            color: var(--secondary);\n            font-size: 0.8rem;\n            font-weight: 600;\n        }\n        \n        @media (max-width: 768px) {\n            .payment-card {\n                padding: 30px 20px;\n                margin: 20px auto;\n            }\n            \n            .btn {\n                display: block;\n                width: 100%;\n                margin-bottom: 10px;\n            }\n            \n            .btn-secondary {\n                margin-left: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Page de succ\u00e8s de paiement -->\n    <div id=\"success-page\" style=\"display: none;\">\n        <header class=\"header\">\n            <div class=\"container\">\n                <div class=\"logo-container\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" alt=\"Logo ATTI\" class=\"logo\" onerror=\"this.style.display='none'\">\n                    <div class=\"logo-text\">\n                        <h1>\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062a\u0648\u0646\u0633\u064a\u0629 \u0644\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629<\/h1>\n                        <h2>ATTI &#8211; Association Tunisienne des Techniques Intelligentes<\/h2>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/header>\n        \n        <main class=\"container\">\n            <div class=\"payment-card success-card\">\n                <div class=\"icon-container success-icon\">\n                    <span class=\"icon\">\u2713<\/span>\n                <\/div>\n                <h2>Paiement R\u00e9ussi!<\/h2>\n                <p>Votre adh\u00e9sion \u00e0 l&#8217;ATTI a \u00e9t\u00e9 confirm\u00e9e avec succ\u00e8s. Bienvenue dans notre communaut\u00e9!<\/p>\n                \n                <div class=\"ml-element\"><\/div>\n                \n                <p>Vous recevrez bient\u00f4t un email de confirmation avec tous les d\u00e9tails de votre adh\u00e9sion.<\/p>\n                \n                <div style=\"margin-top: 30px;\">\n                    <a href=\"https:\/\/atti.tn\/index.php\/login\/\" class=\"btn btn-primary\">Acc\u00e9der \u00e0 votre espace membre<\/a>\n                    <a href=\"https:\/\/atti.tn\/\" class=\"btn btn-secondary\">Retour au site principal<\/a>\n                <\/div>\n            <\/div>\n        <\/main>\n        \n        <!-- <footer class=\"footer\">\n            <div class=\"container\">\n                <p>\u00a9 2023 Association Tunisienne des Techniques Intelligentes. Tous droits r\u00e9serv\u00e9s.<\/p>\n            <\/div>\n        <\/footer> -->\n    <\/div>\n    \n    <!-- Page d'\u00e9chec de paiement -->\n    <!-- <div id=\"error-page\" style=\"display: none;\">\n        <header class=\"header\">\n            <div class=\"container\">\n                <div class=\"logo-container\">\n                    <div class=\"logo-text\">\n                        <h1>\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062a\u0648\u0646\u0633\u064a\u0629 \u0644\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629<\/h1>\n                        <h2>ATTI - Association Tunisienne des Techniques Intelligentes<\/h2>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/header> -->\n        \n        <!-- <main class=\"container\">\n            <div class=\"payment-card error-card\">\n                <div class=\"icon-container error-icon\">\n                    <span class=\"icon\">\u2715<\/span>\n                <\/div>\n                <h2>Paiement \u00c9chou\u00e9<\/h2>\n                <p>Nous n'avons pas pu traiter votre paiement. Veuillez v\u00e9rifier vos informations et r\u00e9essayer.<\/p>\n                \n                <div class=\"ml-element\"><\/div>\n                \n                <p>Si le probl\u00e8me persiste, veuillez contacter notre service client ou essayer une autre m\u00e9thode de paiement.<\/p>\n                \n                <div style=\"margin-top: 30px;\">\n                    <a href=\"#\" class=\"btn btn-primary\">R\u00e9essayer le paiement<\/a>\n                    <a href=\"#\" class=\"btn btn-secondary\">Retour au site principal<\/a>\n                <\/div>\n            <\/div>\n        <\/main> -->\n        \n        <!-- <footer class=\"footer\">\n            <div class=\"container\">\n                <p>\u00a9 2025 Association Tunisienne des Techniques Intelligentes. Tous droits r\u00e9serv\u00e9s.<\/p>\n            <\/div>\n        <\/footer> -->\n    <\/div> \n\n    <script>\n        \/\/ Simulation de la redirection bas\u00e9e sur le param\u00e8tre d'URL\n        document.addEventListener('DOMContentLoaded', function() {\n            const urlParams = new URLSearchParams(window.location.search);\n            const paymentStatus = urlParams.get('status');\n            \n            \/\/ Afficher la page appropri\u00e9e selon le param\u00e8tre d'URL\n            if (paymentStatus === 'success') {\n                document.getElementById('success-page').style.display = 'block';\n            } else if (paymentStatus === 'error') {\n                document.getElementById('error-page').style.display = 'block';\n            } else {\n                \/\/ Par d\u00e9faut, afficher la page de succ\u00e8s\n                document.getElementById('success-page').style.display = 'block';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Confirmation de Paiement &#8211; ATTI \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062a\u0648\u0646\u0633\u064a\u0629 \u0644\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629 ATTI &#8211; Association Tunisienne des Techniques Intelligentes \u2713 Paiement R\u00e9ussi! Votre adh\u00e9sion \u00e0 l&#8217;ATTI a \u00e9t\u00e9 confirm\u00e9e avec succ\u00e8s. Bienvenue dans notre communaut\u00e9! Vous recevrez bient\u00f4t un email de confirmation avec tous les d\u00e9tails de votre adh\u00e9sion. Acc\u00e9der \u00e0 votre espace membre Retour au site principal<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-header-image","meta":{"footnotes":""},"class_list":["post-1748","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/pages\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":6,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/pages\/1748\/revisions"}],"predecessor-version":[{"id":1768,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/pages\/1748\/revisions\/1768"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}