{"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":"2025-10-28T05:51:22","modified_gmt":"2025-10-28T09:51:22","slug":"eventdetails","status":"publish","type":"page","link":"https:\/\/devportal.givelife365.ca\/es\/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 type=\"text\/css\">\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\">  Atr\u00e1s<\/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                                            Tue, Apr 21, 2026 | 11:32 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\">Gratis<\/div>\n                                                                        \n                                                                                                                                                   <a ><div class=\"btn registerBtn\">\n                                         Cerrado                                        <\/div><\/a>\n                                                                       <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"detailsTxt\">\n                        <h4>Descripci\u00f3n<\/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                       04\/21\/26 11:32 AM &#8211;  04\/21\/26 11:32 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>Entrada general<\/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 Apr 20, 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\">N\u00famero de entradas<\/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>Informaci\u00f3n del contacto<\/h3>\n                          <div class=\"table-responsive  \">\n                            <table class=\"table table-bordered contactTable\" id=\"contact_info\">\n                              <thead>\n                                <tr>\n                                  <th scope=\"col\">Nombre de pila<\/th>\n                                  <th scope=\"col\">Last Name <\/th>\n                                  <th scope=\"col\">Direcci\u00f3n de correo electr\u00f3nico<\/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>Datos de la tarjeta <\/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\">N\u00famero de tarjeta <\/label>\n                                    <input id=\"cardnumber\" name=\"cardnumber\" type=\"number\" class=\"form-control number_only\"\n                                      maxlength=\"16\" placeholder=\"Ingrese el n\u00famero de tarjeta\">\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\">A\u00f1o de vencimiento<\/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\">Mes de vencimiento <\/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=\"Ingresar 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>Resumen del pedido<\/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>Realizar pedido<\/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\"> \u200b\u00a1Gracias por su pedido! <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                        Tue, Apr 21, 2026 | 11:32 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 establecido para<\/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\">Imprimir ticket<\/div>\n                    <div> <a href=\"\/eventhome\" class=\"cancelTicketBtn\"> De vuelta a casa <\/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:\/\/devportal.givelife365.ca\/wp-includes\/js\/jquery\/jquery.min.js' id='jquery-core-js'><\/script>                                    \n            <style>\n                .cardDetials{\n                    display:none;\n                }\n            <\/style>\n        \n\n    <script>\n        $ = jQuery;\n        \/\/ Function to construct the dataToUpdate object\n        function createDataToUpdate() {\n            var crmContactId = ''; \n            var cardNumber = $(\"#cardnumber\").val();\n            var cardexpmonth = $(\"#cardexpiremonth\").val();\n            var cardExpYear = $(\"#cardexpireyear\").val();\n            var cardCvc = $(\"#cardcvc\").val();\n            var currency = \"CAD\";\n            var description = \"Event Fee\";\n            var customerName = \"\";\n            var customerEmail = \"\"; \n            var customerPhone =\"\";\n            var paymentMethodType = \"card\"; \n            var amount = parseFloat($(\"#total_amt\").text().replace('$', ''));\n            var av_numberoftickets = parseInt($(\"#numberTickets\").val());\n            var av_event = '';\n            var msnfp_receiveddate = '04\/21\/2026 03:32:58';\n\n            var otherparticipants = [];\n            $(\"#contact_info tbody tr:gt(0)\").each(function () {\n                var firstname = $(this).find(\"td:eq(0) input\").val();\n                var lastname = $(this).find(\"td:eq(1) input\").val();\n                var email = $(this).find(\"td:eq(2) input\").val();\n            \n                if (firstname && lastname && email) {\n                    otherparticipants.push({\n                        \"firstname\": firstname,\n                        \"lastname\": lastname,\n                        \"email\": email\n                    });\n                }\n            });\n\n\n            \/\/ Construct the dataToUpdate object\n            var dataToUpdate = {\n                \"crmContactId\": crmContactId,\n                \"cardNumber\": cardNumber,\n                \"cardexpmonth\": cardexpmonth,\n                \"cardExpYear\": cardExpYear,\n                \"cardCvc\": cardCvc,\n                \"currency\": currency,\n                \"description\": description,\n                \"customerName\": customerName,\n                \"customerEmail\": customerEmail,\n                \"customerPhone\": customerPhone,\n                \"paymentMethodType\": paymentMethodType,\n                \"amount\": amount,\n                \"av_numberoftickets\": av_numberoftickets,\n                \"av_event\": av_event,\n                \"otherparticipants\": otherparticipants,\n                \"msnfp_receiveddate\": msnfp_receiveddate\n            };\n\n            return dataToUpdate;\n        }\n\n        \/\/ Usage:\n        var dataToUpdate = createDataToUpdate();\n        console.log(dataToUpdate); \/\/ You can then use the dataToUpdate object as needed\n\n        function hasContactIdParameter() {\n            const urlParams = new URLSearchParams(window.location.search);\n            return urlParams.has(\"contactid\") && urlParams.get(\"contactid\").trim() !== \"\";\n        }\n        $(document).ready(function () {\n            if (hasContactIdParameter()) {\n                $('#myModal2').modal('show');\n                $('#myModal2 .close').attr('style', 'display:none');\n                $('#myModal2 .modal-footer button[data-dismiss=\"modal\"]').prop('disabled', true);\n            }\n        });\n        $('#registerBtn2').on('click', function () {\n            event.preventDefault();\n            if (!validateContactTable()) {\n                event.preventDefault();\n                return false;\n            }\n            jQuery(\"#loader\").removeClass(\"hidden\");\n            var dataToUpdate = createDataToUpdate();\n            \/\/ var apiUrl = \"https:\/\/gldemo1wpintegrations.azurewebsites.net\/api\/Givelife3CRMfunctionEvent?\";\n            var apiUrl = \"https:\/\/glwpintegrations.azurewebsites.net\/api\/Givelife3CRMfunctionEvent?\";\n            $.ajax({\n                url: apiUrl,\n                type: \"POST\",\n                data: JSON.stringify(dataToUpdate),\n                contentType: \"application\/json\",\n                dataType: \"json\",\n                success: function (response) {\n\t\t\t\t\tconsole.log(\"Data updated successfully:\", response);\n\t\t\t\t\t\/\/ jQuery(\"#loader\").addClass(\"hidden\");\n\t\t\t\t\tif(response.Error) {\n\t\t\t\t\t\talert(response.Error);\t\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvar eventName = $('.detailstitle h3').text();\n\t\t\t\t\t\teventName = encodeURIComponent(eventName);\n\t\t\t\t\t\twindow.location.href = '\/event-thank-you\/?eventname=' + eventName;\t\n\t\t\t\t\t}\n                },\n                error: function (xhr, textStatus, errorThrown) {\n                    jQuery(\"#loader\").addClass(\"hidden\");\n                }\n            });\n        })\n    <\/script>\n    <script>\n        $ = jQuery;\n        $(\"#step1\").show();\n        $(\"#registerBtn1\").click(function () {\n            $(\"#step2\").show();\n            $(\"#step1\").hide();\n            $(\"#step3\").hide();\n        });\n    \n        $(\"#registerBtn3\").click(function () {\n            $(\"#step2\").hide();\n            $(\"#step1\").hide();\n            $(\"#step3\").show();\n        });\n\n        $(\"#backstep2\").click(function () {\n            $(\"#step1\").show();\n            $(\"#step2\").hide();\n        });\n        $(\"#backstep3\").click(function () {\n            $(\"#step2\").show();\n            $(\"#step3\").hide();\n        });\n\n        \/\/ table row add on select number\n        $(document).on('change', '#numberTickets', function (e) {\n            var no_of_row = $(this).val();\n            var tableBody = $(\"#contact_info tbody tr\").remove();\n            var row = '';\n            for (i = 0; i < no_of_row; i++) {\n                var disableFields = (i === 0) ? 'disabled' : ''; \n                var firstname =  (i === 0) ? '' : ''; \n                var lastname =  (i === 0) ? '' : ''; \n                var email =  (i === 0) ? '' : ''; \n                row += '<tr>' +\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                    '<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                    '<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                    '<\/tr>';\n            }\n\n            var tableBody1 = $(\"#contact_info tbody\")\n            tableBody1.append(row);\n\n            var amount_of_ticket = $('#paid_text').attr('data-amt');\n            var total_amount = amount_of_ticket * no_of_row;\n            $(\"#no_of_ticket\").text(no_of_row);\n            $(\"#total_amt\").text(\"$\" + total_amount);\n        });\n\n        function validateContactTable() {\n            var no_of_row = $(\"#numberTickets\").val();\n            var valid = 1;\n            for (i = 0; i < no_of_row; i++) {\n                var f_name = $(\"#first_name_\" + i).val();\n                var l_name = $(\"#last_name_\" + i).val();\n                var email = $(\"#email_\" + i).val();\n               if (f_name.trim() === '') {\n                    $(\"#f_name_error_\" + i).text(\"This field is required\");\n                    valid = 0;\n                }\n                if (l_name.trim() === '') {\n                    $(\"#l_name_error_\" + i).text(\"This field is required\");\n                    valid = 0;\n                }\n                if (email.trim() === '') {\n                    $(\"#email_error_\" + i).text(\"This field is required\");\n                    valid = 0;\n                }\n              \n            }\n            var isFree = '1';\n            if(isFree == '0'){\n                    var cardnumber = $(\"#cardnumber\").val();\n                    var cardexpireyear = $(\"#cardexpireyear\").val();\n                    var cardexpiremonth = $(\"#cardexpiremonth\").val();\n                    var cardcvc = $(\"#cardcvc\").val();\n                        \n                   if (cardnumber.trim() === '') {\n                        $(\"#cardnumber_error\").text(\"This field is required\");\n                        valid = 0;\n                    }  \n                    if (cardexpireyear.trim() === '') {\n                        $(\"#cardexpireyear_error\").text(\"This field is required\");\n                        valid = 0;\n                    } \n                    if (cardexpiremonth.trim() === '') {\n                        $(\"#cardexpiremonth_error\").text(\"This field is required\");\n                        valid = 0;\n                    } \n                    if (cardcvc.trim() === '') {\n                        $(\"#cardcvc_error\").text(\"This field is required\");\n                        valid = 0;\n                    }\n            }\n                     \n            if(valid  === 0){\n                return false;\n            }\n            return true;\n        }\n\n        $(document).on('focusout', '#contact_info tbody input, #cardnumber, #cardcvc', function () {\n            if ($(this).val().trim() === '') {\n                $(this).next('span').text(\"This field is required\");\n            } else {\n                $(this).next('span').text(\"\");\n\n                if ($(this).attr('type') == 'email') {\n                    const emailInput = $(this).val().trim();\n                    if (!isValidEmail(emailInput)) {\n                        $(this).next('span').text('Please add a valid email address.');\n                    } else {\n                        $(this).next('span').text('');\n                    }\n                }\n            }\n        });\n        \n        $(document).on('keypress', '#cardnumber', function () {\n            $(\"#cardnumber_error\").text(\"\");\n            var cardNumber = $(this).val();\n            const regex = new RegExp(\"^[0-9]{13,19}$\");\n            if (!regex.test(cardNumber)){\n                $(\"#cardnumber_error\").text(\"Please enter valid card number!\");\n            }\n        });\n        \n        $(document).on('keypress', '#cardcvc', function () {\n            $(\"#cardcvc_error\").text(\"\");\n            var cardNumber = $(this).val();\n            console.log(cardNumber.length);\n            if (cardNumber.length !== 2) {\n                $(\"#cardcvc_error\").text(\"Please enter valid cvv number!\");\n            } else {\n                $(\"#cardcvc_error\").text(\"\");\n            }\n        });\n\n        function isValidEmail(email) {\n            \/\/ Regular expression for basic email validation\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            return emailRegex.test(email);\n        }\n\n        $(document).on('keypress', '.alphabets_only', function (e) {\n            var keyCode = !e.charCode ? e.which : e.charCode;\n            var regex = \/^[A-Za-z]+$\/;\n\n            var isValid = regex.test(String.fromCharCode(keyCode));\n            if (!isValid) {\n                return isValid;\n            }\n            return isValid;\n        });\n\n        $(document).ready(function () {\n            var d = new Date();\n            var m = d.getMonth();\n            $('#cardexpiremonth').append($('<option><\/option>').val('').html('Month'));\n            for (var i = 1; i <= 12; i++) {\n                if (m < i)\n                    $('#cardexpiremonth').append($('<option><\/option>').val(i).html(i));\n            }\n            var y = d.getFullYear();\n            var lastYear = y + 8;\n            $('#cardexpireyear').append($('<option><\/option>').val('').html('Year'));\n            for (var i = y; i <= lastYear; i++) {\n                $('#cardexpireyear').append($('<option><\/option>').val(i).html(i));\n            }\n\n            $(\"#numberTickets\").trigger(\"change\");\n            jQuery(\"#cardexpireyear_error\").text('');\n            \/\/ if($('#cardexpireyear').val().trim() == '') {\n            \/\/     jQuery(\"#cardexpireyear_error\").text('This field is required');\n            \/\/ }\n        });\n        \n        jQuery(document).on('change', '#cardexpiremonth', function () {\n            var month = jQuery(this).val();\n            jQuery(\"#cardexpiremonth_error\").text('');\n            if(month.trim() == '') {\n                jQuery(\"#cardexpiremonth_error\").text('This field is required');\n            }\n        });\n\n        jQuery(document).on('change', '#cardexpireyear', function () {\n            var year = jQuery(this).val();\n            if (year.trim() !== '') {\n                $('#cardexpireyear_error').text(\"\");\n            }\n            var d = new Date();\n            var currentYear = d.getFullYear();\n            $('#cardexpiremonth').html(\"\");\n            $('#cardexpiremonth').append($('<option><\/option>').val('').html('Month'));\n            var m = (year == currentYear) ? d.getMonth() + 1 : 1;\n            for (var i = m; i <= 12; i++) {\n                $('#cardexpiremonth').append($('<option><\/option>').val(i).html(i));\n            }\n        });\n\n        $(document).on('focusout', '#contact_info tbody input', function () {\n            if ($(this).val().trim() === '') {\n                $(this).next('span').text(\"This field is required\");\n            } else {\n                $(this).next('span').text(\"\");\n\n                if ($(this).attr('type') == 'email') {\n                    const emailInput = $(this).val().trim();\n                    if (!isValidEmail(emailInput)) {\n                        $(this).next('span').text('Please add a valid email address.');\n                    } else {\n                        $(this).next('span').text('');\n                    }\n                }\n            }\n        });\n\t\t\n\t\tfunction checkDuplicate(input) {\n\t\t\tvar enteredEmail = input.value.trim();\n\t\t\tvar emailInputs = document.querySelectorAll('input[type=\"email\"]');\n\t\t\tfor (var i = 0; i < emailInputs.length; i++) {\n\t\t\t\tif (emailInputs[i] === input) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tvar otherEmail = emailInputs[i].value.trim();\n\t\t\t\tif (enteredEmail === otherEmail) {\n\t\t\t\t\tdocument.getElementById('email_error_'+ (input.getAttribute('id')).slice(-1)).innerHTML = \"Please enter unique email address.\"\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n        $('.number_only').on('keypress', function (e) {\n            var $this = $(this);\n            var regex = new RegExp(\"^[0-9\\b]+$\");\n            var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);\n            \/\/ for 10 digit number only\n            var id = $this.attr('id') == 'cardcvc' ? 2 : 16;\n            if ($this.val().length > id) {\n                e.preventDefault();\n                return false;\n            }\n            if ((e.which < 48 || e.which > 57)) {\n                if ($this.val().length == 0) {\n                    e.preventDefault();\n                    return false;\n                } else {\n                    return true;\n                }\n            }\n            if (regex.test(str)) {\n                return true;\n            }\n            e.preventDefault();\n            return false;\n        });\n        \n       jQuery(document).ready(function($) {\n                    $('#loader').removeClass('hidden');\n                    $.ajax({\n                        type: 'POST',\n                        url: \"https:\/\/devportal.givelife365.ca\/wp-admin\/admin-ajax.php\",\n                        data: {\n                            action: 'check_event_registered',\n                            contactid : '',\n                            eventid : ''\n                        },\n                        success: function(response) {\n                            console.log(response.trim());\n                            $('#loader').addClass('hidden');\n                                if (response.trim() === \"0\") {\n                                    $('.registerBtn').removeAttr('style');\n                                    $('.registerBtn').removeAttr('disabled');\n                                } else {\n                                    $('.registerBtn').attr('style','display:none');\n                                    $('.registerBtn').attr('disabled','disabled');\n                                }\n                            },\n                        error: function(error) {\n                            \/\/ Handle errors here\n                            console.error(error);\n                        }\n                    });\n                });\n            \n\n    <\/script>\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:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/pages\/2007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/comments?post=2007"}],"version-history":[{"count":221,"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/pages\/2007\/revisions"}],"predecessor-version":[{"id":3604,"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/pages\/2007\/revisions\/3604"}],"wp:attachment":[{"href":"https:\/\/devportal.givelife365.ca\/es\/wp-json\/wp\/v2\/media?parent=2007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}