{"id":2652,"date":"2023-09-05T06:47:37","date_gmt":"2023-09-05T10:47:37","guid":{"rendered":"https:\/\/wpcrm1.givelife365.com\/?page_id=2652"},"modified":"2026-02-23T08:29:15","modified_gmt":"2026-02-23T13:29:15","slug":"donate","status":"publish","type":"page","link":"https:\/\/demo.givelife365.com\/fr\/donate\/","title":{"rendered":"donate"},"content":{"rendered":"\n<div class=\"wp-block-icds-gutenberg-monaco-block\">  <script>\n    $ = jQuery;\n    $.ajax({\n                type: 'GET',\n                url: 'https:\/\/demo.givelife365.com\/wp-admin\/admin-ajax.php',\n                data: { action: 'fetch_cause_options' },\n                success: function(response) {\n                    var causeOptions = response.cause;\n                    var causeSelect = $('#causeoptionsid');\n                    causeSelect.empty();\n                    causeSelect.append($('<option>').text('Select Cause type').attr('value', ''));\n                   $.each(causeOptions, function(index, option) {\n                        causeSelect.append($('<option>').text(option.av_name).val(option.av_fundsid));\n                    });\n                },\n            });\n            \n            \n            $.ajax({\n                type: 'GET',\n                url: 'https:\/\/demo.givelife365.com\/wp-admin\/admin-ajax.php',\n                data: { action: 'fetch_fund_options' },\n                success: function(response) {\n                    \/\/var causeOptions = response.cause;\n                    var fundOptions = response.fund;\n                     var fundSelect = $('#fundoptionsid');\n                    fundSelect.empty();\n                    fundSelect.append($('<option>').text('Select Fund type').attr('value', ''));\n                    $.each(fundOptions, function(index, option) {\n                        fundSelect.append($('<option>').text(option.av_name).val(option.av_fundsid));\n                    });\n                },\n            });\n<\/script>\n \n  <section id=\"innerSection\">\n        <div class=\"container\">\n            <!-- <form id=\"donateForm\" class=\"formswrap\" action=\"#\"> -->\n            <form id=\"donateForm\" name=\"donateForm\" class=\"formswrap\" method=\"post\">\n                <div class=\"formWrap\">\n                    <div class=\"row\">\n                        <div class=\"col-md-12 col-sm-12\">\n                            <div class=\"feildCol radioGroup\">\n                                <div class=\"radio\">\n                                    <input name=\"frequency\" value=\"772350000\" type=\"radio\" value=\"\" id=\"donatenow\" checked=\"\">\n                                    <label for=\"donatenow\" class=\"radio-label\">Faites un don maintenant<\/label>\n                                    <input name=\"frequency\" value=\"772350001\" type=\"radio\" value=\"\" id=\"donatemonthly\">\n                                    <label for=\"donatemonthly\" class=\"radio-label\">Faire un don mensuel<\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <hr>\n                    <div class=\"row\">\n                        <div class=\"col-md-6 col-sm-12 donatefreleft\">\n                            <h2>Montant du don<\/h2>\n                            <div class=\"row\">\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <button class=\"freAmount\" value=\"25\">$25.00<\/button>\n                                    <button class=\"freAmount\" value=\"50\">$50.00<\/button>\n                                    <button class=\"freAmount\" value=\"75\">$75.00<\/button>\n                                    <button class=\"freAmount\" value=\"100\">$100.00<\/button>\n\t\t\t\t\t\t\t\t\t<div class=\"f-amount-block\">\n                                    <input id=\"amount\" name=\"amount\" type=\"number\" class=\"amount form-control\" placeholder=\"Donation Amount\">\n\t\t\t\t\t\t\t\t\t<\/div>\n                                    <span class=\"amount_error error text-danger\"><\/span>\n                                    <br>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <h2>Je voudrais soutenir<span class=\"text-danger\">*<\/span><\/h2>\n                                    <div class=\"feildCol radioGroup\">\n                                        <div class=\"radio\">\n                                            <input name=\"reason\" type=\"radio\" value=\"cause\" id=\"cause\">\n                                            <label for=\"cause\" class=\"radio-label\">Cause<\/label>\n                                            <input name=\"reason\" type=\"radio\" value=\"fund\" id=\"fund\">\n                                            <label for=\"fund\" class=\"radio-label\">Fonds<\/label>\n                                            <p><span class=\"reason_error error text-danger\"><\/span><\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"feildCol cause\" style=\"display:none\">\n                                        <div class=\"form-group\">\n                                            <select name=\"sel-cause\" id=\"causeoptionsid\" class=\"form-control\">\n                                            <\/select>\n                                            <span class=\"causeoptionsid_error error text-danger\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"feildCol fund\" style=\"display:none\">\n                                        <div class=\"form-group\">\n                                            <select name=\"sel-fund\" id=\"fundoptionsid\" class=\"form-control\">\n                                                <option value=\"\">S\u00e9lectionnez le type de fonds<\/option>\n                                                \n                                            <\/select>\n                                            <span class=\"fundoptionsid_error error text-danger\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <h2>Est-ce un cadeau hommage ?<\/h2>\n\n                                    <label class=\"control\">\n                                        Oui, c&rsquo;est un cadeau honorifique ou comm\u00e9moratif\n                                        <input type=\"checkbox\" id=\"trigift\" name=\"trigift\" value=\"Bike\">\n                                        <span class=\"checkmark\"><\/span>\n                                    <\/label>\n\n                                    <p>\n                                        <span style=\"font-weight:bold;\">\u00c0 la m\u00e9moire de<\/span> rend hommage \u00e0 une personne d\u00e9c\u00e9d\u00e9e.<br>\n                                        <span style=\"font-weight:bold;\">In Honor Of<\/span> marque une occasion sp\u00e9ciale pour un ami ou un membre de la famille.\n                                    <\/p>\n                                    <div class=\"feildCol tribute\" style=\"display:none\">\n                                        <select name=\"honor\" id=\"honor\" class=\"form-control\">\n                                            <option value=\"772350000\">\u00c0 la m\u00e9moire de<\/option>\n                                            <option value=\"772350001\">En l&rsquo;honneur de<\/option>\n                                        <\/select>\n                                        <div class=\" mt-2\">\n                                            <input id=\"bs_honor\" name=\"bs_honor\" type=\"text\" class=\"form-control\" placeholder=\"Nom de l'hommage\">\n                                            <span class=\"bs_honor_error error text-danger\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12 mt-3\">\n                                    <h2>D\u00e9tails de la carte<span class=\"text-danger\">*<\/span><\/h2>\n                                    <div class=\"form-group\">\n                                        <input id=\"cardnumber\" name=\"cardnumber\" type=\"text\" class=\"form-control\" placeholder=\"Entrez le num\u00e9ro de carte\">\n                                        <span class=\" cardnumber_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-6 col-sm-12\">\n                                <div class=\"form-group\">\n                                        <select id=\"cardexpireyear\" name=\"cardexpireyear\" class=\"form-control\">\n                                            <option value=\"\">S\u00e9lectionnez l&rsquo;ann\u00e9e d&rsquo;expiration<\/option>\n                                                                                                                                        <option value=\"2026\">2026<\/option>\n                                                                                            <option value=\"2027\">2027<\/option>\n                                                                                            <option value=\"2028\">2028<\/option>\n                                                                                            <option value=\"2029\">2029<\/option>\n                                                                                            <option value=\"2030\">2030<\/option>\n                                                                                            <option value=\"2031\">2031<\/option>\n                                                                                    <\/select>\n                                        <span class=\"cardexpireyear_error error text-danger\"><\/span>\n                                    <\/div>\n                                    <\/div>\n                                <div class=\"col-md-6 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <select id=\"cardexpiremonth\" name=\"cardexpiremonth\" class=\"form-control\"><\/select>\n                                        <span class=\"cardexpiremonth_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"cardcvc\" name=\"cardcvc\" type=\"number\" max=\"2\" min=\"3\"  class=\"form-control\" placeholder=\"Entrez le CVV de la carte\">\n                                        <span class=\"cardcvc_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-md-6 col-sm-12 donatefreright\">\n                            <h2>Coordonn\u00e9es<span class=\"text-danger\">*<\/span><\/h2>\n                            <div class=\"row\">\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <label class=\"control\">\n                                        Au nom d&rsquo;une entreprise\n                                        <input type=\"checkbox\" id=\"onbehalfofacompany\" name=\"onbehalfofacompany\" value=\"Bike\">\n                                        <span class=\"checkmark\"><\/span>\n                                    <\/label>\n                                <\/div>\n                                <div class=\"col-md-6 col-sm-12 companydetails\" style=\"display:none\">\n                                    <div class=\"form-group\">\n                                        <input id=\"company_name\" name=\"company_name\" type=\"text\" class=\"form-control\" placeholder=\"Nom de l'entreprise\">\n                                        <span class=\"company_name_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"col-md-6 col-sm-12 companydetails\" style=\"display:none\">\n                                    <div class=\"form-group\">\n                                        <input id=\"business_phone\" name=\"business_phone\" type=\"text\" class=\"form-control\" placeholder=\"Num\u00e9ro de t\u00e9l\u00e9phone professionnel\">\n                                        <span class=\"business_phone_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row\">\n                                <div class=\"col-md-6 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"first_name\" name=\"first_name\" type=\"text\" class=\"form-control\" value=\"\" placeholder=\"Pr\u00e9nom\">\n                                        <span class=\"first_name_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-6 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"last_name\" name=\"last_name\" type=\"text\" class=\"form-control\" value=\"\" placeholder=\"Nom de famille\">\n                                        <span class=\"last_name_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row\">\n\n                                <div class=\"col-md-6 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"email\" name=\"email\" type=\"email\" class=\"form-control email\" value=\"\" placeholder=\"Adresse email\">\n                                        <span class=\"email_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"col-md-6 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"phone_number\" name=\"phone_number\" class=\"form-control\" type=\"text\" value=\"\" placeholder=\"Num\u00e9ro de t\u00e9l\u00e9phone.\">\n                                        <span class=\" phone_number_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"row\">\n                                <!-- <div class=\"col-md-6 col-sm-12\">\n                                  <input type=\"text\" name=\"date\" class=\"form-control datepicker\" id=\"exampleInputEmail2\" placeholder=\"dd-mm-yyyy\">\n                                <\/div> -->\n                                        \n                                <div class=\"col-md-12 col-sm-12\" id=\"searchBoxContainer SearchAddress-form-group1\">\n                                    <h2>D\u00e9tails de l&rsquo;adresse<\/h2>\n                                        <div  id=\"SearchAddress-form-group\">\n                                                            <div class=\"form-group\">\n                                                                <label for=\"address\" class=\"form-label required\">Rechercher une adresse<\/label>\n                                                                <input type=\"text\" class=\"form-control\" id=\"SearchAddressfield\"  placeholder=\"Rechercher une adresse\">\n                                                            <\/div>\n                                        <\/div>\n                                <\/div>\n                              \n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"street\" name=\"street\" type=\"text\" class=\"form-control\" value=\"\" placeholder=\"Adresse Ligne 1\">\n                                        <span class=\"street_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"apartment\" name=\"apartment\" type=\"text\" class=\"form-control\" value=\"\" placeholder=\"Adresse Ligne 2\">\n                                        <span class=\"apartment_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input type=\"text\" name=\"city\" id=\"city\" class=\"form-control\" value=\"\" placeholder=\"Entrez dans la ville\">\n                                        <span class=\"city_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input type=\"text\" name=\"state\" id=\"state\" class=\"form-control\" value=\"\" placeholder=\"Entrez la province\">\n                                        <span class=\"state_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input type=\"text\" name=\"country\" id=\"country\" class=\"form-control\" value=\"\" placeholder=\"Entrez le pays\">\n                                        <span class=\"country_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"col-md-12 col-sm-12\">\n                                    <div class=\"form-group\">\n                                        <input id=\"zip\" name=\"zip\" type=\"text\" class=\"form-control\" value=\"\" placeholder=\"Code postal Ex: A1A1A1\">\n                                        <span class=\"zip_error error text-danger\"><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"anonymity\">\n                    <div class=\"row\">\n                        <div class=\"col-md-12 col-sm-12\">\n                            <h2>Pr\u00e9f\u00e9rence d&rsquo;anonymat<\/h2>\n                            <p>Souhaitez-vous \u00eatre reconnu publiquement par votre nom pour votre don ?<\/p>\n                            <div class=\"row\">\n                                <div class=\"col-md-8 col-sm-12\">\n                                    <div class=\"feildCol radioGroup\">\n                                        <div class=\"radio\">\n                                            <input name=\"checkbox\" type=\"radio\" value=\"\" id=\"yespublic\" checked=\"\">\n                                            <label for=\"yespublic\" class=\"radio-label\"><strong>Oui<\/strong>, vous pouvez publier mon nom afin de reconna\u00eetre publiquement mon don.<\/label>\n                                            <input name=\"checkbox\" type=\"radio\" value=\"\" id=\"nopublic\">\n                                            <label for=\"nopublic\" class=\"radio-label\"><strong>Non<\/strong>, you may not publish my name or thank me in any public fashion.<\/label>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <span class=\"error text-danger\" id=\"errormessage\"><\/span>\n                            <div class=\"row\">\n                                <div class=\"col-md-4 col-sm-12\">\n                                    <button type=\"submit\" id=\"sumbitbtn\" class=\"btn btn-primary\">Soumettre<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/section>\n    \n    \n    <script type=\"text\/javascript\">\n        jQuery(document).ready(function () {\n            function isFieldSelected(fieldName, fieldType, errorSelector, errorMessage) {\n                var field = jQuery(fieldName);\n\n                if (fieldType === 'radio') {\n                    if (field.filter(':checked').length === 0) {\n                        field.addClass('border border-danger');\n                        jQuery(errorSelector).text(errorMessage);\n                        return false;\n                    } else {\n                        field.removeClass('border border-danger');\n                        jQuery(errorSelector).text('');\n                        return true;\n                    }\n                } else if (fieldType === 'select') {\n                    if (field.val() === '') {\n                        field.addClass('border border-danger');\n                        jQuery(errorSelector).text(errorMessage);\n                        return false;\n                    } else {\n                        field.removeClass('border border-danger');\n                        jQuery(errorSelector).text('');\n                        return true;\n                    }\n                }\n            }\n\n            \/\/ Function to validate the card number\n            function validateCardNumber() {\n                var cardNumber = jQuery('#cardnumber').val();\n                if (cardNumber === '') {\n                    jQuery('#cardnumber').addClass('border border-danger');\n                    jQuery('.cardnumber_error').text('Card Number is required');\n                    return false;\n                } else if (!\/^\\d{13,16}$\/.test(cardNumber)) {\n                    jQuery('#cardnumber').addClass('border border-danger');\n                    jQuery('.cardnumber_error').text('Card Number must be 13 to 16 digits');\n                    return false;\n                } else {\n                    jQuery('#cardnumber').removeClass('border border-danger');\n                    jQuery('.cardnumber_error').text('');\n                    return true;\n                }\n            }\n\n            function validateCardCVV() {\n                var cardCVV = document.getElementById('cardcvc').value;\n                var cardCVVError = document.querySelector('.cardcvc_error');\n                if (cardCVV.length !== 3 || isNaN(cardCVV)) {\n                    cardCVVError.textContent = 'CVV must be 3 digits.';\n                    document.getElementById('cardcvc').classList.add('border', 'border-danger');\n                    return false;\n                } else {\n                    cardCVVError.textContent = '';\n                    document.getElementById('cardcvc').classList.remove('border', 'border-danger');\n                    return true;\n                }\n            }\n            \n            const card_cvv = document.getElementById(\"cardcvc\");\n            card_cvv.addEventListener('input', function(e) {\n            \tif (this.value.trim().length > 3) {\n            \t    this.value = this.value.slice(0, -1);\n                    return false;\n                }\n            });\n\n            function validateCompanyNameFields() {\n                var onbehalfofacompanyCheckbox = document.getElementById('onbehalfofacompany');\n                var company_nameInput = document.getElementById('company_name');\n                var company_nameError = document.querySelector('.company_name_error');\n                \/\/console.log(\"is_checked=>\"+onbehalfofacompanyCheckbox.checked)\n                if (onbehalfofacompanyCheckbox.checked) {\n                    if (company_nameInput.value.trim() === '') {\n                        company_nameError.textContent = 'Company Name is required.';\n                        company_nameInput.classList.add('border', 'border-danger');\n                        return false;\n                    } else {\n                        company_nameError.textContent = '';\n                        company_nameInput.classList.remove('border', 'border-danger');\n                        return true;\n                    }\n                } else {\n                    company_nameError.textContent = '';\n                    company_nameInput.classList.remove('border', 'border-danger');\n                    return true;\n                }\n            }\n            \n            $(document).on('focusout', '#cardnumber, #cardcvc', function () {\n                if ($(this).attr('id') === 'cardnumber') {\n                    validateCardNumber();\n                } else {\n                    validateCardCVV();\n                }\n            });\n\n            \/\/ Function to validate company phone fields\n            function validateCompanyPhoneFields() {\n                var business_phoneInput = document.getElementById('business_phone');\n                var business_phoneError = document.querySelector('.business_phone_error');\n                var onbehalfofacompanyCheckbox = document.getElementById('onbehalfofacompany');\n                \/\/console.log(\"is_checked=>\"+onbehalfofacompanyCheckbox.checked)\n                if (onbehalfofacompanyCheckbox.checked) {\n                    var phoneNumber = business_phoneInput.value.trim();\n\n                    if (phoneNumber === '') {\n                        business_phoneError.textContent = 'Business Phone Number is required.';\n                        business_phoneInput.classList.add('border', 'border-danger');\n                        return false;\n                    } else if (!\/^\\d{10}$\/.test(phoneNumber)) {\n                        business_phoneError.textContent = 'Please enter a valid phone number';\n                        business_phoneInput.classList.add('border', 'border-danger');\n                        return true;\n                    } else {\n                        business_phoneError.textContent = '';\n                        business_phoneInput.classList.remove('border', 'border-danger');\n                        return true;\n                    }\n                } else {\n                    \/\/ Reset validation messages and styles\n                    business_phoneError.textContent = '';\n                    business_phoneInput.classList.remove('border', 'border-danger');\n                    return true;\n                }\n            }\n            \n            const phoneno = document.getElementById(\"phone_number\");\n            phoneno.addEventListener('input', function(e) {\n            \tconst mobileNumber = this.value.trim();\n            \tif (this.value.trim().length > 10) {\n            \t    this.value = this.value.slice(0, -1);\n                    return false;\n                }\n            });\n            \n            const business_phone = document.getElementById(\"business_phone\");\n            business_phone.addEventListener('input', function(e) {\n            \tconst mobileNumber = this.value.trim();\n            \tif (this.value.trim().length > 10) {\n            \t    this.value = this.value.slice(0, -1);\n                    return false;\n                }\n            });\n\n            \/\/ Add event listeners for company fields validation\n            document.getElementById('company_name').addEventListener('input', validateCompanyNameFields);\n            document.getElementById('company_name').addEventListener('focusout', validateCompanyNameFields);\n            document.getElementById('business_phone').addEventListener('input', validateCompanyPhoneFields);\n            document.getElementById('business_phone').addEventListener('focusout', validateCompanyPhoneFields);\n\n            jQuery('#cardnumber').on('input', function () {\n                validateCardNumber();\n            });\n            \n            jQuery('#cardcvc').on('input', function () {\n                validateCardCVV();\n            });\n\n            \/\/ Function to validate the honor name\n            function validateBsHonor() {\n                var trigiftCheckbox = document.getElementById('trigift');\n                var bsHonorInput = document.getElementById('bs_honor');\n                var bsHonorError = document.querySelector('.bs_honor_error');\n                \/\/console.log(\"called =>\"+trigiftCheckbox.value)\n                if (trigiftCheckbox.checked && bsHonorInput.value.trim() === '') {\n                    bsHonorError.textContent = 'Tribute Name is Required.';\n                    bsHonorInput.classList.add('border', 'border-danger');\n                    return false;\n                } else {\n                    bsHonorError.textContent = '';\n                    bsHonorInput.classList.remove('border', 'border-danger');\n                    return true;\n                }\n            }\n\n            \/\/ Add event listener to the honor input field\n            document.getElementById('bs_honor').addEventListener('input', validateBsHonor);\n\n            \/\/ Function to validate the selected year and month\n            function validateCardExpiration() {\n                var selectedYear = document.getElementById('cardexpireyear').value;\n                var selectedMonth = document.getElementById('cardexpiremonth').value;\n\n                \/\/ Validate the selected year\n                if (selectedYear === '') {\n                    document.getElementById('cardexpireyear').classList.add('border', 'border-danger');\n                    document.querySelector('.cardexpireyear_error').textContent = 'Please select a year.';\n                    return false;\n                } else {\n                    document.getElementById('cardexpireyear').classList.remove('border', 'border-danger');\n                    document.querySelector('.cardexpireyear_error').textContent = '';\n                }\n\n                \/\/ Validate the selected month\n                if (selectedMonth === '') {\n                    \/\/document.getElementById('cardexpiremonth').classList.add('border', 'border-danger');\n                    document.querySelector('.cardexpiremonth_error').textContent = 'Please select a month.';\n                    return false;\n                } else {\n                    document.getElementById('cardexpiremonth').classList.remove('border', 'border-danger');\n                    document.querySelector('.cardexpiremonth_error').textContent = '';\n                    return true;\n                }\n            }\n            \n            function validateCardMonth() {\n                var selectedMonth = document.getElementById('cardexpiremonth').value;\n\n                \/\/ Validate the selected month\n                if (selectedMonth === '') {\n                    document.getElementById('cardexpiremonth').classList.add('border', 'border-danger');\n                    document.querySelector('.cardexpiremonth_error').textContent = 'Please select a month.';\n                    return false;\n                } else {\n                    document.getElementById('cardexpiremonth').classList.remove('border', 'border-danger');\n                    document.querySelector('.cardexpiremonth_error').textContent = '';\n                    return true;\n                }\n            }\n            function validateFirstName() {\n                    var firstNameInput = jQuery('#first_name');\n                    var firstNameError = jQuery('.first_name_error');\n                    var firstName = firstNameInput.val().trim();\n                    \n                    if (firstName === '') {\n                        firstNameInput.addClass('border border-danger');\n                        firstNameError.text('First Name is required');\n                        return false;\n                    } else {\n                        firstNameInput.removeClass('border border-danger');\n                        firstNameError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateLastName() {\n                    var lastNameInput = jQuery('#last_name');\n                    var lastNameError = jQuery('.last_name_error');\n                    var lastName = lastNameInput.val().trim();\n                    \n                    if (lastName === '') {\n                        lastNameInput.addClass('border border-danger');\n                        lastNameError.text('Last Name is required');\n                        return false;\n                    } else {\n                        lastNameInput.removeClass('border border-danger');\n                        lastNameError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateEmail() {\n                    var emailInput = jQuery('#email');\n                    var emailError = jQuery('.email_error');\n                    var email = emailInput.val().trim();\n                    \n                    if (email === '') {\n                        emailInput.addClass('border border-danger');\n                        emailError.text('Email is required');\n                        return false;\n                    } else if (!isValidEmail(email)) {\n                        emailInput.addClass('border border-danger');\n                        emailError.text('Please enter a valid email address');\n                        return false;\n                    } else {\n                        emailInput.removeClass('border border-danger');\n                        emailError.text('');\n                        return true;\n                    }\n                }\n                \n                function validatePhoneNumber() {\n                    var phoneInput = jQuery('#phone_number');\n                    var phoneError = jQuery('.phone_number_error');\n                    var phoneNumber = phoneInput.val().trim();\n                    \n                    if (phoneNumber === '') {\n                        return true;\n                       \/\/ phoneInput.addClass('border border-danger');\n                       \/\/ phoneError.text('Phone Number is required');\n                        \/\/return false;\n                    } else if (!isValidPhoneNumber(phoneNumber)) {\n                        phoneInput.addClass('border border-danger');\n                        phoneError.text('Please enter a valid phone number');\n                        return false;\n                    } else {\n                        phoneInput.removeClass('border border-danger');\n                        phoneError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateStreet() {\n                    var streetInput = jQuery('#Address');\n                    var streetError = jQuery('.street_error');\n                    var street = streetInput.val().trim();\n                    \n                    if (street === '') {\n                        streetInput.addClass('border border-danger');\n                        streetError.text('Street is required');\n                        return false;\n                    } else {\n                        streetInput.removeClass('border border-danger');\n                        streetError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateCity() {\n                    var cityInput = jQuery('#City');\n                    var cityError = jQuery('.city_error');\n                    var city = cityInput.val().trim();\n                    \n                    if (city === '') {\n                        cityInput.addClass('border border-danger');\n                        cityError.text('City is required');\n                        return false;\n                    } else {\n                        cityInput.removeClass('border border-danger');\n                        cityError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateState() {\n                    var stateInput = jQuery('#Stateorprovince');\n                    var stateError = jQuery('.state_error');\n                    var state = stateInput.val().trim();\n                    \n                    if (state === '') {\n                        stateInput.addClass('border border-danger');\n                        stateError.text('State is required');\n                        return false;\n                    } else {\n                        stateInput.removeClass('border border-danger');\n                        stateError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateCountry() {\n                    var countryInput = jQuery('#Country');\n                    var countryError = jQuery('.country_error');\n                    var country = countryInput.val().trim();\n                    \n                    if (country === '') {\n                        countryInput.addClass('border border-danger');\n                        countryError.text('Country is required');\n                        return false;\n                    } else {\n                        countryInput.removeClass('border border-danger');\n                        countryError.text('');\n                        return true;\n                    }\n                }\n                \n                function validateZip() {\n                    var zipInput = jQuery('#PostalCode');\n                    var zipError = jQuery('.zip_error');\n                    var zip = zipInput.val().trim();\n                    \n                    if (zip === '') {\n                        zipInput.addClass('border border-danger');\n                        zipError.text('ZIP Code is required');\n                        return false;\n                    } else {\n                        zipInput.removeClass('border border-danger');\n                        zipError.text('');\n                        return true;\n                    }\n                }\n                \n                function isValidEmail(email) {\n                    \/\/ Basic email validation regex\n                    var emailPattern = \/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$\/;\n                    return emailPattern.test(email);\n                }\n                \n                function isValidPhoneNumber(phoneNumber) {\n                    \/\/ Basic phone number validation regex (10 digits)\n                    var phonePattern = \/^\\d{10}$\/;\n                    return phonePattern.test(phoneNumber);\n                }\n                \/\/ First Name\n                jQuery('#first_name').on('input focusout', function () {\n                    validateFirstName();\n                });\n                \n                \/\/ Last Name\n                jQuery('#last_name').on('input focusout', function () {\n                    validateLastName();\n                });\n                \n                \/\/ Email\n                jQuery('#email').on('input focusout', function () {\n                    validateEmail();\n                });\n                \n                \/\/ Phone Number\n                jQuery('#phone_number').on('input focusout', function () {\n                    validatePhoneNumber();\n                });\n                \n                \/\/ Street\n                jQuery('#Address').on('input focusout', function () {\n                    validateStreet();\n                });\n                \n                \/\/ City\n                jQuery('#City').on('input focusout', function () {\n                    validateCity();\n                });\n                \n                \/\/ State\n                jQuery('#Stateorprovince').on('input focusout', function () {\n                    validateState();\n                });\n                \n                \/\/ Country\n                jQuery('#Country').on('input focusout', function () {\n                    validateCountry();\n                });\n                \n                \/\/ ZIP Code\n                jQuery('#PostalCode').on('input focusout', function () {\n                    validateZip();\n                });\n\n            \/\/ Add event listeners for the selected year and month\n            document.getElementById('cardexpireyear').addEventListener('change', validateCardExpiration);\n            document.getElementById('cardexpireyear').addEventListener('focusout', validateCardExpiration);\n            document.getElementById('cardexpiremonth').addEventListener('change', validateCardMonth);\n            document.getElementById('cardexpiremonth').addEventListener('focusout', validateCardMonth);\n\n            \/\/ Function to validate the entire form\n            function validateForm() {\n                var valid = true;\n               \/\/ \/\/console.log(valid)\n                var amount = jQuery('#amount').val();\n                            if (amount === '') {\n                                jQuery('#amount').addClass('border border-danger');\n                                jQuery('.amount_error').text('Please Enter Donation Amount');\n                                valid = false;\n                            } else if (parseFloat(amount) > 999999.99) {\n                                jQuery('#amount').addClass('border border-danger');\n                                jQuery('.amount_error').text('Amount must be no more than 999999.99');\n                                valid = false;\n                            }else {\n                                jQuery('#amount').removeClass('border border-danger');\n                                jQuery('.amount_error').text('');\n                }\n               \/\/ \/\/console.log(valid)\n                \/\/ Check radio buttons for 'reason' field\n                if (!isFieldSelected('input[name=reason]', 'radio', '.reason_error', 'Please Select Either One Of The Reason')) {\n                    valid = false;\n                }\n                \n                if ($('#cause').is(':checked')) {\n                    if (!isFieldSelected('#causeoptionsid', 'select', '.causeoptionsid_error', 'Cause Need To Be Selected')) {\n                        valid = false;\n                    }\n                } else if ($('#fund').is(':checked')) {\n                    if (!isFieldSelected('#fundoptionsid', 'select', '.fundoptionsid_error', 'Fund Need To Be Selected')) {\n                        valid = false;\n                    }\n                }\n               \n                \n\n                if (!validateCardNumber()) {\n                    valid = false;\n                }\n                \/\/console.log(\"A=>\"+valid)\n                if (!validateCardCVV()) {\n                    valid = false;\n                }\n                \/\/console.log(\"B=>\"+valid)\n                if (!validateCompanyNameFields()) {\n                    valid = false;\n                }\n                \/\/console.log(\"C=>\"+valid)\n                if (!validateCompanyPhoneFields()) {\n                    valid = false;\n                }\n                \/\/console.log(valid)\n                \n                if (!validateBsHonor()) {\n                    valid = false;\n                }\n                \/\/console.log(valid)\n                if (!validateCardExpiration()) {\n                    valid = false;\n                }\n                 if (!validateCardMonth()) {\n                    valid = false;\n                }\n                \n                \/\/console.log(valid)\n              \/\/ Validate First Name\n                if (!validateFirstName()) {\n                    valid = false;\n                }\n                \/\/console.log(valid)\n            \n                \/\/ Validate Last Name\n                if (!validateLastName()) {\n                    valid = false;\n                }\n            \/\/console.log(valid)\n                \/\/ Validate Email\n                if (!validateEmail()) {\n                    valid = false;\n                }\/\/console.log(valid)\n            \n                \/\/ Validate Phone Number\n                if (!validatePhoneNumber()) {\n                    valid = false;\n                }\n            \n                \/\/ Validate Street\n                if (!validateStreet()) {\n                    valid = false;\n                }\n            \/\/console.log(valid)\n                \/\/ Validate City\n                if (!validateCity()) {\n                    valid = false;\n                }\n            \/\/console.log(valid)\n                \/\/ Validate State\n                if (!validateState()) {\n                    valid = false;\n                }\n            \/\/console.log(valid)\n                \/\/ Validate Country\n                if (!validateCountry()) {\n                    valid = false;\n                }\n            \/\/console.log(valid)\n                \/\/ Validate ZIP Code\n                if (!validateZip()) {\n                    valid = false;\n                }\n                \/\/console.log(valid)\n                return valid;\n            }\n\n            \/\/ Submit form when the submit button is clicked\n            jQuery('#sumbitbtn').click(function (e) {\n                e.preventDefault();\n                var formValid = validateForm();\n                \/\/console.log(formValid)\n                if (formValid) {\n                            var cardnumber = $(\"#cardnumber\").val();\n                            var cardexpmonth = $(\"#cardexpiremonth\").val();\n                            var cardExpYear = $(\"#cardexpireyear\").val();\n                            var cardCvc = $(\"#cardcvc\").val();\n                            var name = $(\"#company_name\").val();\n                            var telephone1 = $(\"#business_phone\").val();\n                            var firstname = $(\"#first_name\").val();\n                            var lastname = $(\"#last_name\").val();\n                            var emailaddress1 = $(\"#email\").val();\n                            var customerPhone = $(\"#phone_number\").val();\n                            var amount = $(\".amount\").val();\n                            var address1_line1 = $(\"#Address\").val();\n                            var address1_city = $(\"#City\").val();\n                            var address1_stateorprovince = $(\"#Stateorprovince\").val();\n                            var address1_country = $(\"#Country\").val();\n                            var address1_postalcode = $(\"#PostalCode\").val();\n                           \n                            var reason = $(\"input[name='reason']:checked\").val();\n                            var causeValue = null;\n                            var fundValue = null;\n                        \n                            if (reason === \"cause\") {\n                                causeValue = $(\"#causeoptionsid\").val();\n                            } else if (reason === \"fund\") {\n                                causeValue = $(\"#fundoptionsid\").val();\n                            }\n                            \n                            var reason = $(\"input[name='reason']:checked\").val();\n                           \/\/ var causeValue = null;\n                           \/\/ var fundValue = null;\n                            \n                           \n                            var av_paymentfrequency = $('input[name=\"frequency\"]:checked').val();\n                            var av_transactiontype = 772350000; \/\/ 772350000=> For Donation\n                            console.log(av_paymentfrequency)\n                            var jsonData = {\n                                \"cardnumber\": cardnumber,\n                                \"cardexpmonth\": cardexpmonth,\n                                \"cardExpYear\": cardExpYear,\n                                \"cardCvc\": cardCvc,\n                                \"name\": name,\n                                \"telephone1\": telephone1,\n                                \"firstname\": firstname,\n                                \"lastname\": lastname,\n                                \"emailaddress1\": emailaddress1,\n                                \"customerPhone\": customerPhone,\n                                \"paymentMethodType\": \"card\",\n                                \"amount\": amount,\n                                \"address1_line1\": address1_line1,\n                                \"address1_city\": address1_city,\n                                \"address1_stateorprovince\": address1_stateorprovince,\n                                \"address1_country\": address1_country,\n                                \"address1_postalcode\": address1_postalcode,\n                                \"currency\": \"CAD\",\n                                \"description\": \"Donation\",\n                                \"cause\": causeValue,\n                                \"av_anonymity\": true,\n                                \"honourof\": $('#bs_honor').val(),\n                                \"preferredcontactmethodcode\": 2,\n                                \"av_paymentfrequency\":  parseInt(av_paymentfrequency),\n                                \"av_transactiontype\":  parseInt(av_transactiontype)\n                            };\n                            $('#loader').removeClass('hidden')\n                            $.ajax({\n                                    url: \"https:\/\/glwpintegrationsdemo.azurewebsites.net\/api\/Givelife3CRMfunctionDonation?\",\n                                    type: \"POST\",\n                                    dataType: \"json\",\n                                    data: JSON.stringify(jsonData),\n                                    contentType: \"application\/json\",\n                                    success: function(response) {\n                                        console.log(response)\n                                        if(response.Error != ''){\n                                            $('#errormessage').html(response.Error)\n                                            $('#loader').addClass('hidden')\n                                        }else{\n                                            window.location.href = 'https:\/\/demo.givelife365.com\/thank-you-donate';\n                                        }\n                                       \n                                    },\n                                    error: function(xhr, textStatus, errorThrown) {\n                                        console.error(\"Error updating data:\", textStatus, errorThrown);\n                                    }\n                            });\n                        \n                }\n            });\n\n            \/\/ Handle radio button changes for 'reason' field\n            jQuery(document).on('change', 'input[type=radio][name=reason]', function () {\n                if ($(this).val() == \"fund\") {\n                    $(\".fund\").show(500);\n                    $(\".cause\").hide(500);\n                    isFieldSelected('#fundoptionsid', 'select', '.fundoptionsid_error', 'Fund Need To Be Selected');\n                } else {\n                    $(\".fund\").hide(500);\n                    $(\".cause\").show(500);\n                    isFieldSelected('#causeoptionsid', 'select', '.causeoptionsid_error', 'Cause Need To Be Selected');\n                }\n            });\n\n            \/\/ Handle checkbox changes for 'trigift' field\n            jQuery(document).on('change', 'input[name=trigift]', function () {\n                if ($(this).is(':checked')) {\n                    $(\".tribute\").show(500);\n                } else {\n                    $(\".tribute\").hide(500);\n                }\n            });\n\n            \/\/ Handle checkbox changes for 'onbehalfofacompany' field\n            jQuery(document).on('change', 'input[name=onbehalfofacompany]', function () {\n                if ($(this).is(':checked')) {\n                    $(\".companydetails\").show(500);\n                } else {\n                    $(\".companydetails\").hide(500);\n                }\n            });\n\n            \/\/ Handle the 'freAmount' buttons\n            $('.freAmount').click(function () {\n                $(\".freAmount\").removeClass(\"active\");\n                $(this).addClass(\"active\");\n                $('#amount').val($(this).val());\n                $('#amount').trigger('change');\n                return false;\n            });\n\n\n            document.getElementById('cardexpireyear').addEventListener('change', function () {\n            var selectedYear = this.value;\n            var monthSelect = document.getElementById('cardexpiremonth');\n\n            \/\/ Remove existing options\n            monthSelect.innerHTML = '<option value=\"\">Select Month<\/option>';\n\n            \/\/ Get the current month and year\n            var currentDate = new Date();\n            var currentYear = currentDate.getFullYear();\n            var currentMonth = currentDate.getMonth() + 1; \/\/ Month is zero-based\n\n            \/\/ If the selected year is the current year, show only future months\n            if (selectedYear === currentYear.toString()) {\n                for (var i = currentMonth; i <= 12; i++) {\n                    var month = i < 10 ? '0' + i : i.toString();\n                    monthSelect.innerHTML += '<option value=\"' + month + '\">' + month + '<\/option>';\n                }\n            } else {\n                \/\/ If a different year is selected, show all 12 months\n                for (var i = 1; i <= 12; i++) {\n                    var month = i < 10 ? '0' + i : i.toString();\n                    monthSelect.innerHTML += '<option value=\"' + month + '\">' + month + '<\/option>';\n                }\n            }\n        });\n         document.getElementById('amount').addEventListener('change', function () { \n             if (amount === '') {\n                jQuery('#amount').addClass('border border-danger');\n                jQuery('.amount_error').text('Please Enter Donation Amount');\n                valid = false;\n            } else if (parseFloat(amount) > 999999.99) {\n                jQuery('#amount').addClass('border border-danger');\n                jQuery('.amount_error').text('Amount must be no more than $999,999.99');\n                valid = false;\n            } else {\n                jQuery('#amount').removeClass('border border-danger');\n                jQuery('.amount_error').text('');\n            }\n        });\n         $('.freAmount').on('click',function(){\n              if (amount === '') {\n                    jQuery('#amount').addClass('border border-danger');\n                    jQuery('.amount_error').text('Please Enter Donation Amount');\n                    valid = false;\n            }else if (parseFloat(amount) > 999999.99) {\n                jQuery('#amount').addClass('border border-danger');\n                jQuery('.amount_error').text('Amount must be no more than $999,999.99');\n                valid = false;\n            } else {\n                    jQuery('#amount').removeClass('border border-danger');\n                    jQuery('.amount_error').text('');\n                }\n         })\n         \n            $('input[name=\"reason\"]').on('change', function() {\n                $('.reason_error').html('');\n            });\n            $('#fundoptionsid').on('change', function() {\n                $('.fundoptionsid_error').html('');\n            });\n            \n            \/\/ Add an event listener to #causeoptionsid to clear the error message when it changes\n            $('#causeoptionsid').on('change', function() {\n                $('.causeoptionsid_error').html('');\n            });\n            $('#cardexpiremonth').on('change', function() {\n                var selectedMonth = $(this).val();\n            \n                        if (selectedMonth !== '') {\n                            $('.cardexpiremonth_error').text('')\n                        } \n            });\n        \n        \n            var d = new Date();\n            var m = d.getMonth();\n            $('#cardexpiremonth').append($('<option><\/option>').val('').html('Select Expire Month'));\n            for (var i = 1; i <= 12; i++) {\n                if (m < i)\n                    $('#cardexpiremonth').append($('<option><\/option>').val(i).html(i));\n            }\n            \n        \n        });\n    <\/script>\n   \n    \n \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":"","meta":{"footnotes":""},"class_list":["post-2652","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/pages\/2652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/comments?post=2652"}],"version-history":[{"count":50,"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/pages\/2652\/revisions"}],"predecessor-version":[{"id":3761,"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/pages\/2652\/revisions\/3761"}],"wp:attachment":[{"href":"https:\/\/demo.givelife365.com\/fr\/wp-json\/wp\/v2\/media?parent=2652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}