{"id":2007,"date":"2023-08-18T09:29:17","date_gmt":"2023-08-18T13:29:17","guid":{"rendered":"https:\/\/wpcrm1.givelife365.com\/?page_id=2007"},"modified":"2026-03-05T14:08:33","modified_gmt":"2026-03-05T19:08:33","slug":"eventdetails","status":"publish","type":"page","link":"https:\/\/demo2.givelife365.com\/fr\/eventdetails\/","title":{"rendered":"eventdetails"},"content":{"rendered":"\n<div class=\"wp-block-icds-gutenberg-monaco-block\"> \n\n\n <div id=\"loader\" class=\"hidden\">\n            <div class=\"loader\"><\/div>\n        <\/div>\n        <style>\n            #loader {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(255, 255, 255, 0.7);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n}\n\n.loader {\n    border:5px solid #ddd;\n    border-top: 5px solid #BF2E47;\n    border-radius: 50%;\n    width:50px;\n    height: 50px;\n    animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n<\/style>\n\n<script>\n    $ = jQuery;\n $(document).ready(function() {\n  $(\"#signout-url\").click(function() {\n    jQuery(\"#loader\").removeClass(\"hidden\");\n    window.location.href = 'https:\/\/GL3DevTenant.b2clogin.com\/GL3DevTenant.onmicrosoft.com\/B2C_1_WordpressTest\/oauth2\/v2.0\/logout?post_logout_redirect_uri=https:\/\/wpcrm1.givelife365.com\/logout-handler';\n   \n  });\n}); \n<\/script>\n<section class=\"eventcontent\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-12\">\n                <div><a href=\"\/eventhome\" class=\"back2Btn\">  Back<\/a><\/div>\n            <\/div>\n            <div class=\"col-md-12\">\n                <div class=\"contentdetails\">\n                    <div class=\"detailsbanner\">\n                        <div class=\"bannerdetailsblur\" id=\"backlistdetails\">\n                            <img decoding=\"async\" src=\"data:image\/jpeg;base64,\">\n                        <\/div>\n                        <div class=\"bannerdetailsfront\" id=\"listdetails\">\n                            <img decoding=\"async\" src=\"data:image\/jpeg;base64,\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"detailstitle\" id=\"myHeader\">\n                        <h3><\/h3>\n                        <div class=\"row\">\n                            <div class=\"col-lg-9 col-md-8 col-sm-8 col-xs-12\">\n                                <div class=\"cardinnertxt\">\n                                    <ul>\n                                        <li class=\"dateTxt\">\n                                            <img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-crm\/assets\/images\/calendarblack.svg\">\n                                            Wed, Jun 10, 2026 | 8:11 AM\n                                        <\/li>\n                                        \n                                        \n                                                                                  \n                                           \n                                        <\/ul>\n                                <\/div>\n                            <\/div>\n                            <div class=\"col-lg-3 col-md-4 col-sm-4 col-xs-12\">\n                                <div class=\"registerMob align-center d-flex justify-center\">\n                                                                             <div class=\"freetxt\">Free<\/div>\n                                                                        \n                                                                                                                                                   <a ><div class=\"btn registerBtn\">\n                                         Closed                                        <\/div><\/a>\n                                                                       <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"detailsTxt\">\n                        <h4>Description<\/h4>\n                        <div><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Modal and JavaScript code -->\n\n \n<div class=\"modal right fade eventmodal\" id=\"myModal2\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel2\"\n    data-backdrop=\"static\" data-keyboard=\"false\">\n    <div class=\"modal-dialog\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-body\">\n\n          <div id=\"step1\" style=\"display:none;\">\n            <form>\n              <div class=\"modal-header\">\n              <h4> <\/h4>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-crm\/assets\/images\/close.svg\"><\/span>\n                <\/button>\n              <\/div>\n              <div class=\"row\">\n                <div class=\"col-lg-8 col-md-8\">\n                  <div class=\"cardinnertxt modalleftside\">\n                    <h3><\/h3>\n                    <ul>\n                      <li class=\"dateTxt\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-crm\/assets\/images\/calendarblack.svg\">\n                       06\/10\/26 8:11 AM &#8211;  06\/10\/26 8:11 AM<\/li>\n    \n                                            <\/ul>\n                    <div class=\"clearfix\"><\/div>\n                    <div class=\"line\"><\/div>\n                    <div class=\"generalTxt\">\n                      <div class=\"row\">\n                        <div class=\"col-lg-8 col-md-8 col-sm-8\"> \n                          <h4>General Admission<\/h4>\n                          <div class=\"paidTxt\" id=\"paid_text\" data-amt=\"\">                            \n                                                          $0\n                                                      <\/div>\n                          <!-- <div class=\"freetxt hidden\"> free<\/div> -->\n                          <p>Sales end on Jun 9, 2026<\/p>\n\n                        <\/div>\n                        <div class=\"col-lg-4 col-md-4 col-sm-4\">\n                          <div class=\"form-group\">\n                            <label class=\"required\">Number Of Tickets<\/label>\n                            <select class=\"form-control\" id=\"numberTickets\">\n                                                            <option selected value=\"1\">1<\/option>\n                              <option value=\"2\">2<\/option>\n                              <option value=\"3\">3<\/option>\n                              <option value=\"4\">4<\/option>\n                              <option value=\"5\">5<\/option> \n                            <\/select>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n\n                    <div class=\"generalTxt contactInfo \">\n                      <div class=\"row\">\n                        <div class=\"col-lg-12 col-md-12\">\n\n                          <h3>Contact information<\/h3>\n                          <div class=\"table-responsive  \">\n                            <table class=\"table table-bordered contactTable\" id=\"contact_info\">\n                              <thead>\n                                <tr>\n                                  <th scope=\"col\">First Name<\/th>\n                                  <th scope=\"col\">Last Name <\/th>\n                                  <th scope=\"col\">Email Address <\/th> \n                                <\/tr>\n                              <\/thead>\n                              <tbody><\/tbody>\n                            <\/table>\n                          <\/div>\n\n                          <div class=\"cardDetials\">\n                            <div class=\"row\">\n                              <div class=\"col-lg-12\">\n                                <h4>Card Details <\/h4>\n                              <\/div>\n                            <\/div>\n\n                            <div class=\"cardDetialsNo\"> \n                              <div class=\"row\">\n                                <div class=\"col-lg-4 col-md-4 col-sm-5 col-12\">\n                                  <div class=\"form-group\">\n                                    <label for=\"cardNumber\" class=\"required card-detail\">Card Number <\/label>\n                                    <input id=\"cardnumber\" name=\"cardnumber\" type=\"number\" class=\"form-control number_only\"\n                                      maxlength=\"16\" placeholder=\"Enter Card Number\">\n                                    <span class=\"text-danger\" id=\"cardnumber_error\"><\/span>\n                                  <\/div>\n                                <\/div>\n\n                                <div class=\"col-lg-8 col-md-8 col-sm-7 col-12\">\n                                  <div class=\"row\">\n                                    <div class=\"col-lg-4 col-md-4 col-sm-4 col-12 \">\n                                      <div class=\"form-group\">\n                                        <label for=\"cardexpireyear\" class=\"required card-detail\">Expiry Year<\/label>\n                                        <select id=\"cardexpireyear\" class=\"form-control \"\n                                          name=\"cardexpireyear\"><\/select>\n                                        <span id=\"cardexpireyear_error\" class=\"text-danger\"><\/span>\n                                      <\/div>\n                                    <\/div>\n                                    <div class=\"col-lg-4 col-md-4 col-sm-4 col-12 \">\n                                      <div class=\"form-group\">\n                                        <label for=\"cardexpiremonth\" class=\"required card-detail\">Expiry Month <\/label>\n                                        <select id=\"cardexpiremonth\" class=\"form-control \"\n                                          name=\"cardexpiremonth\"><\/select>\n                                        <span id=\"cardexpiremonth_error\" class=\"text-danger\"><\/span>\n                                      <\/div>\n                                    <\/div>\n                                    <div class=\"col-lg-4 col-md-4 col-sm-4 col-12 \">\n                                      <div class=\"form-group\">\n                                        <label for=\"cardcvc\" class=\"required card-detail\">CVV <\/label>\n                                        <input id=\"cardcvc\" name=\"cardcvc\" type=\"number\" class=\"form-control number_only\"\n                                          placeholder=\"Enter CVV\">\n                                        <span id=\"cardcvc_error\" class=\"text-danger\"><\/span>\n                                      <\/div>\n                                    <\/div>\n                                  <\/div>\n\n                                <\/div>\n                              <\/div>\n\n                            <\/div>\n                          <\/div>\n                        <\/div>\n\n                      <\/div>\n                    <\/div>\n\n                  <\/div>\n                <\/div>\n                <div class=\"col-lg-4 col-md-4\">\n                \n                  <div class=\"modalrightside\">\n                     <img decoding=\"async\" src=\"data:image\/jpeg;base64,\">\n                    <div class=\"ordersummary\">\n                      <h4>Order summary<\/h4>\n                      <div class=\"orderTxt\">\n                        <ul>\n                          <li> <span id=\"no_of_ticket\">1<\/span> x General Admission<\/li>\n                          <li>\n                                                          $0\n                                                      <\/li>\n                        <\/ul>\n                      <\/div>\n                      <div class=\"line\"><\/div>\n                      <div class=\"orderTxt totalTxt\">\n                        <ul>\n                          <li> Total<\/li>\n                          <li id=\"total_amt\">$<\/li>\n                        <\/ul>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-footer1\">\n                <div class=\"row\">\n                  <div class=\"col-lg-8 col-md-8 \">\n                    <div type=\"button\" class=\"btn registerBtn place_order\" id=\"registerBtn2\"><i class=\"fa fa-spinner fa-spin\"><\/i><span>Place Order<\/span><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/form> \n          <\/div> \n\n          <!-------------Step3----------->\n\n          <div id=\"step3\" style=\"display:none;\">\n            <form>\n              <div class=\"modal-header\">\n          <h4><\/h4>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                  <span aria-hidden=\"true\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-crm\/assets\/images\/close.svg\"><\/span>\n                <\/button>\n              <\/div>\n              <div class=\"thankTxt\"> \n                <div class=\"col-lg-10 col-md-12 col-lg-offset-2\">\n                  <h5><img decoding=\"async\" src=\"images\/successfully.svg\"> \u200bThank you for order! <span> #654652 <\/span><\/h5> \n                <\/div>\n                <div class=\"clearfix\"><\/div>\n                <div class=\"line\"><\/div>\n                <div class=\"col-lg-9 col-md-12 col-lg-offset-2\">\n                  <div class=\"cardinnertxt modalleftside\">\n                    <h3><\/h3>\n                    <ul>\n                      <li class=\"dateTxt\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-crm\/assets\/images\/calendarblack.svg\">\n                        Wed, Jun 10, 2026 | 8:11 AM<\/li>\n                      <li><img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-crm\/assets\/images\/map.svg\">\n                         <\/li>\n                    <\/ul>\n                    <div class=\"sentticket\">\n                      <h5><span class=\"num_of_ticket\"><\/span> Ticket Set To<\/h5>\n                      <h6>john@gmail.com<\/h6>\n                    <\/div>\n                    <div class=\"clearfix\"><\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"col-lg-9 col-md-12 col-lg-offset-2\">\n                  <div class=\"d-flex\">\n                    <div class=\"btn printTicketBtn\">Print Ticket<\/div>\n                    <div> <a href=\"\/eventhome\" class=\"cancelTicketBtn\"> Back Home <\/a><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/form>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n                                                                               <script src='https:\/\/demo2.givelife365.comwp-includes\/js\/jquery\/jquery.min.js' id='jquery-core-js'><\/script>                                    \n\n            <style>\n\n                .cardDetials{\n\n                    display:none;\n\n                }\n\n            <\/style>\n\n        \n\n\n\n\n    <script>\n\n        $ = jQuery;\n\n        \/\/ Function to construct the dataToUpdate object\n\n        function createDataToUpdate() {\n\n            var crmContactId = ''; \n\n            var cardNumber = $(\"#cardnumber\").val();\n\n            var cardexpmonth = $(\"#cardexpiremonth\").val();\n\n            var cardExpYear = $(\"#cardexpireyear\").val();\n\n            var cardCvc = $(\"#cardcvc\").val();\n\n            var currency = \"CAD\";\n\n            var description = \"Event Fee\";\n\n            var customerName = \"\";\n\n            var customerEmail = \"\"; \n\n            var customerPhone =\"\";\n\n            var paymentMethodType = \"card\"; \n\n            var amount = parseFloat($(\"#total_amt\").text().replace('$', ''));\n\n            var av_numberoftickets = parseInt($(\"#numberTickets\").val());\n\n            var av_event = '';\n\n\n\n            var otherparticipants = [];\n\n            $(\"#contact_info tbody tr:gt(0)\").each(function () {\n\n                var firstname = $(this).find(\"td:eq(0) input\").val();\n\n                var lastname = $(this).find(\"td:eq(1) input\").val();\n\n                var email = $(this).find(\"td:eq(2) input\").val();\n\n            \n\n                if (firstname && lastname && email) {\n\n                    otherparticipants.push({\n\n                        \"firstname\": firstname,\n\n                        \"lastname\": lastname,\n\n                        \"email\": email\n\n                    });\n\n                }\n\n            });\n\n\n\n\n\n            \/\/ Construct the dataToUpdate object\n\n            var dataToUpdate = {\n\n                \"crmContactId\": crmContactId,\n\n                \"cardNumber\": cardNumber,\n\n                \"cardexpmonth\": cardexpmonth,\n\n                \"cardExpYear\": cardExpYear,\n\n                \"cardCvc\": cardCvc,\n\n                \"currency\": currency,\n\n                \"description\": description,\n\n                \"customerName\": customerName,\n\n                \"customerEmail\": customerEmail,\n\n                \"customerPhone\": customerPhone,\n\n                \"paymentMethodType\": paymentMethodType,\n\n                \"amount\": amount,\n\n                \"av_numberoftickets\": av_numberoftickets,\n\n                \"av_event\": av_event,\n\n                \"otherparticipants\": otherparticipants\n\n            };\n\n\n\n            return dataToUpdate;\n\n        }\n\n\n\n        \/\/ Usage:\n\n        var dataToUpdate = createDataToUpdate();\n\n        console.log(dataToUpdate); \/\/ You can then use the dataToUpdate object as needed\n\n\n\n        function hasContactIdParameter() {\n\n            const urlParams = new URLSearchParams(window.location.search);\n\n            return urlParams.has(\"contactid\") && urlParams.get(\"contactid\").trim() !== \"\";\n\n        }\n \n        $(document).ready(function () {\n\n            if (hasContactIdParameter()) {\n\n                $('#myModal2').modal('show');\n\n                \/\/ $('#myModal2 .close').attr('style', 'display:none');\n\n                $('#myModal2 .modal-footer button[data-dismiss=\"modal\"]').prop('disabled', true);\n\n            }\n\n        });\n\n        $('#registerBtn2').on('click', function () {\n\n            event.preventDefault();\n\n            if (!validateContactTable()) {\n\n                event.preventDefault();\n\n                return false;\n\n            }\n\n            jQuery(\"#loader\").removeClass(\"hidden\");\n            jQuery(\"#registerBtn2\").addClass(\"btn-loader\");\n\n            var dataToUpdate = createDataToUpdate();\n\n            \/\/ var apiUrl = \"https:\/\/gldemo1wpintegrations.azurewebsites.net\/api\/Givelife3CRMfunctionEvent?\";\n\n            var apiUrl = \"https:\/\/glwpintegrationsdemo2.azurewebsites.net\/api\/Givelife3CRMfunctionEvent?\";\n\n            $.ajax({\n\n                url: apiUrl,\n\n                type: \"POST\",\n\n                data: JSON.stringify(dataToUpdate),\n\n                contentType: \"application\/json\",\n\n                dataType: \"json\",\n\n                success: function (response) {\n\n\t\t\t\t\tconsole.log(\"Data updated successfully:\", response);\n\n\t\t\t\t\t\/\/ jQuery(\"#loader\").addClass(\"hidden\");\n\n\t\t\t\t\tif(response.Error) {\n \n\t\t\t\t\t\talert(response.Error);\n                        jQuery(\"#loader\").addClass(\"hidden\");\n                        jQuery(\"#registerBtn2\").removeClass(\"btn-loader\");\t\n\n\t\t\t\t\t} else {\n\n\t\t\t\t\t\tvar eventName = $('.detailstitle h3').text();\n\n\t\t\t\t\t\teventName = encodeURIComponent(eventName);\n\n\t\t\t\t\t\twindow.location.href = '\/event-thank-you\/?eventname=' + eventName;\t\n\n\t\t\t\t\t}\n\n                },\n\n                error: function (xhr, textStatus, errorThrown) {\n\n                    jQuery(\"#loader\").addClass(\"hidden\");\n                    jQuery(\"#registerBtn2\").removeClass(\"btn-loader\");\n\n                }\n\n            });\n\n        })\n\n    <\/script>\n\n    <script>\n\n        $ = jQuery;\n\n        $(\"#step1\").show();\n\n        $(\"#registerBtn1\").click(function () {\n\n            $(\"#step2\").show();\n\n            $(\"#step1\").hide();\n\n            $(\"#step3\").hide();\n\n        });\n\n    \n\n        $(\"#registerBtn3\").click(function () {\n\n            $(\"#step2\").hide();\n\n            $(\"#step1\").hide();\n\n            $(\"#step3\").show();\n\n        });\n\n\n\n        $(\"#backstep2\").click(function () {\n\n            $(\"#step1\").show();\n\n            $(\"#step2\").hide();\n\n        });\n\n        $(\"#backstep3\").click(function () {\n\n            $(\"#step2\").show();\n\n            $(\"#step3\").hide();\n\n        });\n\n\n\n        \/\/ table row add on select number\n\n        $(document).on('change', '#numberTickets', function (e) {\n\n            var no_of_row = $(this).val();\n\n            var tableBody = $(\"#contact_info tbody tr\").remove();\n\n            var row = '';\n\n            for (i = 0; i < no_of_row; i++) {\n\n                var disableFields = (i === 0) ? 'disabled' : ''; \n\n                var firstname =  (i === 0) ? '' : ''; \n\n                var lastname =  (i === 0) ? '' : ''; \n\n                var email =  (i === 0) ? '' : ''; \n\n                row += '<tr>' +\n\n                    '<td><input type=\"text\" value=\"'+firstname+'\" id=\"first_name_' + i + '\" name=\"first_name[' + i + ']\" class=\"form-control alphabets_only\" placeholder=\"Enter First Name\" ' + disableFields + '><span class=\"text-danger\" id=\"f_name_error_' + i + '\"><\/span><\/td>' +\n\n                    '<td><input type=\"text\" value=\"'+lastname+'\" id=\"last_name_' + i + '\" name=\"last_name[' + i + ']\" class=\"form-control alphabets_only\" placeholder=\"Enter Last Name\" ' + disableFields + '><span class=\"text-danger\" id=\"l_name_error_' + i + '\"><\/span><\/td>' +\n\n                    '<td><input type=\"email\" value=\"'+email+'\"  id=\"email_' + i + '\" name=\"email[' + i + ']\" class=\"form-control\" placeholder=\"Enter Email\" ' + disableFields + ' onblur=\"checkDuplicate(this)\"><span class=\"text-danger\" id=\"email_error_' + i + '\"><\/span><\/td>' +\n\n                    '<\/tr>';\n\n            }\n\n\n\n            var tableBody1 = $(\"#contact_info tbody\")\n\n            tableBody1.append(row);\n\n\n\n            var amount_of_ticket = $('#paid_text').attr('data-amt');\n\n            var total_amount = amount_of_ticket * no_of_row;\n\n            $(\"#no_of_ticket\").text(no_of_row);\n\n            $(\"#total_amt\").text(\"$\" + total_amount);\n\n        });\n\n\n\n        function validateContactTable() {\n\n            var no_of_row = $(\"#numberTickets\").val();\n\n            var valid = 1;\n\n            for (i = 0; i < no_of_row; i++) {\n\n                var f_name = $(\"#first_name_\" + i).val();\n\n                var l_name = $(\"#last_name_\" + i).val();\n\n                var email = $(\"#email_\" + i).val();\n\n               if (f_name.trim() === '') {\n\n                    $(\"#f_name_error_\" + i).text(\"This field is required\");\n\n                    valid = 0;\n\n                }\n\n                if (l_name.trim() === '') {\n\n                    $(\"#l_name_error_\" + i).text(\"This field is required\");\n\n                    valid = 0;\n\n                }\n\n                if (email.trim() === '') {\n\n                    $(\"#email_error_\" + i).text(\"This field is required\");\n\n                    valid = 0;\n\n                }\n\n              \n\n            }\n\n            var isFree = '1';\n\n            if(isFree == '0'){\n\n                    var cardnumber = $(\"#cardnumber\").val();\n\n                    var cardexpireyear = $(\"#cardexpireyear\").val();\n\n                    var cardexpiremonth = $(\"#cardexpiremonth\").val();\n\n                    var cardcvc = $(\"#cardcvc\").val();\n\n                        \n\n                   if (cardnumber.trim() === '') {\n\n                        $(\"#cardnumber_error\").text(\"This field is required\");\n\n                        valid = 0;\n\n                    }  \n\n                    if (cardexpireyear.trim() === '') {\n\n                        $(\"#cardexpireyear_error\").text(\"This field is required\");\n\n                        valid = 0;\n\n                    } \n\n                    if (cardexpiremonth.trim() === '') {\n\n                        $(\"#cardexpiremonth_error\").text(\"This field is required\");\n\n                        valid = 0;\n\n                    } \n\n                    if (cardcvc.trim() === '') {\n\n                        $(\"#cardcvc_error\").text(\"This field is required\");\n\n                        valid = 0;\n\n                    }\n\n            }\n\n                     \n\n            if(valid  === 0){\n\n                return false;\n\n            }\n\n            return true;\n\n        }\n\n\n\n        $(document).on('focusout', '#contact_info tbody input, #cardnumber, #cardcvc', function () {\n\n            if ($(this).val().trim() === '') {\n\n                $(this).next('span').text(\"This field is required\");\n\n            } else {\n\n                $(this).next('span').text(\"\");\n\n\n\n                if ($(this).attr('type') == 'email') {\n\n                    const emailInput = $(this).val().trim();\n\n                    if (!isValidEmail(emailInput)) {\n\n                        $(this).next('span').text('Please add a valid email address.');\n\n                    } else {\n\n                        $(this).next('span').text('');\n\n                    }\n\n                }\n\n            }\n\n        });\n\n        \n\n        $(document).on('keypress', '#cardnumber', function () {\n\n            $(\"#cardnumber_error\").text(\"\");\n\n            var cardNumber = $(this).val();\n\n            const regex = new RegExp(\"^[0-9]{13,19}$\");\n\n            if (!regex.test(cardNumber)){\n\n                $(\"#cardnumber_error\").text(\"Please enter valid card number!\");\n\n            }\n\n        });\n\n        \n\n        $(document).on('keypress', '#cardcvc', function () {\n\n            $(\"#cardcvc_error\").text(\"\");\n\n            var cardNumber = $(this).val();\n\n            console.log(cardNumber.length);\n\n            if (cardNumber.length !== 2) {\n\n                $(\"#cardcvc_error\").text(\"Please enter valid cvv number!\");\n\n            } else {\n\n                $(\"#cardcvc_error\").text(\"\");\n\n            }\n\n        });\n\n\n\n        function isValidEmail(email) {\n\n            \/\/ Regular expression for basic email validation\n\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n            return emailRegex.test(email);\n\n        }\n\n\n\n        $(document).on('keypress', '.alphabets_only', function (e) {\n\n            var keyCode = !e.charCode ? e.which : e.charCode;\n\n            var regex = \/^[A-Za-z]+$\/;\n\n\n\n            var isValid = regex.test(String.fromCharCode(keyCode));\n\n            if (!isValid) {\n\n                return isValid;\n\n            }\n\n            return isValid;\n\n        });\n\n\n\n        $(document).ready(function () {\n\n            var d = new Date();\n\n            var m = d.getMonth();\n\n            $('#cardexpiremonth').append($('<option><\/option>').val('').html('Month'));\n\n            for (var i = 1; i <= 12; i++) {\n\n                if (m < i)\n\n                    $('#cardexpiremonth').append($('<option><\/option>').val(i).html(i));\n\n            }\n\n            var y = d.getFullYear();\n\n            var lastYear = y + 8;\n\n            $('#cardexpireyear').append($('<option><\/option>').val('').html('Year'));\n\n            for (var i = y; i <= lastYear; i++) {\n\n                $('#cardexpireyear').append($('<option><\/option>').val(i).html(i));\n\n            }\n\n\n\n            $(\"#numberTickets\").trigger(\"change\");\n\n            jQuery(\"#cardexpireyear_error\").text('');\n\n            \/\/ if($('#cardexpireyear').val().trim() == '') {\n\n            \/\/     jQuery(\"#cardexpireyear_error\").text('This field is required');\n\n            \/\/ }\n\n        });\n\n        \n\n        jQuery(document).on('change', '#cardexpiremonth', function () {\n\n            var month = jQuery(this).val();\n\n            jQuery(\"#cardexpiremonth_error\").text('');\n\n            if(month.trim() == '') {\n\n                jQuery(\"#cardexpiremonth_error\").text('This field is required');\n\n            }\n\n        });\n\n\n\n        jQuery(document).on('change', '#cardexpireyear', function () {\n\n            var year = jQuery(this).val();\n\n            if (year.trim() !== '') {\n\n                $('#cardexpireyear_error').text(\"\");\n\n            }\n\n            var d = new Date();\n\n            var currentYear = d.getFullYear();\n\n            $('#cardexpiremonth').html(\"\");\n\n            $('#cardexpiremonth').append($('<option><\/option>').val('').html('Month'));\n\n            var m = (year == currentYear) ? d.getMonth() + 1 : 1;\n\n            for (var i = m; i <= 12; i++) {\n\n                $('#cardexpiremonth').append($('<option><\/option>').val(i).html(i));\n\n            }\n\n        });\n\n\n\n        $(document).on('focusout', '#contact_info tbody input', function () {\n\n            if ($(this).val().trim() === '') {\n\n                $(this).next('span').text(\"This field is required\");\n\n            } else {\n\n                $(this).next('span').text(\"\");\n\n\n\n                if ($(this).attr('type') == 'email') {\n\n                    const emailInput = $(this).val().trim();\n\n                    if (!isValidEmail(emailInput)) {\n\n                        $(this).next('span').text('Please add a valid email address.');\n\n                    } else {\n\n                        $(this).next('span').text('');\n\n                    }\n\n                }\n\n            }\n\n        });\n\n\t\t\n\n\t\tfunction checkDuplicate(input) {\n\n\t\t\tvar enteredEmail = input.value.trim();\n\n\t\t\tvar emailInputs = document.querySelectorAll('input[type=\"email\"]');\n\n\t\t\tfor (var i = 0; i < emailInputs.length; i++) {\n\n\t\t\t\tif (emailInputs[i] === input) {\n\n\t\t\t\t\tcontinue;\n\n\t\t\t\t}\n\n\n\n\t\t\t\tvar otherEmail = emailInputs[i].value.trim();\n\n\t\t\t\tif (enteredEmail === otherEmail) {\n\n\t\t\t\t\tdocument.getElementById('email_error_'+ (input.getAttribute('id')).slice(-1)).innerHTML = \"Please enter unique email address.\"\n\n\t\t\t\t\treturn;\n\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t}\n\n\n\n        $('.number_only').on('keypress', function (e) {\n\n            var $this = $(this);\n\n            var regex = new RegExp(\"^[0-9\\b]+$\");\n\n            var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);\n\n            \/\/ for 10 digit number only\n\n            var id = $this.attr('id') == 'cardcvc' ? 2 : 16;\n\n            if ($this.val().length > id) {\n\n                e.preventDefault();\n\n                return false;\n\n            }\n\n            if ((e.which < 48 || e.which > 57)) {\n\n                if ($this.val().length == 0) {\n\n                    e.preventDefault();\n\n                    return false;\n\n                } else {\n\n                    return true;\n\n                }\n\n            }\n\n            if (regex.test(str)) {\n\n                return true;\n\n            }\n\n            e.preventDefault();\n\n            return false;\n\n        });\n\n        \n\n       jQuery(document).ready(function($) {\n\n                    $('#loader').removeClass('hidden');\n\n                    $.ajax({\n\n                        type: 'POST',\n\n                        url: \"https:\/\/demo2.givelife365.com\/wp-admin\/admin-ajax.php\",\n\n                        data: {\n\n                            action: 'check_event_registered',\n\n                            contactid : '',\n\n                            eventid : ''\n\n                        },\n\n                        success: function(response) {\n\n                            console.log('in success');\n                            console.log(response.trim());\n\n                            $('#loader').addClass('hidden');\n\n                                if (response.trim() === \"0\") {\n\n                                    $('.registerBtn').removeAttr('style');\n\n                                    $('.registerBtn').removeAttr('disabled');\n\n                                } else {\n\n                                    $('.registerBtn').attr('style','display:none');\n\n                                    $('.registerBtn').attr('disabled','disabled');\n\n                                }\n\n                            },\n\n                        error: function(error) {\n\n                            \/\/ Handle errors here\n                            console.log('in error');\n\n                            console.error(error);\n\n                            $('.registerBtn').attr('style','display:none');\n\n                            $('.registerBtn').attr('disabled','disabled');\n\n                        }\n\n                    });\n\n                });\n\n            \n\n\n\n    <\/script>\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-2007","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/pages\/2007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/comments?post=2007"}],"version-history":[{"count":219,"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/pages\/2007\/revisions"}],"predecessor-version":[{"id":3664,"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/pages\/2007\/revisions\/3664"}],"wp:attachment":[{"href":"https:\/\/demo2.givelife365.com\/fr\/wp-json\/wp\/v2\/media?parent=2007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}