{"id":195,"date":"2025-06-19T11:23:46","date_gmt":"2025-06-19T11:23:46","guid":{"rendered":"https:\/\/vikwp.com\/demo\/vikrestaurants\/my-orders\/"},"modified":"2025-06-19T11:23:46","modified_gmt":"2025-06-19T11:23:46","slug":"my-orders","status":"publish","type":"page","link":"https:\/\/vikwp.com\/demo\/vikrestaurants\/my-orders\/","title":{"rendered":"My Orders"},"content":{"rendered":"\n<div class=\"wrap plugin-container vikrestaurants-page-allorders\">\n\n\t\n\t\n\t\n<div class=\"vikrestaurants-start-body\">\n\t<!--\n\t\tThis tag is simply used to understand where the\n\t\tbody of VikRestaurants starts.\n\t-->\n<\/div>\n\n\t<!-- REGISTRATION -->\n\t\n\t<script>\n\t\t(function($, w) {\n\t\t\t'use strict';\n\n\t\t\tw.vreUserRegistrationValidator = null;\n\n\t\t\tw.vrLoginValueChanged = () => {\n\t\t\t\tif ($('input[name=loginradio]:checked').val() == 1) {\n\t\t\t\t\t$('.vrregisterblock').css('display', 'none');\n\t\t\t\t\t$('.vrloginblock').fadeIn();\n\t\t\t\t} else {\n\t\t\t\t\t$('.vrloginblock').css('display', 'none');\n\t\t\t\t\t$('.vrregisterblock').fadeIn();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t$(function() {\n\t\t\t\t\/\/ in case of a specified form, register only the fields contained within the registration wrapper\n\t\t\t\tconst formSelector = '#vrregform';\n\n\t\t\t\t\/\/ create validator once the document is ready, because certain themes\n\t\t\t\t\/\/ might load the resources after the body\n\t\t\t\tw.vreUserRegistrationValidator = new VikFormValidator(formSelector, 'vrinvalid');\n\n\t\t\t\t\/\/ register callback to make sure both the password fields are equals\n\t\t\t\tw.vreUserRegistrationValidator.addCallback((form) => {\n\t\t\t\t\tconst pwd1 = $('#vrcfregister_password');\n\t\t\t\t\tconst pwd2 = $('#vrcfregister_conf_password');\n\n\t\t\t\t\tif (!pwd1.val() || (pwd1.val() !== pwd2.val())) {\n\t\t\t\t\t\t\/\/ the specified password are not matching\n\t\t\t\t\t\tform.setInvalid($(pwd1).add(pwd2));\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ the specified password are equals\n\t\t\t\t\tform.unsetInvalid($(pwd1).add(pwd2));\n\t\t\t\t\treturn true;\n\t\t\t\t});\n\n\t\t\t\t\t\t\t\t\t\/\/ in case of GDPR enabled, validate the disclaimer checkbox\n\t\t\t\t\tw.vreUserRegistrationValidator.addCallback((form) => {\n\t\t\t\t\t\tconst field = $('#vrcfregister_gdpr');\n\n\t\t\t\t\t\tif (!field.is(':checked')) {\n\t\t\t\t\t\t\t\/\/ not checked\n\t\t\t\t\t\t\tform.setInvalid(field);\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\/\/ checked\n\t\t\t\t\t\tform.unsetInvalid(field);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t$(formSelector).find('button[name=\"registerbutton\"]').on('click', function(event) {\n\t\t\t\t\tif (!w.vreUserRegistrationValidator.validate()) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ find parent form\n\t\t\t\t\tconst formElement = $(this).closest('form');\n\n\t\t\t\t\t\n\t\t\t\t\treturn true;\n\t\t\t\t});\n\t\t\t});\n\t\t})(jQuery, window);\n\t<\/script>\n\n\t<div class=\"vrloginradiobox\" id=\"vrloginradiobox\">\n\t\t<span class=\"vrloginradiosp\">\n\t\t\t<label for=\"logradio1\">Login<\/label>\n\t\t\t<input type=\"radio\" id=\"logradio1\" name=\"loginradio\" value=\"1\" onChange=\"vrLoginValueChanged();\" checked=\"checked\" \/>\n\t\t<\/span>\n\t\t<span class=\"vrloginradiosp\">\n\t\t\t<label for=\"logradio2\">Create New Account<\/label>\n\t\t\t<input type=\"radio\" id=\"logradio2\" name=\"loginradio\" value=\"2\" onChange=\"vrLoginValueChanged();\"  \/>\n\t\t<\/span>\n\t<\/div>\n\n\t<div class=\"vrregisterblock\" style=\"display: none;\">\n\t\t\t\t\t<form action=\"https:\/\/vikwp.com\/demo\/vikrestaurants\/my-orders\/?option=com_vikrestaurants\" method=\"post\" name=\"vrregform\" id=\"vrregform\">\n\t\t\t\n\t\t\t<h3>Registration<\/h3>\n\t\t\t\n\t\t\t<div class=\"vrloginfieldsdiv custom-fields-material\">\n\n\t\t\t\t\n<div class=\"cf-control control-custom-field control-nominative\" id=\"vrcfregister_first_name-control\">\n\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\t\t\t\t\t\t<label for=\"vrcfregister_first_name\" style=\"display: none;\">\n\t\t\t\tFirst Name\t\t\t<\/label>\n\t\t\n\t\t\n<input\n\ttype=\"text\"\n\tname=\"vrcfregister_first_name\"    id=\"vrcfregister_first_name\"\tvalue=\"\"\n\tsize=\"40\"\n\tclass=\"vrinput custom-field required field-nominative\"\n                            \/>\n\n\t\t\t\t\t<span class=\"cf-highlight\"><!-- input highlight --><\/span>\n\n\t\t\t<span class=\"cf-bar\"><!-- input bar --><\/span>\n\n\t\t\t<label for=\"vrcfregister_first_name\" class=\"cf-label\">\n\t\t\t\n\t\t\t\tFirst Name\n\t\t\t\t\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\t\t\n\t\t\t<\/label>\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_first_name');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n<div class=\"cf-control control-custom-field control-nominative\" id=\"vrcfregister_last_name-control\">\n\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\t\t\t\t\t\t<label for=\"vrcfregister_last_name\" style=\"display: none;\">\n\t\t\t\tLast Name\t\t\t<\/label>\n\t\t\n\t\t\n<input\n\ttype=\"text\"\n\tname=\"vrcfregister_last_name\"    id=\"vrcfregister_last_name\"\tvalue=\"\"\n\tsize=\"40\"\n\tclass=\"vrinput custom-field required field-nominative\"\n                            \/>\n\n\t\t\t\t\t<span class=\"cf-highlight\"><!-- input highlight --><\/span>\n\n\t\t\t<span class=\"cf-bar\"><!-- input bar --><\/span>\n\n\t\t\t<label for=\"vrcfregister_last_name\" class=\"cf-label\">\n\t\t\t\n\t\t\t\tLast Name\n\t\t\t\t\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\t\t\n\t\t\t<\/label>\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_last_name');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n<div class=\"cf-control control-custom-field\" id=\"vrcfregister_username-control\">\n\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\t\t\t\t\t\t<label for=\"vrcfregister_username\" style=\"display: none;\">\n\t\t\t\tUsername\t\t\t<\/label>\n\t\t\n\t\t\n<input\n\ttype=\"text\"\n\tname=\"vrcfregister_username\"    id=\"vrcfregister_username\"\tvalue=\"\"\n\tsize=\"40\"\n\tclass=\"vrinput custom-field required\"\n                            \/>\n\n\t\t\t\t\t<span class=\"cf-highlight\"><!-- input highlight --><\/span>\n\n\t\t\t<span class=\"cf-bar\"><!-- input bar --><\/span>\n\n\t\t\t<label for=\"vrcfregister_username\" class=\"cf-label\">\n\t\t\t\n\t\t\t\tUsername\n\t\t\t\t\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\t\t\n\t\t\t<\/label>\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_username');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n<div class=\"cf-control control-custom-field control-email\" id=\"vrcfregister_email-control\">\n\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\t\t\t\t\t\t<label for=\"vrcfregister_email\" style=\"display: none;\">\n\t\t\t\tE-Mail\t\t\t<\/label>\n\t\t\n\t\t\n<input\n\ttype=\"email\"\n\tname=\"vrcfregister_email\"    id=\"vrcfregister_email\"\tvalue=\"\"\n\tsize=\"40\"\n\tclass=\"vrinput custom-field required field-email mail-field\"\n                            \/>\n\n\t\t\t\t\t<span class=\"cf-highlight\"><!-- input highlight --><\/span>\n\n\t\t\t<span class=\"cf-bar\"><!-- input bar --><\/span>\n\n\t\t\t<label for=\"vrcfregister_email\" class=\"cf-label\">\n\t\t\t\n\t\t\t\tE-Mail\n\t\t\t\t\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\t\t\n\t\t\t<\/label>\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_email');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n<div class=\"cf-control control-custom-field\" id=\"vrcfregister_password-control\">\n\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\t\t\t\t\t\t<label for=\"vrcfregister_password\" style=\"display: none;\">\n\t\t\t\tPassword\t\t\t<\/label>\n\t\t\n\t\t\n<input\n\ttype=\"password\"\n\tname=\"vrcfregister_password\"    id=\"vrcfregister_password\"\tvalue=\"\"\n\tsize=\"40\"\n\tclass=\"vrinput custom-field required\"\n                                autocomplete=\"off\"\n\/>\n\n\t\t\t\t\t<span class=\"cf-highlight\"><!-- input highlight --><\/span>\n\n\t\t\t<span class=\"cf-bar\"><!-- input bar --><\/span>\n\n\t\t\t<label for=\"vrcfregister_password\" class=\"cf-label\">\n\t\t\t\n\t\t\t\tPassword\n\t\t\t\t\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\t\t\n\t\t\t<\/label>\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_password');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n<div class=\"cf-control control-custom-field\" id=\"vrcfregister_conf_password-control\">\n\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\t\t\t\t\t\t<label for=\"vrcfregister_conf_password\" style=\"display: none;\">\n\t\t\t\tConfirm Password\t\t\t<\/label>\n\t\t\n\t\t\n<input\n\ttype=\"password\"\n\tname=\"vrcfregister_conf_password\"    id=\"vrcfregister_conf_password\"\tvalue=\"\"\n\tsize=\"40\"\n\tclass=\"vrinput custom-field required\"\n                                autocomplete=\"off\"\n\/>\n\n\t\t\t\t\t<span class=\"cf-highlight\"><!-- input highlight --><\/span>\n\n\t\t\t<span class=\"cf-bar\"><!-- input bar --><\/span>\n\n\t\t\t<label for=\"vrcfregister_conf_password\" class=\"cf-label\">\n\t\t\t\n\t\t\t\tConfirm Password\n\t\t\t\t\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\t\t\n\t\t\t<\/label>\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_conf_password');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n<div class=\"cf-control control-custom-field\" id=\"vrcfregister_gdpr-control\">\n\n\t\t\t<label for=\"vrcfregister_gdpr\" class=\"visually-hidden\">I hereby authorize the use of my personal data<\/label>\n\t\n\t\n\t<div class=\"cf-value\">\n\n\t\t\n\t\t\n<div class=\"vr-cf-checkbox-wrap\">\n\n\t<input\n\t\ttype=\"checkbox\"\n\t\tname=\"vrcfregister_gdpr\"\n\t\tvalue=\"1\"\n\t\tid=\"vrcfregister_gdpr\"\n\t\tclass=\"custom-field required\"\n\t\t\t\t\t\t\t\/>\n\t\n\t<label for=\"vrcfregister_gdpr\">\n\n\t\t\t\t\t<span class=\"vrrequired\"><sup aria-hidden=\"true\">*<\/sup><\/span>\n\t\t\n\t\t<a href=\"javascript: void(0);\" onclick=\"vreOpenPopup('https:\/\/vikwp.com\/demo\/vikrestaurants\/?page_id=3');\">I hereby authorize the use of my personal data<\/a>\n\t<\/label>\n\n<\/div>\n\n\t\t\n\t<\/div>\n\n\t\n<\/div>\n\n<script>\n\t(function($, w) {\n\t\t'use strict';\n\n\t\tconst handleCustomFieldFocus = (input) => {\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar, .cf-label')\n\t\t\t\t\t.addClass('focus');\n\t\t}\n\n\t\tconst handleCustomFieldBlur = (input) => {\n\t\t\tlet val = $(input).val();\n\n\t\t\tif ($(input).attr('type') == 'tel' && $.fn.intlTelInput) {\n\t\t\t\t\/\/ get number to make sure we are not obtaining only the default prefix\n\t\t\t\tval = $(input).intlTelInput('getNumber');\n\t\t\t}\n\n\t\t\t\/\/ remove class from label only if empty\n\t\t\tif (!val || val.length == 0) {\n\t\t\t\t$(input).closest('.cf-value')\n\t\t\t\t\t.find('.cf-label')\n\t\t\t\t\t\t.removeClass('focus');\n\t\t\t}\n\n\t\t\t$(input).closest('.cf-value')\n\t\t\t\t.find('.cf-bar')\n\t\t\t\t\t.removeClass('focus');\n\t\t}\n\n\t\t$(function() {\n\t\t\t\/\/ get current field\n\t\t\tconst input = $('#vrcfregister_gdpr');\n\n\t\t\t\/\/ add\/remove has-value class during change and blur events\n\t\t\t$(input).on('change blur', function() {\n\t\t\t\tlet val = $(this).val();\n\n\t\t\t\tif (val && val.length) {\n\t\t\t\t\t$(this).addClass('has-value');\n\t\t\t\t} else {\n\t\t\t\t\t$(this).removeClass('has-value');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on focus)\n\t\t\t$(input).on('focus', function() {\n\t\t\t\thandleCustomFieldFocus(this);\n\t\t\t});\n\n\t\t\t\/\/ handle focus classes on siblings (on blur)\n\t\t\t$(input).on('blur', function() {\n\t\t\t\thandleCustomFieldBlur(this);\n\t\t\t});\n\n\t\t\tif ($(input).attr('type') === 'tel') {\n\t\t\t\t\/\/ trigger focus and blur to properly set the control classes\n\t\t\t\t\/\/ for the telephone input, since stand-alone CSS cannot deal\n\t\t\t\t\/\/ with the composite structure of this field\n\t\t\t\thandleCustomFieldFocus(input);\n\t\t\t\thandleCustomFieldBlur(input);\n\t\t\t}\n\n\t\t\t\t\t\t\tonInstanceReady(() => {\n\t\t\t\t\t\/\/ wait until the provided validator has been loaded\n\t\t\t\t\treturn w['vreUserRegistrationValidator'];\n\t\t\t\t}).then((validator) => {\n\t\t\t\t\t\/**\n\t\t\t\t\t * Overwrite getLabel method to properly access the\n\t\t\t\t\t * label by using our custom layout.\n\t\t\t\t\t *\n\t\t\t\t\t * @param   mixed  input  The input element.\n\t\t\t\t\t *\n\t\t\t\t\t * @return  mixed  The label of the input.\n\t\t\t\t\t *\/\n\t\t\t\t\tvalidator.getLabel = (input) => {\n\t\t\t\t\t\tif ($(input).is(':checkbox')) {\n\t\t\t\t\t\t\t\/\/ get label next to the checkbox\n\t\t\t\t\t\t\tconst label = $(input).next('label');\n\n\t\t\t\t\t\t\t\/\/ check if we have a popup link\n\t\t\t\t\t\t\tif (label.find('a')) {\n\t\t\t\t\t\t\t\treturn label.find('a');\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn label;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn $(input).closest('.cf-value').find('.cf-label');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\t});\n\t})(jQuery, window);\n<\/script>\n\t\t\t\t<div class=\"vrloginfield field-button\">\n\t\t\t\t\t<button type=\"submit\" class=\"vre-btn primary large\" name=\"registerbutton\">\n\t\t\t\t\t\tRegister\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\n\t\t\t<input type=\"hidden\" id=\"vikwp_nonce\" name=\"vikwp_nonce\" value=\"8c1e9bfadd\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages\/195\" \/>\n\t\t\t\t\t\t<input type=\"hidden\" name=\"option\" value=\"com_vikrestaurants\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"task\" value=\"userprofile.register\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"return\" value=\"aW5kZXgucGhwP29wdGlvbj1jb21fdmlrcmVzdGF1cmFudHMmdmlldz1hbGxvcmRlcnM=\" \/>\n\t\t\t<\/form>\n\t\t\t\t<\/form>\n\t<\/div>\n\n\n<!-- LOGIN -->\n\n<div class=\"vrloginblock\" style=\"\">\n\t<form action=\"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-login.php?action=login&referer=vikrestaurants\" method=\"post\">\n\t<h3>Login<\/h3>\n\n\t\t\n\t<div class=\"vrloginfieldsdiv\">\n\t\t\n\t\t<form name=\"loginform\" id=\"loginform\" action=\"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-login.php\" method=\"post\"><p class=\"login-username\">\n\t\t\t\t<label for=\"user_login\">Username or Email Address<\/label>\n\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" autocomplete=\"username\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-password\">\n\t\t\t\t<label for=\"user_pass\">Password<\/label>\n\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" autocomplete=\"current-password\" spellcheck=\"false\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-remember\"><label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label><\/p><p class=\"login-submit\">\n\t\t\t\t<input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Log In\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/vikwp.com\/demo\/vikrestaurants\/my-orders\/\" \/>\n\t\t\t<\/p><\/form>\n\t<\/div>\n\n\t\t\t<div class=\"vr-login-footer-links\">\n\t\t\t<div>\n\t\t\t\t<a href=\"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-login.php?action=lostpassword\" target=\"_blank\">\n\t\t\t\t\tLost your password?\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\n\t<input type=\"hidden\" id=\"vikwp_nonce\" name=\"vikwp_nonce\" value=\"8c1e9bfadd\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages\/195\" \/><\/form>\n<\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":0,"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/pages\/195\/revisions"}],"wp:attachment":[{"href":"https:\/\/vikwp.com\/demo\/vikrestaurants\/wp-json\/wp\/v2\/media?parent=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}