{"id":13169,"date":"2025-02-19T15:53:57","date_gmt":"2025-02-19T15:53:57","guid":{"rendered":"https:\/\/www.sos.hdeuxcode.com\/formulaire-parrainage\/"},"modified":"2025-02-19T15:53:57","modified_gmt":"2025-02-19T15:53:57","slug":"formulaire-parrainage","status":"publish","type":"page","link":"https:\/\/pre.sosve.tn\/en\/formulaire-parrainage\/","title":{"rendered":"formulaire parrainage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13169\" class=\"elementor elementor-13169 elementor-488\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f70db2f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f70db2f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-df82c22 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"df82c22\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56bed4f elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"56bed4f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> <span style=\"font-weight:300\">Je deviens <\/br><\/span> Parrain\/Marraine<\/h1>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a3f735 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"4a3f735\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3502a7c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3502a7c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c031277 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c031277\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a18825e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"a18825e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5435b2 parrainage-form-wrapper elementor-widget elementor-widget-shortcode\" data-id=\"f5435b2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"donation-form-container\">\n        <div class=\"donation-form-layout\">\n            <div class=\"donation-form-left\">\n                <form id=\"parrainage-form\" class=\"donation-form\" method=\"post\" action=\"\">\n                    <input type=\"hidden\" id=\"parrainage_nonce\" name=\"parrainage_nonce\" value=\"c45f056038\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/13169\" \/>                    <input type=\"hidden\" name=\"parrainage_form_submit\" value=\"1\">\n                    \n                    <div class=\"group-full\">\n                        <!-- group 30% -->\n                        <div class=\"group-left\">\n                            <div class=\"section-title\">\n                                <div style=\"align-items: center; display: flex;\">\n                                    <div class=\"payment-section-line\"><\/div>\n                                    <p class=\"payment-section-text\">Demande <br>De Parrainage<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- group 70% -->\n                        <div class=\"group-right\">\n                            <div class=\"form-group\">\n                                <div class=\"input-wrapper\">\n                                    <h2 style=\"text-align:center; color:#1C325D; font-size:24px; margin: 0px 0px 10px 0px\">Parrainage Village(s)<\/h2>\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"consent\" required checked>\n                                        <span>Oui, En Tant Que Parrain Ou Marraine SOS, Je Souhaite Participer \u00c0 La Prise En Charge Des Enfants Sans Soutien Familial Pour Leur Offrir Un Foyer Chaleureux, Une \u00c9ducation De Qualit\u00e9 Et Un Avenir Meilleur.<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                            \n                            <div style=\"display:flex; gap:20px;\">\n                                <div class=\"form-group\" style=\"width:50%\">\n                                    <label style=\"font-size:20px\">Le Montant En Chiffre<span class=\"required\">*<\/span><\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"number\" name=\"amount\" id=\"parrainage_amount\" required min=\"1\" step=\"0.01\">\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"form-group\" style=\"width:50%\">\n                                    <label style=\"font-size:20px\">Le montant<br>en lettres<br><span style=\"font-size:10px\">(Optionnel)<\/span><\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"text\" name=\"amount_lettre\" id=\"amount_lettre\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div style=\"display:block; gap:20px;\" class=\"form-group\">\n                                <label style=\"font-size:20px; padding-bottom:25px;min-width: 100%;\">Je Souhaite Parrainer Des Enfants Au Village De<span class=\"required\">*<\/span><\/label>\n                                <div class=\"village-options\">\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"villages[]\" value=\"Gamarth\">\n                                        <span>Gamarth<\/span>\n                                    <\/label>\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"villages[]\" value=\"Mahres\">\n                                        <span>Mahres<\/span>\n                                    <\/label>\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"villages[]\" value=\"Siliana\">\n                                        <span>Siliana<\/span>\n                                    <\/label>\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"villages[]\" value=\"Akouda\">\n                                        <span>Akouda<\/span>\n                                    <\/label>\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"villages[]\" value=\"El Al\u00e2a Kairouan\">\n                                        <span>El Al\u00e2a Kairouan<\/span>\n                                    <\/label>\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"villages[]\" value=\"Hassi El Ferid Kasserine\">\n                                        <span>Hassi El Ferid Kasserine<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"group-full\">\n                        <!-- group 30% -->\n                        <div class=\"group-left\">\n                            <div class=\"section-title\">\n                                <div style=\"align-items: center; display: flex;\">\n                                    <div class=\"section-line\"><\/div>\n                                    <p class=\"section-text\">Mes <br>Coordonn\u00e9es<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- group 70% -->\n                        <div class=\"group-right\">\n                            <div class=\"form-group\">\n                                <div class=\"type-selection\">\n                                    <label class=\"checkbox-label\">\n                                        <input style=\"height: 15px;\" type=\"radio\" name=\"type\" value=\"personne_physique\" id=\"personne_radio\" checked>\n                                        <span>Personne Physique<\/span>\n                                    <\/label>\n                                    <label class=\"checkbox-label\">\n                                        <input style=\"height: 15px;\" type=\"radio\" name=\"type\" value=\"societe\" id=\"societe_radio\">\n                                        <span>Soci\u00e9t\u00e9<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Zone qui va changer dynamiquement -->\n                            <div id=\"dynamic-fields\">\n                                <div class=\"form-group\">\n                                    <label>Nom<span class=\"required\">*<\/span><\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"text\" name=\"nom\" required>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"form-group\">\n                                    <label>Pr\u00e9nom<span class=\"required\">*<\/span><\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"text\" name=\"prenom\" required>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"form-group\">\n                                    <label>Profession<\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"text\" name=\"profession\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <label>Adresse<span class=\"required\">*<\/span><\/label>\n                                <div class=\"input-wrapper\">\n                                    <input type=\"text\" name=\"adresse\" required>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group phone-group\">\n                                <label>T\u00e9l\u00e9phone<span class=\"required\">*<\/span><\/label>\n                                <div class=\"input-wrapper phone-input-wrapper\">\n                                    <div class=\"phone-prefix\">+216<\/div>\n                                    <input style=\"max-width:260px;\" type=\"tel\" name=\"telephone\" required pattern=\"[0-9]{8}\" title=\"Veuillez entrer 8 chiffres\">\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <label>E-Mail<span class=\"required\">*<\/span><\/label>\n                                <div class=\"input-wrapper\">\n                                    <input type=\"email\" name=\"email\" required>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"group-full\">\n                        <!-- group 30% -->\n                        <div class=\"group-left\">\n                            <div class=\"section-title\">\n                                <div style=\"align-items: center; display: flex;\">\n                                    <div class=\"section-line\"><\/div>\n                                    <p class=\"section-text\">Mes <br>Coordonn\u00e9es Bancaires<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- group 70% -->\n                        <div class=\"group-right custom-group-right\">\n                            <!--<div class=\"form-group\">\n                                <label>Ma Banque<\/label>\n                                <div class=\"input-wrapper\">\n                                    <select name=\"banque\">\n                                        <option value=\"\">S\u00e9lectionner une banque<\/option>\n                                        <option value=\"ATB\">ATB<\/option>\n                                        <option value=\"BH\">BH<\/option>\n                                        <option value=\"BIAT\">BIAT<\/option>\n                                        <option value=\"BNA\">BNA<\/option>\n                                        <option value=\"BT\">BT<\/option>\n                                        <option value=\"STB\">STB<\/option>\n                                        <option value=\"UIB\">UIB<\/option>\n                                        <option value=\"UBCI\">UBCI<\/option>\n                                        <option value=\"Amen Bank\">Amen Bank<\/option>\n                                        <option value=\"Attijari Bank\">Attijari Bank<\/option>\n                                        <option value=\"Zitouna Bank\">Zitouna Bank<\/option>\n                                    <\/select>\n                                <\/div>\n                                <div class=\"input-wrapper\">\n                                    <input type=\"text\" name=\"code_banque\" placeholder=\"Code banque\">\n                                <\/div>\n                            <\/div>-->\n\n                            <div class=\"form-group\">\n                                <label>RIB<span class=\"required\">*<\/span><\/label>\n                                <div class=\"input-wrapper\">\n                                    <input type=\"text\" name=\"rib\" required pattern=\"[0-9]{20}\" title=\"Le RIB doit contenir 20 chiffres\">\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <label>Premier Mois<br>De Pr\u00e9l\u00e8vement<\/label>\n                                <div class=\"date-selection\">\n                                    <div class=\"input-wrapper\">\n                                        <select name=\"mois\">\n                                            <option value=\"\">Mois<\/option>\n                                            <option value=\"1\">Janvier<\/option>\n                                            <option value=\"2\">F\u00e9vrier<\/option>\n                                            <option value=\"3\">Mars<\/option>\n                                            <option value=\"4\">Avril<\/option>\n                                            <option value=\"5\">Mai<\/option>\n                                            <option value=\"6\">Juin<\/option>\n                                            <option value=\"7\">Juillet<\/option>\n                                            <option value=\"8\">Ao\u00fbt<\/option>\n                                            <option value=\"9\">Septembre<\/option>\n                                            <option value=\"10\">Octobre<\/option>\n                                            <option value=\"11\">Novembre<\/option>\n                                            <option value=\"12\">D\u00e9cembre<\/option>\n                                        <\/select>\n                                    <\/div>\n                                    <div class=\"input-wrapper\">\n                                        <select name=\"annee\">\n                                            <option value=\"\">Ann\u00e9es<\/option>\n                                            <option value=\"2026\">2026<\/option><option value=\"2027\">2027<\/option><option value=\"2028\">2028<\/option><option value=\"2029\">2029<\/option><option value=\"2030\">2030<\/option><option value=\"2031\">2031<\/option>                                        <\/select>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"group-full\">\n                        <!-- group 30% -->\n                        <div class=\"group-left\">\n                            <div class=\"section-title\">\n                                <div style=\"align-items: center; display: flex;\">\n                                    <div class=\"section-line\"><\/div>\n                                    <p class=\"section-text\">Signature Du Parrain\/Marraine<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- group 70% -->\n                        <div class=\"group-right\">\n                            <div class=\"signature-row\">\n                                <div class=\"form-group\">\n                                    <label>Ville<\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"text\" name=\"ville\" required>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"form-group\">\n                                    <label>Le<\/label>\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"date\" name=\"signature_date\" value=\"2026-11-14\" required>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group signature-form-group\">\n                                <label>Signature Du Parrain<span class=\"required\">*<\/span><\/label>\n                                <div class=\"signature-container\">\n                                    <canvas id=\"signature-pad\" class=\"signature-pad\" width=\"400\" height=\"200\"><\/canvas>\n                                    <button type=\"button\" class=\"clear-signature\" id=\"clear-signature\">\n                                        <svg width=\"24\" height=\"28\" viewBox=\"0 0 24 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M15.9998 0.666016H7.99984C6.53317 0.666016 5.33317 1.86602 5.33317 3.33268V6.66602H0.666504V7.99935H2.6665V24.666C2.6665 26.1327 3.8665 27.3327 5.33317 27.3327H18.6665C20.1332 27.3327 21.3332 26.1327 21.3332 24.666V7.99935H23.3332V6.66602H18.6665V3.33268C18.6665 1.86602 17.4665 0.666016 15.9998 0.666016ZM6.6665 3.33268C6.6665 2.59735 7.2645 1.99935 7.99984 1.99935H15.9998C16.7352 1.99935 17.3332 2.59735 17.3332 3.33268V6.66602H6.6665V3.33268ZM19.9998 24.666C19.9998 25.4014 19.4018 25.9993 18.6665 25.9993H5.33317C4.59784 25.9993 3.99984 25.4014 3.99984 24.666V7.99935H19.9998V24.666Z\" fill=\"#9CA4B3\"\/>\n                                            <path d=\"M9.99984 12H8.6665V21.3333H9.99984V12Z\" fill=\"#9CA4B3\"\/>\n                                            <path d=\"M15.3333 12H14V21.3333H15.3333V12Z\" fill=\"#9CA4B3\"\/>\n                                        <\/svg>\n                                    <\/button>\n                                    <input type=\"hidden\" name=\"signature\" id=\"signature-data\" required>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <div class=\"input-wrapper\">\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"autoriser_contact\" required>\n                                        <span>Autoriser SOS Village D'enfants D'utiliser Mes Coordonn\u00e9es Afin De Me Contacter Dans Le Cadre De Ce Parrainage<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"form-group\">\n                                <div class=\"input-wrapper\">\n                                    <label class=\"checkbox-label\">\n                                        <input type=\"checkbox\" name=\"confidentialite\" required>\n                                        <span>Il Est Essentiel De Prot\u00e9ger Les Droits Et La Dignit\u00e9 Des Enfants Faisant Partie De Nos Programmes De Parrainages Et De Ne Pas Exposer Leur Vie Au Public. En Cochant Cette Case, Vous Vous Engagez \u00c0 Traiter De Mani\u00e8re Confidentielle Les Informations Personnelles Qui Vous Seront Communiqu\u00e9es Sur Les Enfants Et Les Collaborateurs SOS, Telles Que Noms, Informations D'ordre Priv\u00e9 Et Photographies. Vous Vous Engagez \u00c0 Ne Pas Publier Et \u00c0 Ne Pas Communiquer \u00c0 Des Tiers Les Informations Qui Vous Seront Confi\u00e9es Et Ce, M\u00eame Apr\u00e8s Que Votre Parrainage Ait Pris Fin.<span class=\"required\">*<\/span><\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n                            <button type=\"submit\" class=\"submit-button\">VALIDER MON PARRAINAGE<\/button>\n                        <\/div>\n                    <\/div>\n                    \n                    <script>\n                    document.addEventListener(\"DOMContentLoaded\", function () {\n                        const personneRadio = document.getElementById(\"personne_radio\");\n                        const societeRadio = document.getElementById(\"societe_radio\");\n                        const dynamicFields = document.getElementById(\"dynamic-fields\");\n\n                        function renderFields(type) {\n                            if (type === \"societe\") {\n                                dynamicFields.innerHTML = `\n                                    <div class=\"form-group\">\n                                        <label>Raison sociale<span class=\"required\">*<\/span><\/label>\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"text\" name=\"Raison_sociale\" required>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <label>Matricule fiscale <span class=\"required\">*<\/span><\/label>\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"text\" name=\"Matricule_fiscale\" required>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <label>Premier responsable <span class=\"required\">*<\/span><\/label>\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"text\" name=\"Premier_responsable\" required>\n                                        <\/div>\n                                    <\/div>\n                                `;\n                            } else {\n                                dynamicFields.innerHTML = `\n                                    <div class=\"form-group\">\n                                        <label>Nom<span class=\"required\">*<\/span><\/label>\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"text\" name=\"nom\" required>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <label>Pr\u00e9nom<span class=\"required\">*<\/span><\/label>\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"text\" name=\"prenom\" required>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"form-group\">\n                                        <label>Profession<\/label>\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"text\" name=\"profession\">\n                                        <\/div>\n                                    <\/div>\n                                `;\n                            }\n                        }\n\n                        \/\/ Quand on change de type\n                        personneRadio.addEventListener(\"change\", function () {\n                            if (personneRadio.checked) {\n                                renderFields(\"personne\");\n                            }\n                        });\n\n                        societeRadio.addEventListener(\"change\", function () {\n                            if (societeRadio.checked) {\n                                renderFields(\"societe\");\n                            }\n                        });\n                    });\n                    <\/script>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\t\t\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\t\t\t<\/div>\n\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>Je deviens Parrain\/Marraine<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13169","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/pages\/13169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/comments?post=13169"}],"version-history":[{"count":0,"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/pages\/13169\/revisions"}],"wp:attachment":[{"href":"https:\/\/pre.sosve.tn\/en\/wp-json\/wp\/v2\/media?parent=13169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}