{"id":51,"date":"2025-02-11T09:18:02","date_gmt":"2025-02-11T09:18:02","guid":{"rendered":"http:\/\/buddydeal.test\/fr\/?page_id=51"},"modified":"2026-03-23T13:22:55","modified_gmt":"2026-03-23T13:22:55","slug":"inscription","status":"publish","type":"page","link":"https:\/\/buddydeal.be\/fr\/inscription\/","title":{"rendered":"Inscrivez-vous!"},"content":{"rendered":"<div id=\"hero\" style=\"background-color: #006a8e; \" class=\"mb-[67px] container px-0 relative md:mb-[90px] lg:max-w-none lg:mb-[100px] 2xl:mb-[130px]\"> \n    <div class=\"container px-0 relative flex min-h-[299px] md:min-h-[390px] md:px-5 md:flex md:items-end md:pt-[53px] lg:min-h-[481px] xl:h-[567px]\">\n                    <img decoding=\"async\" class=\"absolute  \n            bottom-0 left-1\/2 transform -translate-x-1\/2 max-h-[95%]                        \"\n            src=\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/ik-doe-mee.webp\" alt=\"\">\n            <\/div>\n<\/div>\n\n\n<script src=\"\/app\/themes\/hipress\/node_modules\/canvas-confetti\/dist\/confetti.browser.js\"><\/script>\n    <div class=\"container\">\n            <\/div>\n\n\n<script src=\"\/app\/themes\/hipress\/node_modules\/canvas-confetti\/dist\/confetti.browser.js\"><\/script>\n        <script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\" async defer><\/script>\n\n<h1>\u00ab\u00a0\u00a0\u00bb<\/h1>\n    <div class=\"container max-w-[1040px]\" x-data='participateForm({\"errors\":[],\"old\":[]})'>\n        <form @submit.prevent=\"submitData\" method=\"POST\" action=\"https:\/\/buddydeal.be\/fr\/wp-admin\/admin-post.php\">\n            <input type=\"hidden\" name=\"action\" value=\"participate_form\">\n            <input type=\"hidden\" id=\"participate_form_nonce\" name=\"participate_form_nonce\" value=\"12ddc5048e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/51\" \/>            <input type=\"hidden\" name=\"bid\" value=\"2\">\n            <h1 class=\"mb-5 xl:mb-[30px]\">Je participe !<\/h1>\n            <p class=\"mb-[53px] xl:mb-[67px] xl:text-2xl\">Inscrivez-vous en tant que <strong>Challenger<\/strong> (celui qui rel\u00e8ve le d\u00e9fi d\u2019arr\u00eater) ou <strong>Buddy<\/strong> (un proche qui l\u2019accompagne).<\/p>\n            <template x-if=\"errors.form\">\n                <p class=\"mb-6 text-[#C43437] text-base xl:text-lg\" x-text=\"errors.form\"><\/p>\n            <\/template>\n\n            <!-- Type (Stopper\/Buddy) -->\n            <div class=\"mb-10\">\n                <div class=\"text-lg font-bold mb-2 xl:text-xl\">Je suis<\/div>\n                <div class=\"flex justify-between gap-[15px] max-w-[451px]\">\n                    <div class=\"bg-tertiary transition-all w-1\/2 h-[106px] flex justify-center items-center hover:bg-tertiary-hover\">\n                        <label class=\"cursor-pointer w-full h-full flex flex-col justify-center items-center font-bold text-white text-lg xl:text-xl\" for=\"stopper\">\n                            <input x-model=\"formData.type\" type=\"radio\" checked id=\"stopper\" class=\"sr-only peer\" name=\"type\" value=\"Stopper\">\n                            <div class=\"mb-[5px] w-[28px] h-[28px] bg-white rounded-full flex justify-center items-center border-2 border-[#008575] peer-checked:after peer-checked:after:w-[12px] peer-checked:after:h-[12px] peer-checked:after:rounded-full peer-checked:after:bg-[#008575] peer-checked:after:block\">\n                            <\/div>\n                            Challenger                        <\/label>\n                    <\/div>\n                    <div class=\"bg-secondary w-1\/2 h-[106px] flex justify-center items-center hover:bg-secondary-hover\">\n                        <label class=\"cursor-pointer w-full h-full flex flex-col justify-center items-center font-bold text-bd-blue-aa text-lg xl:text-xl\" for=\"buddy\">\n                            <input x-model=\"formData.type\" type=\"radio\" id=\"buddy\" class=\"sr-only peer\" name=\"type\" value=\"Buddy\">\n                            <div class=\"mb-[5px] w-[28px] h-[28px] bg-white rounded-full flex justify-center items-center border-2 border-[#005470] peer-checked:after peer-checked:after:w-[12px] peer-checked:after:h-[12px] peer-checked:after:rounded-full peer-checked:after:bg-[#005470] peer-checked:after:block\">\n                            <\/div>\n                            Buddy                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Email Field -->\n            <div class=\"mb-[25px] relative\">\n                <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"email\">Adresse email<\/label>\n                <input \n                    x-model=\"formData.email\" \n                    @blur=\"validateField('email')\" \n                    @change=\"validateField('email')\" \n                    type=\"text\" \n                    id=\"email\" \n                    name=\"email\" \n                    class=\"pl-4 pr-12 w-full h-[60px] border-2 focus:border-[#0091b3] ring-0 outline-none text-lg xl:text-xl\"\n                    :class=\"errors.email ? 'border-[#C43437]' : 'border-bd-blue-100'\"\/>\n                <template x-if=\"errors.email\">\n                    <div>\n                        <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.email\"><\/p>\n                        <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                            <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/template>\n                <template x-if=\"!errors.email &#038;&#038; mailValidationContent\">\n                    <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                        <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                    <\/svg>\n                <\/template>\n            <\/div>\n\n            <div class=\"md:grid md:grid-cols-12 md:gap-[15px]\">\n                <!-- Firstname Field -->\n                <div class=\"mb-[25px] relative md:col-span-6\">\n                    <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"firstname\">Pr\u00e9nom<\/label>\n                    <input \n                        x-model=\"formData.firstname\" \n                        @blur=\"validateField('firstname')\" \n                        @change=\"validateField('firstname')\" \n                        type=\"text\" \n                        id=\"firstname\" \n                        name=\"firstname\" \n                        class=\"pl-4 pr-12 w-full h-[60px] border-2 focus:border-[#0091b3] ring-0 outline-none text-lg xl:text-xl\"\n                        :class=\"errors.firstname ? 'border-[#C43437]' : 'border-bd-blue-100'\"\/>\n                    <template x-if=\"errors.firstname\">\n                        <div>\n                            <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.firstname\"><\/p>\n                            <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                            <\/svg>\n                        <\/div>  \n                    <\/template>\n                    <template x-if=\"!errors.firstname &#038;&#038; formData.firstname.trim()\">\n                        <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                            <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                        <\/svg>\n                    <\/template>\n                <\/div>\n\n                <!-- Lastname Field -->\n                <div class=\"mb-10 relative md:col-span-6\">\n                    <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"lastname\">Nom de famille<\/label>\n                    <input \n                        x-model=\"formData.lastname\" \n                        @blur=\"validateField('lastname')\" \n                        @change=\"validateField('lastname')\" \n                        type=\"text\" \n                        id=\"lastname\" \n                        name=\"lastname\" \n                        class=\"pl-4 pr-12 w-full h-[60px] border-2 text-lg focus:border-[#0091b3] ring-0 outline-none xl:text-xl\"\n                        :class=\"errors.lastname ? 'border-[#C43437]' : 'border-bd-blue-100'\"\/>\n                    <template x-if=\"errors.lastname\">\n                        <div>\n                            <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.lastname\"><\/p>\n                            <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/template>\n                    <template x-if=\"!errors.lastname &#038;&#038; formData.lastname.trim()\">\n                        <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                            <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                        <\/svg>\n                    <\/template>\n                <\/div>\n            <\/div>\n\n            <!-- Terms Checkbox -->\n            <div class=\"mb-[21px]\">\n                <label for=\"terms\" class=\"flex items-center cursor-pointer relative\">\n                    <input \n                        x-model=\"formData.terms\" \n                        @change=\"validateField('terms')\" \n                        type=\"checkbox\" \n                        class=\"peer sr-only\" \n                        name=\"terms\" \n                        id=\"terms\" \/>\n                    <span class=\"block border-2 border-bd-blue-100 w-[28px] h-[28px] absolute left-0 top-[3px] peer-checked:bg-primary peer-checked:after:absolute peer-checked:after:left-[7px] peer-checked:after:top-0.5 peer-checked:after:w-[9px] peer-checked:after:h-[16px] peer-checked:after:border-r-[3px] peer-checked:after:border-b-[3px] peer-checked:after:transform peer-checked:after:rotate-45 md:-top-[3px]\"><\/span>\n                    <div class=\"ml-[41px] text-lg leading-[130%] xl:text-xl\">\n                        <div x-show=\"formData.type === 'Stopper'\">\n                            Oui, j&rsquo;autorise le traitement de mes donn\u00e9es concernant l&rsquo;arr\u00eat du tabac.                        <\/div>\n                        <div x-show=\"formData.type === 'Buddy'\">\n                            Oui, je souhaite participer au Buddy Deal et soutenir mon bin\u00f4me dans le processus d\u2019arr\u00eat du tabac.                        <\/div>\n                    <\/div>\n                <\/label>\n                <template x-if=\"errors.terms\">\n                    <p class=\"text-[#C43437] text-base mt-1 ml-[41px] xl:text-lg\" x-text=\"errors.terms\"><\/p>\n                <\/template>\n            <\/div>\n\n            <div class=\"mb-[21px]\">\n                    <label for=\"optin\" class=\"flex items-center cursor-pointer relative\">\n                        <input x-model=\"formData.optin\" type=\"checkbox\" class=\"peer sr-only\" name=\"optin\" id=\"optin\" \/>\n                        <span class=\"block border-2 border-bd-blue-100 w-[28px] h-[28px] absolute left-0 top-[3px] peer-checked:bg-primary peer-checked:after:absolute peer-checked:after:left-[7px] peer-checked:after:top-0.5 peer-checked:after:w-[9px] peer-checked:after:h-[16px] peer-checked:after:border-r-[3px] peer-checked:after:border-b-[3px] peer-checked:after:transform peer-checked:after:rotate-45 md:-top-[3px]\"><\/span>\n                        <div class=\"ml-[41px] text-lg leading-[130%] xl:text-xl\">Oui, je souhaite \u00eatre tenu inform\u00e9 de l&rsquo;actualit\u00e9 de la Fondation contre le Cancer.<\/div>\n                    <\/label>\n                <\/div>\n\n              <!-- Steunpakket weghalen per 6-05-25, weghalen Pin Checkbox -->\n            <div :class=\"{\n                    'mb-10': formData.pin,\n                    'mb-[60px]': !formData.pin\n                }\">\n                <label for=\"pin\" class=\"flex items-center cursor-pointer relative\">\n                    <input \n                        x-model=\"formData.pin\" \n                        @change=\"handlePinChange\" \n                        type=\"checkbox\" \n                        class=\"peer sr-only\" \n                        name=\"pin\" \n                        id=\"pin\" \/>\n                    <span class=\"block border-2 border-bd-blue-100 w-[28px] h-[28px] absolute left-0 top-[3px] peer-checked:bg-primary peer-checked:after:absolute peer-checked:after:left-[7px] peer-checked:after:top-0.5 peer-checked:after:w-[9px] peer-checked:after:h-[16px] peer-checked:after:border-r-[3px] peer-checked:after:border-b-[3px] peer-checked:after:transform peer-checked:after:rotate-45 md:-top-[3px]\"><\/span>\n                    <div class=\"ml-[41px] text-lg leading-[130%] xl:text-xl\">\n                        Oui, je souhaite recevoir gratuitement mon kit de soutien par courrier \u2728\n                    <\/div>\n                <\/label>\n            <\/div><!-- -->\n\n            <!-- Address Fields (Only Shown if Pin is Checked) -->\n            <div x-show=\"formData.pin\" :class=\"{'mb-[60px]': formData.pin}\">\n                <div class=\"mb-[25px] text-lg xl:text-xl\">\n                    Compl\u00e9tez votre adresse pour recevoir votre kit de soutien gratuit.                <\/div>\n\n                <div class=\"md:grid md:grid-cols-12 md:gap-[15px]\">\n                <div class=\"md:col-span-6\">\n                        <!-- Street -->\n                        <div class=\"mb-[18px] relative\">\n                            <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"street\">Rue<\/label>\n                            <input \n                                x-model=\"formData.street\" \n                                @blur=\"validateField('street')\" \n                                @change=\"validateField('street')\" \n                                type=\"text\" \n                                id=\"street\" \n                                name=\"street\" \n                                class=\"pl-4 pr-12 w-full h-[60px] focus:border-[#0091b3] ring-0 outline-none border-2 text-lg xl:text-xl\"\n                                :class=\"errors.street ? 'border-[#C43437] xl:text-xl' : 'border-bd-blue-100'\"\/>\n                            <template x-if=\"errors.street\">\n                                <div>\n                                    <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.street\"><\/p>\n                                    <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                        <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/template>\n                            <template x-if=\"!errors.street &#038;&#038; formData.street.trim()\">\n                                <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                                    <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                                <\/svg>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:col-span-6\">\n                        <!-- House Number -->\n                        <div class=\"mb-[18px] relative\">\n                            <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"housenumber\">Num\u00e9ro et bo\u00eete<\/label>\n                            <input \n                                x-model=\"formData.housenumber\" \n                                @blur=\"validateField('housenumber')\"  \n                                type=\"text\" \n                                id=\"housenumber\" \n                                name=\"housenumber\" \n                                class=\"px-4 w-full h-[60px] border-2 focus:border-[#0091b3] ring-0 outline-none text-lg xl:text-xl\"\n                                :class=\"errors.housenumber ? 'border-[#C43437]' : 'border-bd-blue-100'\"\/>\n                            <template x-if=\"errors.housenumber\">\n                                <div>\n                                    <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.housenumber\"><\/p>\n                                    <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                        <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/template>\n                            <template x-if=\"!errors.housenumber &#038;&#038; formData.housenumber.trim()\">\n                                <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                                    <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                                <\/svg>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"md:grid md:grid-cols-12 md:gap-[15px]\">\n                <div class=\"md:col-span-6\">\n                        <!-- Postal Code -->\n                        <div class=\"mb-[18px] relative\">\n                            <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"postal\">Code postal<\/label>\n                            <input \n                                x-model=\"formData.postal\" \n                                @blur=\"validateField('postal')\" \n                                @change=\"validateField('postal')\" \n                                type=\"text\" \n                                id=\"postal\" \n                                name=\"postal\" \n                                class=\"pl-4 pr-12 w-full h-[60px] border-2 focus:border-[#0091b3] ring-0 outline-none text-lg xl:text-xl\"\n                                :class=\"errors.postal ? 'border-[#C43437]' : 'border-bd-blue-100'\"\/>\n                            <template x-if=\"errors.postal\">\n                                <div>\n                                    <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.postal\"><\/p>\n                                    <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                        <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                                    <\/svg>\n                                <\/div> \n                            <\/template>\n                            <template x-if=\"!errors.postal &#038;&#038; formData.postal.trim()\">\n                                <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                                    <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                                <\/svg>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:col-span-6\">\n                        <!-- City -->\n                        <div class=\"mb-[18px] relative\">\n                            <label class=\"text-lg font-bold mb-2 xl:text-xl\" for=\"city\">Ville<\/label>\n                            <input \n                                x-model=\"formData.city\" \n                                @blur=\"validateField('city')\" \n                                @change=\"validateField('city')\" \n                                type=\"text\" \n                                id=\"city\" \n                                name=\"city\" \n                                class=\"pl-4 pr-12 w-full h-[60px] focus:border-[#0091b3] ring-0 outline-none border-2 text-lg xl:text-xl\"\n                                :class=\"errors.city ? 'border-[#C43437]' : 'border-bd-blue-100'\"\/>\n                            <template x-if=\"errors.city\">\n                                <div>\n                                    <p class=\"text-[#C43437] text-base mt-1 xl:text-lg\" x-text=\"errors.city\"><\/p>\n                                    <svg class=\"absolute right-6 top-[51px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                                        <path d=\"M1.96491 14L0 12.0351L5.05263 6.98246L0 1.96491L1.96491 0L7.01754 5.05263L12.0351 0L14 1.96491L8.94737 6.98246L14 12.0351L12.0351 14L7.01754 8.94737L1.96491 14Z\" fill=\"#C43437\"\/>\n                                    <\/svg>\n                                <\/div>\n                            <\/template>\n                            <template x-if=\"!errors.city &#038;&#038; formData.city.trim()\">\n                                <svg class=\"absolute right-6 top-12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"15\" viewBox=\"0 0 18 15\" fill=\"none\">\n                                    <path d=\"M6.33333 14.5L0.5 8.54255L2.54167 6.45745L6.33333 10.3298L15.9583 0.5L18 2.58511L6.33333 14.5Z\" fill=\"#008575\"\/>\n                                <\/svg>\n                            <\/template>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAACu4okz-ujVBz83T\"><\/div>\n\n            <div class=\"flex justify-center\">\n                <button class=\"btn btn-primary py-4\" type=\"submit\">Je m&rsquo;inscris !<\/button>\n            <\/div>\n        <\/form>\n        <script>\n            document.addEventListener('alpine:init', () => {\n                Alpine.data('shareComponent', () => ({\n                    async share() {\n                        if (navigator.share) {\n                            try {\n                                await navigator.share({\n                                    title: document.title,\n                                    url: window.location.href\n                                });\n                                console.log('Content shared successfully');\n                            } catch (error) {\n                                console.error('Error sharing:', error);\n                            }\n                        } else {\n                            alert('Your browser does not support the Share feature.');\n                        }\n                    }\n                }));\n            });\n            function participateForm(initialState = {}) {\n                const old = initialState.old || {};\n                const serverErrors = initialState.errors || {};\n\n                return {\n                    mailValidationContent: false,\n                    formData: {\n                        action: '',\n                        bid: old.bid || '',\n                        email: old.email || '',\n                        firstname: old.firstname || '',\n                        lastname: old.lastname || '',\n                        type: old.type || 'Stopper',\n                        pin: !!old.pin,\n                        housenumber: old.housenumber || '',\n                        street: old.street || '',\n                        postal: old.postal || '',\n                        city: old.city || '',\n                        terms: !!old.terms,\n                        optin: !!old.optin,\n                        cfTurnstileResponse: ''\n                    },\n                    clientErrors: {},\n                    serverErrors: serverErrors,\n                    get errors() {\n                        return {\n                            ...this.serverErrors,\n                            ...this.clientErrors\n                        };\n                    },\n                    \n                    \/\/ Validates a single field based on its name.\n                    validateField(field) {\n                        \/\/ Reset error for this field.\n                        delete this.serverErrors[field];\n                        this.clientErrors[field] = '';\n\n                        if(field === 'email') {\n                            if(!this.formData.email) {\n                                this.clientErrors.email = 'Un e-mail est requis.';\n                            } else {\n                                \/\/ Simple email regex for validation.\n                                const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                                if(!re.test(this.formData.email)) {\n                                    this.clientErrors.email = 'Veuillez utiliser une adresse email valide';\n                                } else {\n                                    this.mailValidationContent = true;\n                                }\n                            }\n                        }\n                        if(field === 'firstname') {\n                            if(!this.formData.firstname.trim()) {\n                                this.clientErrors.firstname = 'Le pr\u00e9nom est obligatoire.';\n                            }\n                        }\n                        if(field === 'lastname') {\n                            if(!this.formData.lastname.trim()) {\n                                this.clientErrors.lastname = 'Le nom de famille est requis.';\n                            }\n                        }\n                        if(field === 'terms') {\n                            if(!this.formData.terms) {\n                                this.clientErrors.terms = 'Vous devez accepter le traitement de vos donn\u00e9es.';\n                            }\n                        }\n                        \/\/ Only validate address fields if \"pin\" is checked.\n                        if(this.formData.pin) {\n                            if(field === 'postal') {\n                                if(!this.formData.postal.trim()) {\n                                    this.clientErrors.postal = 'Le code postal est requis.';\n                                }\n                            }\n                            if(field === 'housenumber') {\n                                if(!this.formData.housenumber.trim()) {\n                                    this.clientErrors.housenumber = 'Le num\u00e9ro de maison est requis.';\n                                } else if(!\/^[A-Za-z0-9]+$\/.test(this.formData.housenumber.trim())) {\n                                    this.clientErrors.housenumber = 'Seuls les lettres et les chiffres sont autoris\u00e9s';\n                                }\n                            }\n                            if(field === 'street') {\n                                if(!this.formData.street.trim()) {\n                                    this.clientErrors.street = 'Le nom de la rue est obligatoire.';\n                                }\n                            }\n                            if(field === 'city') {\n                                if(!this.formData.city.trim()) {\n                                    this.clientErrors.city = 'L\\'emplacement est requis.';\n                                }\n                            }\n                        } else {\n                            \/\/ If pin is not checked, clear any previous address errors.\n                            delete this.clientErrors.postal;\n                            delete this.clientErrors.housenumber;\n                            delete this.clientErrors.street;\n                            delete this.clientErrors.city;\n                            delete this.serverErrors.postal;\n                            delete this.serverErrors.housenumber;\n                            delete this.serverErrors.street;\n                            delete this.serverErrors.city;\n                        }\n                    },\n                    \n                    \/\/ Triggered when the \"pin\" checkbox changes.\n                    handlePinChange() {\n                        \/\/ If \"pin\" is unchecked, clear address fields and errors.\n                        if (!this.formData.pin) {\n                            this.formData.postal = '';\n                            this.formData.housenumber = '';\n                            this.formData.street = '';\n                            this.formData.city = '';\n                            delete this.clientErrors.postal;\n                            delete this.clientErrors.housenumber;\n                            delete this.clientErrors.street;\n                            delete this.clientErrors.city;\n                            delete this.serverErrors.postal;\n                            delete this.serverErrors.housenumber;\n                            delete this.serverErrors.street;\n                            delete this.serverErrors.city;\n                        }\n                    },\n                    \n                    \/\/ Validates the entire form.\n                    validateForm() {\n                        this.validateField('email');\n                        this.validateField('firstname');\n                        this.validateField('lastname');\n                        this.validateField('terms');\n                        if(this.formData.pin) {\n                            this.validateField('postal');\n                            this.validateField('housenumber');\n                            this.validateField('street');\n                            this.validateField('city');\n                        }\n                        \n                        \/\/ Filter out any empty error messages.\n                        for (let key in this.clientErrors) {\n                            if (this.clientErrors[key] === '') {\n                                delete this.clientErrors[key];\n                            }\n                        }\n                        \n                        return Object.keys(this.errors).length === 0;\n                    },\n                    \n                    submitData() {\n                        \/\/ If pin is not checked, ensure address fields are empty.\n                        if (!this.formData.pin) {\n                            this.formData.postal = '';\n                            this.formData.housenumber = '';\n                            this.formData.street = '';\n                            this.formData.city = '';\n                        }\n                        \n                        \/\/ Run full validation.\n                        if (!this.validateForm()) {\n                            \/\/ If there are errors, do not submit.\n                            console.log('Validation failed:', this.errors);\n                            return;\n                        }\n\n                        \/\/ this.formData.terms = this.formData.terms ? 'yes' : 'no';\n                        \/\/ this.formData.optin = this.formData.optin ? 'True' : 'False';\n                        \/\/ this.formData.pin = this.formData.pin ? 'YES' : 'NO';\n\n                        \/\/ const combinedStreet = `${this.formData.street.trim()} ${this.formData.housenumber.trim()}`.trim();\n                        \n                        \/\/ Create a new data object with the combined street.\n                        \/*const dataToSend = {\n                            ...this.formData,\n                            street: combinedStreet \/\/ Combined address is now assigned to street.\n                        };*\/\n\n                        \/\/ add housenumber to street\n                        \/\/ this.formData.street = this.formData.street + ' ' + this.formData.housenumber;\n                        this.$nextTick(() => {\n                            this.$el.submit();\n                        });\n                    }\n                }\n            }\n\n            const shareUrl = window.location.href;\n            const shareTitle = document.title;\n\n            function shareFacebook() {\n                if (navigator.share) {\n                    navigator.share({\n                        title: shareTitle,\n                        url: shareUrl\n                    }).catch((err) => console.error('Error sharing:', err));\n                } else {\n                    const facebookUrl = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(shareUrl)}`;\n                    window.open(facebookUrl, '_blank');\n                }\n            }\n\n            function shareEmail() {\n                if (navigator.share) {\n                    navigator.share({\n                        title: shareTitle,\n                        text: `Check this out: ${shareTitle}`,\n                        url: shareUrl\n                    }).catch((err) => console.error('Error sharing:', err));\n                } else {\n                    const emailUrl = `mailto:?subject=${encodeURIComponent(shareTitle)}&body=${encodeURIComponent(shareUrl)}`;\n                    window.open(emailUrl, '_blank');\n                }\n            }\n        <\/script>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-without-default-title.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inscrivez-vous! - Buddydeal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buddydeal.be\/fr\/inscription\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inscrivez-vous! - Buddydeal\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buddydeal.be\/fr\/inscription\/\" \/>\n<meta property=\"og:site_name\" content=\"Buddydeal\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-23T13:22:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/buddydeal.be\/fr\/inscription\/\",\"url\":\"https:\/\/buddydeal.be\/fr\/inscription\/\",\"name\":\"Inscrivez-vous! - Buddydeal\",\"isPartOf\":{\"@id\":\"https:\/\/buddydeal.be\/fr\/#website\"},\"datePublished\":\"2025-02-11T09:18:02+00:00\",\"dateModified\":\"2026-03-23T13:22:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/buddydeal.be\/fr\/inscription\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/buddydeal.be\/fr\/inscription\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/buddydeal.be\/fr\/inscription\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/buddydeal.be\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inscrivez-vous!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/buddydeal.be\/fr\/#website\",\"url\":\"https:\/\/buddydeal.be\/fr\/\",\"name\":\"Buddydeal\",\"description\":\"D\u00e9couvrez la campagne Buddy Deal de la Fondation contre le Cancer !\",\"publisher\":{\"@id\":\"https:\/\/buddydeal.be\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/buddydeal.be\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-BE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/buddydeal.be\/fr\/#organization\",\"name\":\"Buddydeal\",\"url\":\"https:\/\/buddydeal.be\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-BE\",\"@id\":\"https:\/\/buddydeal.be\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Property-1logo_stichting_tegen_FR.webp\",\"contentUrl\":\"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Property-1logo_stichting_tegen_FR.webp\",\"width\":474,\"height\":177,\"caption\":\"Buddydeal\"},\"image\":{\"@id\":\"https:\/\/buddydeal.be\/fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inscrivez-vous! - Buddydeal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buddydeal.be\/fr\/inscription\/","og_locale":"fr_FR","og_type":"article","og_title":"Inscrivez-vous! - Buddydeal","og_url":"https:\/\/buddydeal.be\/fr\/inscription\/","og_site_name":"Buddydeal","article_modified_time":"2026-03-23T13:22:55+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buddydeal.be\/fr\/inscription\/","url":"https:\/\/buddydeal.be\/fr\/inscription\/","name":"Inscrivez-vous! - Buddydeal","isPartOf":{"@id":"https:\/\/buddydeal.be\/fr\/#website"},"datePublished":"2025-02-11T09:18:02+00:00","dateModified":"2026-03-23T13:22:55+00:00","breadcrumb":{"@id":"https:\/\/buddydeal.be\/fr\/inscription\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buddydeal.be\/fr\/inscription\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/buddydeal.be\/fr\/inscription\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buddydeal.be\/fr\/"},{"@type":"ListItem","position":2,"name":"Inscrivez-vous!"}]},{"@type":"WebSite","@id":"https:\/\/buddydeal.be\/fr\/#website","url":"https:\/\/buddydeal.be\/fr\/","name":"Buddydeal","description":"D\u00e9couvrez la campagne Buddy Deal de la Fondation contre le Cancer !","publisher":{"@id":"https:\/\/buddydeal.be\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buddydeal.be\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-BE"},{"@type":"Organization","@id":"https:\/\/buddydeal.be\/fr\/#organization","name":"Buddydeal","url":"https:\/\/buddydeal.be\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-BE","@id":"https:\/\/buddydeal.be\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Property-1logo_stichting_tegen_FR.webp","contentUrl":"https:\/\/buddydeal.be\/app\/uploads\/sites\/2\/2025\/02\/Property-1logo_stichting_tegen_FR.webp","width":474,"height":177,"caption":"Buddydeal"},"image":{"@id":"https:\/\/buddydeal.be\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":11,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/pages\/51\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/buddydeal.be\/fr\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}