{"id":51884,"date":"2025-11-18T12:44:38","date_gmt":"2025-11-18T11:44:38","guid":{"rendered":"https:\/\/staging.ktebiktebek.com\/?page_id=51884"},"modified":"2026-05-30T18:02:40","modified_gmt":"2026-05-30T17:02:40","slug":"inscription","status":"publish","type":"page","link":"https:\/\/ktebiktebek.com\/ar\/inscription\/","title":{"rendered":"Inscription"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"51884\" class=\"elementor elementor-51884\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ca09ea e-flex e-con-boxed e-con e-parent\" data-id=\"8ca09ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-974a3e3 elementor-widget elementor-widget-shortcode\" data-id=\"974a3e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"woocommerce\">\n        <div class=\"col2-set row\" id=\"customer_login\" style=\"align-items: center; min-height: 550px;\">\n\n            <div class=\"col-lg-6 col-md-6 col-sm-12 d-none d-md-block\" style=\"height: 100%;\">\n                                        <div class=\"sign__in--img\" style=\"height: 100%; min-height: 500px; background: url('https:\/\/ktebiktebek.com\/wp-content\/uploads\/2025\/11\/sign-in-_-sign-up.jpg') center center \/ cover no-repeat; border-radius: 12px;\">\n                        <\/div>\n                                <\/div>\n\n                        <div class=\"col-lg-6 col-md-6 col-sm-12\">\n                <div class=\"container-form\">\n                    \n                                        \n                    <h2 class=\"text-title-heading\">S'inscrire<\/h2>\n\n                    <div class=\"box-form-login\">\n                        <div class=\"title-form register\">\n                            Inscrivez-vous \u00e0 Ktebi Ktebek et offrez une nouvelle vie \u00e0 vos livres.\n                        <\/div>\n\n                        <div class=\"box-content\">\n\n                                                        <div id=\"ktb-step-role\" class=\"ktb-step-panel\">\n\n                                <p class=\"ktb-step-hint\">Vous \u00eates&nbsp;:<\/p>\n\n                                <div class=\"ktb-role-cards\">\n                                    <div class=\"ktb-role-card\" data-role=\"customer\" tabindex=\"0\">\n                                        <span class=\"ktb-role-icon\">\ud83d\udcda<\/span>\n                                        <span class=\"ktb-role-label\">Lecteur \/ Acheteur<\/span>\n                                        <small>Je cherche des livres<\/small>\n                                    <\/div>\n                                    <div class=\"ktb-role-card\" data-role=\"seller\" tabindex=\"0\">\n                                        <span class=\"ktb-role-icon\">\ud83c\udfea<\/span>\n                                        <span class=\"ktb-role-label\">Vendeur de livres<\/span>\n                                        <small>Je vends mes livres<\/small>\n                                    <\/div>\n                                <\/div>\n\n                                <button type=\"button\" id=\"ktb-role-next\" class=\"button ktb-btn-next\" disabled>\n                                    Continuer \u2192\n                                <\/button>\n\n                                <div style=\"margin-top:20px; text-align:center;\">\n                                    <p>D\u00e9j\u00e0 inscrit ?                                        <a href=\"https:\/\/ktebiktebek.com\/ar\/mon-compte\/\"\n                                           style=\"font-weight:bold; text-decoration:underline;\">\n                                            Se connecter                                        <\/a>\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                                                        <div id=\"ktb-step-customer\" class=\"ktb-step-panel\" style=\"display:none;\">\n\n                                <button type=\"button\" id=\"ktb-back-btn\" class=\"ktb-back-link\">\u2190 Retour au choix du profil<\/button>\n\n                                <div class=\"form-register\">\n                                    <form method=\"post\" class=\"register\" id=\"ktb-customer-form\" action=\"\">\n                                        \n                                        \n                                        <input type=\"hidden\" name=\"role\" value=\"customer\">\n\n                                        \n                                         <div class=\"email\">\n                                            <input type=\"email\" class=\"input-text input-style\" name=\"email\"\n                                                   placeholder=\"Adresse e-mail *\"\n                                                   id=\"reg_email\"\n                                                   value=\"\" required \/>\n                                        <\/div>\n\n                                                                                    <div class=\"password\">\n                                                <input type=\"password\" class=\"input-text input-style\"\n                                                       placeholder=\"Mot de passe *\"\n                                                       name=\"password\" id=\"reg_password\" required \/>\n                                            <\/div>\n                                        \n                                        <div style=\"left:-999em;position:absolute;\">\n                                            <label for=\"trap\">Anti-spam<\/label>\n                                            <input type=\"text\" name=\"email_2\" id=\"trap\" tabindex=\"-1\" \/>\n                                        <\/div>\n\n                                        \t\t<div id=\"cf-turnstile-2762813397\"\r\n\t\tclass=\"cf-turnstile\"\r\n\t\tdata-sitekey=\"0x4AAAAAACFRasdLM7Mrd4-6\"\r\n\t\tdata-theme=\"light\"\r\n\t\tdata-language=\"fr-fr\"\r\n\t\tdata-size=\"normal\"\r\n\t\tdata-retry=\"auto\" data-retry-interval=\"1000\"\r\n\t\tdata-refresh-expired=\"auto\"\r\n\t\tdata-refresh-timeout=\"auto\"\r\n\t\tdata-action=\"wordpress-register\"\r\n\t\tdata-callback=\"turnstileWPCallback\"\r\n\t\t\t\tdata-appearance=\"always\"><\/div>\r\n\t\t<script data-cfasync=\"false\">(window.cfturnstileQueue=window.cfturnstileQueue||[]).push(\"-2762813397\");if(window.cfturnstileRender)window.cfturnstileRender();<\/script>\t\t<br class=\"cf-turnstile-br cf-turnstile-br-2762813397\">\r\n\t\t\t\t<style>#cf-turnstile-2762813397 { margin-left: -15px; }<\/style>\r\n\t\t\n                                        <div class=\"button-register\" style=\"margin-top: 20px;\">\n                                            <input type=\"hidden\" id=\"woocommerce-register-nonce\" name=\"woocommerce-register-nonce\" value=\"d136dd6b38\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/51884\" \/>                                            <input type=\"submit\" class=\"button\" name=\"register\"\n                                                   value=\"S&#039;INSCRIRE\" \/>\n                                        <\/div>\n\n                                                                            <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n                                <\/div>\n                            <\/div>\n\n                        <\/div><!-- \/.box-content -->\n                    <\/div><!-- \/.box-form-login -->\n                <\/div><!-- \/.container-form -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    (function () {\n        'use strict';\n        var VENDOR_URL   = \"https:\\\/\\\/ktebiktebek.com\\\/ar\\\/inscription-vendeur\\\/\";\n        var cards        = document.querySelectorAll('.ktb-role-card');\n        var nextBtn      = document.getElementById('ktb-role-next');\n        var backBtn      = document.getElementById('ktb-back-btn');\n        var stepRole     = document.getElementById('ktb-step-role');\n        var stepCustomer = document.getElementById('ktb-step-customer');\n        var currentRole  = null;\n\n        \/* \u2500\u2500 S\u00e9lection d'une carte \u2500\u2500 *\/\n        cards.forEach(function (card) {\n            function select() {\n                cards.forEach(function (c) { c.classList.remove('active'); });\n                card.classList.add('active');\n                currentRole = card.dataset.role;\n                nextBtn.disabled = false;\n                nextBtn.textContent = currentRole === 'seller'\n                    ? 'Cr\u00e9er mon espace vendeur \u2192'\n                    : 'Continuer \u2192';\n            }\n            card.addEventListener('click', select);\n            card.addEventListener('keydown', function (e) {\n                if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); select(); }\n            });\n        });\n\n        \/* \u2500\u2500 Bouton Continuer \u2500\u2500 *\/\n        nextBtn.addEventListener('click', function () {\n            if ( ! currentRole ) return;\n\n            if ( currentRole === 'seller' ) {\n                window.location.href = VENDOR_URL;\n            } else {\n                \/* Afficher le formulaire acheteur *\/\n                stepRole.style.display     = 'none';\n                stepCustomer.style.display = '';\n                var emailInput = document.getElementById('reg_email');\n                if (emailInput) { emailInput.focus(); }\n            }\n        });\n\n        \/* \u2500\u2500 Bouton Retour \u2500\u2500 *\/\n        if ( backBtn ) {\n            backBtn.addEventListener('click', function () {\n                stepCustomer.style.display = 'none';\n                stepRole.style.display     = '';\n            });\n        }\n\n        \/* Si erreur WooCommerce apr\u00e8s soumission \u2192 rester sur \u00e9tape 2 *\/\n        \n    })();\n    <\/script>\n\n    <style>\n    \/* Design Initial Int\u00e9gralement Conserv\u00e9 *\/\n    .ktb-step-hint   { font-size: .9rem; color: #6b7280; margin-bottom: 12px; font-weight: 500; }\n    .ktb-btn-next    { width: 100%; margin-top: 16px; transition: opacity .2s; }\n    .ktb-btn-next:disabled { opacity: .4; cursor: not-allowed; }\n    .ktb-back-link   { background: none; border: none; color: #6b7280; cursor: pointer;\n                       font-size: .85rem; padding: 0; margin-bottom: 16px; display: inline-block; }\n    .ktb-back-link:hover { color: #1C3A2E; }\n\n    .ktb-role-cards  { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 4px; }\n    .ktb-role-card   { border: 2px solid #d1d5db; border-radius: 10px; padding: 20px 14px;\n                       display: flex; flex-direction: column; align-items: center; gap: 6px;\n                       cursor: pointer; transition: all .2s; background: #fff; text-align: center;\n                       outline: none; }\n    .ktb-role-card:hover       { border-color: #4CAF82; background: #EAF2EE; }\n    .ktb-role-card:focus-visible{ box-shadow: 0 0 0 3px rgba(76,175,130,.35); }\n    .ktb-role-card.active      { border-color: #1C3A2E; background: #EAF2EE;\n                                  transform: translateY(-2px); box-shadow: 0 4px 12px rgba(28,58,46,.12); }\n    .ktb-role-icon   { font-size: 2rem; line-height: 1; }\n    .ktb-role-label  { font-size: .92rem; font-weight: 700; color: #1a1a1a; }\n    .ktb-role-card small { font-size: .75rem; color: #6b7280; }\n    .ktb-role-card.active .ktb-role-label { color: #1C3A2E; }\n    <\/style>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":534,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-51884","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/pages\/51884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/users\/534"}],"replies":[{"embeddable":true,"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/comments?post=51884"}],"version-history":[{"count":0,"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/pages\/51884\/revisions"}],"wp:attachment":[{"href":"https:\/\/ktebiktebek.com\/ar\/wp-json\/wp\/v2\/media?parent=51884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}