{"id":13175,"date":"2025-03-03T20:47:27","date_gmt":"2025-03-03T20:47:27","guid":{"rendered":"https:\/\/www.sos.hdeuxcode.com\/formulaire-zakat\/"},"modified":"2025-11-14T14:47:18","modified_gmt":"2025-11-14T14:47:18","slug":"formulaire-zakat","status":"publish","type":"page","link":"https:\/\/pre.sosve.tn\/fr\/formulaire-zakat\/","title":{"rendered":"Formulaire zakat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13175\" class=\"elementor elementor-13175 elementor-3087\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b43fd1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9b43fd1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c0cd733 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c0cd733\" 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-266376f elementor-widget elementor-widget-heading\" data-id=\"266376f\" 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\">Donner votre ZAKAT <br> <span style=\"font-size:36px!important\">parce que \u201caucun enfant ne devrait grandir seul\u201d<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30bde62 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"30bde62\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#zakat\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">donner la zakat maintenant<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-b9fda15 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b9fda15\" 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-ad7ccf7 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"ad7ccf7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5e85fc9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"5e85fc9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2092c2 elementor-widget elementor-widget-text-editor\" data-id=\"e2092c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tNous sommes tr\u00e8s reconnaissants de votre soutien gr\u00e2ce auquel les conditions de vie de milliers d\u2019enfants d\u00e9laiss\u00e9s et d\u00e9munis pourront \u00eatre am\u00e9lior\u00e9es.\nSi vous ne nous soutenez pas encore ou si vous d\u00e9sirez vous engager davantage,\n\n<strong>Envie de soutenir durablement un enfant ou un village ?<\/strong>\n<p style=\"font-size: 16px; text-align: center; max-width: 850px; margin: 0 auto;\"><a style=\"font-style: italic; text-decoration: underline; color: #de5a6c;\" href=\"formulaire-parrainage\">Parrainer<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fc9262 zakat-form association-donation-box elementor-widget elementor-widget-shortcode\" data-id=\"7fc9262\" data-element_type=\"widget\" id=\"zakat\" 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    <form id=\"donation-form\" class=\"donation-form\" method=\"post\" action=\"https:\/\/pre.sosve.tn\/wp-admin\/admin-post.php\">\n        <input type=\"hidden\" id=\"donation_nonce\" name=\"donation_nonce\" value=\"4ed8086ecd\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/13175\" \/>        \n        <input type=\"hidden\" name=\"action\" value=\"handle_donation_submission\">\n        \n        <input type=\"hidden\" name=\"amount\" id=\"donation_amount\" value=\"0\">\n        <input type=\"hidden\" name=\"campaign_id\" value=\"5\">\n                <input type=\"hidden\" name=\"order_id\" value=\"order_6af84a63bb4c6\">\n        <input type=\"hidden\" name=\"transaction_id\" value=\"transaction_6af84a63bb4c7\">\n        <input type=\"hidden\" name=\"pays\" id=\"pays\" value=\"\">\n        <div class=\"donation-desc-text\" style= \"margin-top:35px\">\n        <\/div>\n        <div class=\"top-row\">\n            <div class=\"payment-section-title\">\n                <div style=\"align-items: center; display: flex;\">\n                    <span class='payment-section-line'>&nbsp;<\/span>\n                    <p class=\"payment-section-text\">Mon <br\/> Don<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"amount-section\">\n                <h3 class=\"section-sub-title\" style=\"margin-top: 0;\">Choisissez Un Montant*<\/h3>\n                <div class=\"amount-buttons\">\n                                    <\/div>\n\n                                    <div class=\"custom-amount-input\" style=\"margin-top: 15px;\">\n                        <div class=\"input-wrapper\">\n                            <input type=\"number\" \n                                id=\"custom_amount\" \n                                placeholder=\"Entrez un montant personnalis\u00e9\"\n                                min=\"1\"\n                                style=\"width: 100%;\n                                        padding: 10px;\n                                        border: 1px solid #DFE3E8;\n                                        border-radius: 9px;\n                                        font-size: 16px;\n                                        color: #1C325D;\n                                        outline: none;\n                                        margin-bottom: 15px;\">\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n\n            <div class=\"project-section\">\n                                    <input id=\"motif\" type=\"hidden\" name=\"motif\" value=\"Faire la ZAKAT\">\n                            <\/div>\n        <\/div>\n\n        <div class=\"donation-form-layout\">\n                    \n        <div class=\"payment-section-title\">\n                <div style=\"align-items: center; display: flex;\">\n                    <span class=\"payment-section-line\">&nbsp;<\/span>\n                    <p class=\"payment-section-text\">Mes<br> Coordonn\u00e9es<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"donation-form-left\">\n                <div class=\"personal-info\">\n                    <div class=\"form-group\">\n                        <label for=\"nom\">Nom<span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Nom*\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"prenom\">Pr\u00e9nom<span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Pr\u00e9nom*\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"country-select\">Pays<span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                           <select name=\"pays\" id=\"country-select\" required>\n                            <option value=\"\">S\u00e9lectionnez un pays*<\/option>\n                            <option value=\"Tunisia\" data-code=\"216\" data-length=\"8\" selected>Tunisia (+216)<\/option>\n                            <option value=\"Algeria\" data-code=\"213\" data-length=\"9\">Algeria (+213)<\/option>\n                            <option value=\"Morocco\" data-code=\"212\" data-length=\"9\">Morocco (+212)<\/option>\n                            <option value=\"Libya\" data-code=\"218\" data-length=\"9\">Libya (+218)<\/option>\n                            <option value=\"Egypt\" data-code=\"20\" data-length=\"10\">Egypt (+20)<\/option>\n                            <option value=\"France\" data-code=\"33\" data-length=\"9\">France (+33)<\/option>\n                            <option value=\"Germany\" data-code=\"49\" data-length=\"10\">Germany (+49)<\/option>\n                            <option value=\"Italy\" data-code=\"39\" data-length=\"10\">Italy (+39)<\/option>\n                            <option value=\"Spain\" data-code=\"34\" data-length=\"9\">Spain (+34)<\/option>\n                            <option value=\"United Kingdom\" data-code=\"44\" data-length=\"10\">United Kingdom (+44)<\/option>\n                            <option value=\"United States\" data-code=\"1\" data-length=\"10\">United States (+1)<\/option>\n                            <option value=\"Canada\" data-code=\"1\" data-length=\"10\">Canada (+1)<\/option>\n                            <option value=\"Saudi Arabia\" data-code=\"966\" data-length=\"9\">Saudi Arabia (+966)<\/option>\n                            <option value=\"UAE\" data-code=\"971\" data-length=\"9\">UAE (+971)<\/option>\n                            <option value=\"Qatar\" data-code=\"974\" data-length=\"8\">Qatar (+974)<\/option>\n                            <option value=\"Kuwait\" data-code=\"965\" data-length=\"8\">Kuwait (+965)<\/option>\n                            <option value=\"Bahrain\" data-code=\"973\" data-length=\"8\">Bahrain (+973)<\/option>\n                            <option value=\"Oman\" data-code=\"968\" data-length=\"8\">Oman (+968)<\/option>\n                            <option value=\"Lebanon\" data-code=\"961\" data-length=\"8\">Lebanon (+961)<\/option>\n                            <option value=\"Jordan\" data-code=\"962\" data-length=\"9\">Jordan (+962)<\/option>\n                            <option value=\"Iraq\" data-code=\"964\" data-length=\"10\">Iraq (+964)<\/option>\n                            <option value=\"Syria\" data-code=\"963\" data-length=\"9\">Syria (+963)<\/option>\n                            <option value=\"Yemen\" data-code=\"967\" data-length=\"9\">Yemen (+967)<\/option>\n                            <option value=\"Palestine\" data-code=\"970\" data-length=\"9\">Palestine (+970)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"adresse\">Adresse<\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"text\" id=\"adresse\" name=\"adresse\" placeholder=\"Adresse\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group phone-group\">\n                        <label for=\"telephone\">T\u00e9l\u00e9phone<span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper phone-input-wrapper\">\n                            <span class=\"phone-prefix\">+216<\/span>\n                            <input type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"T\u00e9l\u00e9phone*\" required>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"form-group\">\n                        <label for=\"email\">E-mail<span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-wrapper\">\n                            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"E-Mail*\" required>\n                        <\/div>\n                    <\/div>\n\n                    \t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"social-share\" style=\"height:200px\">\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t        <div class=\"social-media-container social-media-share\">\n                            <div class=\"social-media-title\">C&#039;est g\u00e9nial de partager<\/div>\n                        \n            <div class=\"social-media-icons\">\n                <a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fpre.sosve.tn%2Ffr%2Fwp-json%2Fwp%2Fv2%2Fpages%2F13175\" class=\"social-icon share-icon\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Share on linkedin\"><img decoding=\"async\" src=\"https:\/\/pre.sosve.tn\/wp-content\/uploads\/2025\/05\/Social-Icons-1.svg\" alt=\"Share on linkedin\"><\/a><a href=\"https:\/\/www.instagram.com\/?url=https%3A%2F%2Fpre.sosve.tn%2Ffr%2Fwp-json%2Fwp%2Fv2%2Fpages%2F13175\" class=\"social-icon share-icon\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Share on Instagram\"><img decoding=\"async\" src=\"https:\/\/pre.sosve.tn\/wp-content\/uploads\/2025\/03\/Shopicons_Regular_Instagram.svg\" alt=\"Share on Instagram\"><\/a><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fpre.sosve.tn%2Ffr%2Fwp-json%2Fwp%2Fv2%2Fpages%2F13175\" class=\"social-icon share-icon\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Share on Facebook\"><img decoding=\"async\" src=\"https:\/\/pre.sosve.tn\/wp-content\/uploads\/2025\/03\/Shopicons_Regular_Facebook.svg\" alt=\"Share on Facebook\"><\/a><a href=\"mailto:?subject=Formulaire+zakat&#038;body=Formulaire+zakat+-+https%3A%2F%2Fpre.sosve.tn%2Ffr%2Fwp-json%2Fwp%2Fv2%2Fpages%2F13175\" class=\"social-icon share-icon\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Share on Mail\"><img decoding=\"async\" src=\"https:\/\/pre.sosve.tn\/wp-content\/uploads\/2025\/05\/Subtract-1.svg\" alt=\"Share on Mail\"><\/a>            <\/div>\n        <\/div>\n        \t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"donation-form-right\">\n                <div class=\"donation-summary\">\n                    <div style=\"padding:20px;\">\n                        <h3 style=\"margin:0px 0px 0px 0px;\">\n\t\t\t\t\t\tFaire la ZAKAT\t\t\t\t\t\t<\/h3>\n                        <div style=\"margin: 30px 0px 30px 0px; display: flex; justify-content: space-between;align-items: center\">\n\t\t\t\t\t\t<p style=\"margin:0px 0px 0px 0px; font-size:16px; font-weight:400;color:#1C325D\" class=\"motif-name\">\n\t\t\t\t\t\t\t                            Don du Zakat\t\t\t\n                            \t\t\t\t\t\t<\/p>\n                            <span class=\"donation-amount\" style=\"display:flex;font-weight: 400;font-size:20px; color:#009FE3;line-height:1;\"><span style=\"display:flex;font-weight: 400;font-size:20px; color:#009FE3;line-height:1;\" class=\"amount-value\">0<\/span> <span style=\"font-weight: 400;font-size:12px;margin-left: 5px;\">TND<\/span><\/span>\n                        <\/div>\n                        <div class=\"donation-summary-content\">\n                           \n                            <div class=\"summary-item\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" name=\"scheduled_pay\" id=\"scheduled_pay\" value=\"1\">\n                                    Rappel mensuel pour le don                                <\/label>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    <div class=\"summary-content\">\n                        <div class=\"amount-display\">\n                            <div style=\"padding : 18px 0px; border-top:1px solid #fff; border-bottom:1px solid #fff; display: flex; justify-content: space-between;width:100%;\">\n                                <span style=\"font-weight: 500;font-size:16px; color:#fff;line-height:1;\">Montant<\/span>\n                                <span style=\"font-weight: 700;font-size:24px; color:#fff;line-height:1; display:flex; gap:4px\" class=\"donation-amount\"><span style=\"color:#fff;font-size:24px\" class=\"amount-value\">0<\/span> <span style=\"font-weight: 800;font-size:14px;\">TND<\/span><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <p class=\"donation-message\" style=\"font-size:14px;color: #9CA4B3; padding: 0px 20px; margin-top: 60px;margin-bottom: 60px;\">\n                        Gr\u00e2ce \u00e0 vos dons ponctuels \u00e0 SOS Villages d'Enfants Tunisie, vous offrez \u00e0 des enfants une chance d'avoir un foyer chaleureux et un avenir meilleur; et vous donnez aux familles fragilis\u00e9es une chance de rester unies.                    <\/p>\n                    <div class=\"donation-form-actions\">\n                        <button type=\"button\" class=\"mastercard-payment-button\" data-amount=\"0\" data-order-id=\"order_6af84a63bb4c6\" data-transaction-id=\"transaction_6af84a63bb4c7\" data-description=\"\" data-nonce=\"6d8b81aa8e\">Faire la zakat maintenant<\/button>                        <script>\n                        jQuery(document).ready(function($) {\n                            \/\/ Function to validate the form\n                            function validateDonationForm() {\n                                var isValid = true;\n                                \/\/ Clear previous error styling\n                                $('.input-error').removeClass('input-error');\n                                \n                                \/\/ Validate amount selection\n                                var selectedAmount = $('#donation_amount').val();\n                                if (!selectedAmount || selectedAmount <= 0) {\n                                    isValid = false;\n                                    $('.amount-buttons').addClass('input-error');\n                                }\n                                \n                                \/\/ Validate motif if visible\n                                if ($('#motif').is(':visible') || $('#motif').prop('required')) {\n                                    if (!$('#motif').val()) {\n                                        isValid = false;\n                                        $('#motif').addClass('input-error');\n                                    }\n                                }\n                                \n                                \/\/ Validate personal information fields\n                                var requiredFields = ['nom', 'prenom', 'country-select', 'telephone', 'email', 'children'];\n                                \n                                requiredFields.forEach(function(fieldId) {\n                                    var $field = $('#' + fieldId);\n                                    if ($field.prop('required')) {\n                                        if (!$field.val()) {\n                                            isValid = false;\n                                            $field.addClass('input-error');\n                                        }\n                                    }\n                                });\n                                \n                                \/\/ Validate email format if not empty\n                                var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                                var email = $('#email').val();\n                                if (email) {\n                                    if (!emailRegex.test(email)) {\n                                        isValid = false;\n                                        $('#email').addClass('input-error');\n                                    }\n                                }\n                                \n                                \/\/ Validate phone number format if not empty\n                                var phone = $('#telephone').val();\n                                if (phone) {\n                                    \/\/ Remove any non-digit characters for validation\n                                    var digitsOnly = phone.replace(\/\\D\/g, '');\n                                    if (digitsOnly.length < 8) {\n                                        isValid = false;\n                                        $('#telephone').addClass('input-error');\n                                    }\n                                }\n                                \n                                \/\/ Validate any custom fields that are required\n                                $('input[required]').each(function() {\n                                    var $field = $(this);\n                                    if (!$field.val()) {\n                                        if (!requiredFields.includes($field.attr('id'))) {\n                                            isValid = false;\n                                            $field.addClass('input-error');\n                                        }\n                                    }\n                                });\n                                \n                                \/\/ No scrolling, just return validation result\n                                \n                                return isValid;\n                            }\n                            \n                            \/\/ Function to check if all required fields are filled\n                            function checkAllRequiredFields() {\n                                var allFieldsValid = true;\n                                \n                                \/\/ Check all inputs, selects, and textareas with required attribute\n                                $('#donation-form [required]').each(function() {\n                                    if (!$(this).val()) {\n                                        allFieldsValid = false;\n                                        $(this).addClass('input-error');\n                                    }\n                                });\n                                \n                                \/\/ Check if amount is selected\n                                var selectedAmount = $('#donation_amount').val();\n                                if (!selectedAmount || selectedAmount <= 0) {\n                                    allFieldsValid = false;\n                                    $('.amount-buttons').addClass('input-error');\n                                }\n                                \n                                \/\/ Validate email format if not empty\n                                var emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n                                var email = $('#email').val();\n                                if (email) {\n                                    if (!emailRegex.test(email)) {\n                                        allFieldsValid = false;\n                                        $('#email').addClass('input-error');\n                                    }\n                                }\n                                \n                                \/\/ Validate phone number format if not empty\n                                var phone = $('#telephone').val();\n                                if (phone) {\n                                    \/\/ Remove any non-digit characters for validation\n                                    var digitsOnly = phone.replace(\/\\D\/g, '');\n                                    if (digitsOnly.length < 8) {\n                                        allFieldsValid = false;\n                                        $('#telephone').addClass('input-error');\n                                    }\n                                }\n                                \n                                return allFieldsValid;\n                            }\n                            \n                            \/\/ Intercept form submission\n                            $('#donation-form').on('submit', function(e) {\n                                \/\/ Clear previous error styling\n                                $('.input-error').removeClass('input-error');\n                                \n                                \/\/ Check all required fields\n                                if (!checkAllRequiredFields()) {\n                                    e.preventDefault();\n                                    e.stopPropagation();\n                                    return false;\n                                }\n                            });\n                            \n                            \/\/ Add click event handler to the MasterCard button\n                            $('.mastercard-payment-button').on('click', function(e) {\n                                \/\/ Prevent the default action\n                                e.preventDefault();\n                                e.stopPropagation();\n                                \n                                \/\/ Clear previous error styling\n                                $('.input-error').removeClass('input-error');\n                                \n                                \/\/ Validate the form first\n                                if (!validateDonationForm() || !checkAllRequiredFields()) {\n                                    return false; \/\/ Stop if validation fails\n                                }\n                                \n                                \/\/ We'll let the MasterCard button script handle the URL modification and redirection\n                                \/\/ after the session is successfully created\n                                \n                                \/\/ Continue with the original event handlers\n                                $('.mastercard-payment-button').off('click');\n                                setTimeout(function() {\n                                    $('.mastercard-payment-button').trigger('click');\n                                }, 100);\n                            });\n                            \n                            \/\/ Add CSS for validation styling\n                            $('<style>\\n\\\n                                .input-error {\\n\\\n                                    border-color: #d9534f !important;\\n\\\n                                    box-shadow: 0 0 0 1px #d9534f !important;\\n\\\n                                }\\n\\\n                            <\/style>').appendTo('head');\n                        });\n                        <\/script>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n\n<\/div>\n\n\n<script>\njQuery(document).ready(function($) {\n    \/\/ Function to update amount displays\n    function updateAmount(amount) {\n        $('.amount-value').text(amount);\n        $('#donation_amount').val(amount);\n    }\n\n    \/\/ Set initial amount\n    updateAmount('0');\n\n    \/\/ Amount button handling\n    $('.amount-btn').click(function() {\n        $('.amount-btn').removeClass('active');\n        $(this).addClass('active');\n        \n        if (!$(this).hasClass('custom-amount')) {\n            const amount = $(this).data('amount');\n            updateAmount(amount);\n            $('.custom-amount-input').hide();\n        } else {\n            $('.custom-amount-input').show();\n        }\n    });\n\n    \/\/ Confirm custom amount\n    $('.confirm-amount').click(function() {\n        const customAmount = $('#custom_amount').val();\n        if (customAmount && !isNaN(customAmount) && customAmount > 0) {\n            updateAmount(customAmount);\n            $('.custom-amount-input').hide();\n            $('.amount-btn.custom-amount').addClass('active');\n        } else {\n            alert('Veuillez entrer un montant valide.');\n        }\n    });\n\n    \/\/ Update motif in summary when select changes (if motif select exists)\n    $('#motif').on('change', function() {\n        $('.motif-name').text($(this).val());\n    });\n\n    \/\/ Initialize with default value\n    if ($('#motif').length) {\n        $('.motif-name').text($('#motif').val());\n    }\n\n    \/\/ Update hidden pays field when country is selected\n\t $('#country-select').change(function() {\n\t\t\t\tvar $this = $(this);\n\t\t\t\tvar code = $this.find('option:selected').data('code');\n\t\t\t\tvar phoneLength = $this.find('option:selected').data('length');\n\t\t\t\tconsole.log('phone-prefix:', code);\n\t\t\t\tconsole.log('phone Length:', phoneLength);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t$('.phone-prefix').text('+' + code);\n\t\t\t\t}, 10);\n\n\t\t\t\tif (phoneLength) {\n\t\t\t\t\t$('#telephone').attr('maxlength', phoneLength);\n\t\t\t\t} else {\n\t\t\t\t\t$('#telephone').removeAttr('maxlength');\n\t\t\t\t}\n\t\t\t});\n\n    \/\/ Set default country value\n    $('#pays').val($('#country-select').val());\n});\n<\/script>\n<\/div>\n\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donner votre ZAKAT parce que \u201caucun enfant ne devrait grandir seul\u201d donner la zakat maintenant Nous sommes tr\u00e8s reconnaissants de votre soutien gr\u00e2ce auquel les conditions de vie de milliers d\u2019enfants d\u00e9laiss\u00e9s et d\u00e9munis pourront \u00eatre am\u00e9lior\u00e9es. Si vous ne nous soutenez pas encore ou si vous d\u00e9sirez vous engager davantage, Envie de soutenir durablement un enfant ou un village ? Parrainer<\/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-13175","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/13175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/comments?post=13175"}],"version-history":[{"count":6,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/13175\/revisions"}],"predecessor-version":[{"id":17392,"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/13175\/revisions\/17392"}],"wp:attachment":[{"href":"https:\/\/pre.sosve.tn\/fr\/wp-json\/wp\/v2\/media?parent=13175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}