{"id":760,"date":"2025-03-11T15:54:36","date_gmt":"2025-03-11T04:54:36","guid":{"rendered":"https:\/\/templates.homherodev.com\/southport\/?page_id=760"},"modified":"2025-03-11T15:54:36","modified_gmt":"2025-03-11T04:54:36","slug":"shortlist","status":"publish","type":"page","link":"https:\/\/templates.homherodev.com\/southport\/shortlist\/","title":{"rendered":"Shortlist"},"content":{"rendered":"            <div class=\"container redirect-menu-wrapper\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-12 all-redirect-wrapper mb-3\">\r\n                        <div class=\"search-redirect-wrapper\"><a href=\"https:\/\/templates.homherodev.com\/southport\/stays\/\" data-original-url=\"https:\/\/templates.homherodev.com\/southport\/stays\/\"><i class=\"far fa-search\"><\/i>  Search<\/a><\/div><div class=\"map-redirect-wrapper\"><a href=\"https:\/\/templates.homherodev.com\/southport\/map-search\/\" data-original-url=\"https:\/\/templates.homherodev.com\/southport\/map-search\/\"><i class=\"far fa-map\"><\/i>  Map<\/a><\/div><div class=\"availability-redirect-wrapper\"><a href=\"https:\/\/templates.homherodev.com\/southport\/availability-chart\/\"><i class=\"far fa-list\"><\/i> Availability<\/a><\/div><div class=\"shortlist-redirect-wrapper\"><a href=\"https:\/\/templates.homherodev.com\/southport\/shortlist\/\"><i class=\"far fa-heart\"><\/i> Favourites<\/a><\/div>                    <\/div>\r\n                    <a id=\"searchScrollTo\" class=\"anchor\"><\/a>\r\n                   \r\n                    \r\n                <\/div>\r\n            <\/div>\r\n            <style>\r\n           .redirect-menu-wrapper{\r\n             padding-top: 1em;\r\n           }\r\n           .all-redirect-wrapper{\r\n                text-align: center;\r\n                display: flex;\r\n                justify-content: center;\r\n            }\r\n            .all-redirect-wrapper{\r\n                gap:1em;\r\n            }\r\n            .all-redirect-wrapper a {\r\n                font-weight: 600;\r\n                color: var(--theme--text-color);\r\n            }\r\n           \r\n            .searchError {\r\n                border-radius: var(--theme--border-radius);\r\n            }\r\n\r\n        <\/style>\r\n        <script id=\"listing-grid-template\" type=\"text\/x-handlebars-template\">\r\n<div id=\"listing-wrapper-{{postID}}\" class=\"listing-wrapper col search-grid {{#if bookable}}bookable{{else}}notBookable{{\/if}} load-hidden \" data-postid=\"{{postID}}\">\r\n    <a href=\"{{homhero_url}}\" class=\"grid productListing hh-border-radius hh-box-shadow card\">\r\n       \r\n            {{#if gallery}}\r\n            <div class=\"listingImage\"><!-- comment -->\r\n             <img decoding=\"async\" src=\"{{gallery.0.sizes.blog-thumb}}\" class=\"w-100\">\r\n            <div class=\"shortlist-container {{shortlisted_class}}\" data-post-id=\"{{homhero_id}}\" data-post-title=\"{{title}}\" data-post-price=\"{{#if full_price}} {{full_price}} {{else}} {{from_price}} {{\/if}}\" data-post-slug=\"{{shortlisted_comparison}}\">\r\n                    <i class=\"far fa-heart _heartFunction\"><\/i>\r\n            <\/div>\r\n             <div class=\"listingKeyFeatures_Suburb\">         \r\n              {{#if suburb}}        \r\n                   <span class=\"listingSuburb\"> {{suburb}} <\/span>\r\n             {{\/if}} \r\n            {{#if key_features}}\r\n                        {{#each key_features}}\r\n                        <span class=\"listingKeyFeatures\">{{this}}<\/span>\r\n                        {{\/each}}\r\n            {{\/if}}\r\n           <\/div>      \r\n            <\/div>\r\n            {{\/if}}\r\n        <div class=\"card-body\">          \r\n            <div class=\"listingText\">\r\n             <div class=\"listingPrice\" data-value=\"{{raw_price}}\">\r\n                    {{#if bookable}}\r\n                        {{#if full_price_formatted}}\r\n                            {{full_price_formatted}} total\r\n                        {{else}}\r\n                            <span><span class=\"shrink\">from<\/span> {{price}} <span class=\"shrink\">{{#if from_price_weekly}}\/week{{else}}\/night{{\/if}}<\/span><\/span>\r\n                        {{\/if}}\r\n                    {{else}}\r\n                        {{#if message}}\r\n                            {{message}}\r\n                        {{else}}\r\n                            Unavailable\r\n                        {{\/if}}\r\n                    {{\/if}}\r\n                    {{#if special}}       \r\n                        <span class=\"listingSpecial\" ><i class=\"fa fa-fire\"><\/i> Hot Deal <\/span>\r\n                    {{\/if}}\r\n                <\/div>\r\n                \r\n                  \r\n                <h5 class=\"listingTitle\">{{{title}}}<\/h5>\r\n            <\/div>\r\n            \r\n            <div class=\"listingStats d-flex \">\r\n               \r\n               {{#if sleeps}}\r\n                    <div class=\"statWrapper\">\r\n                   <span class=\"statValue\">{{sleeps}} guests<\/span>\r\n                    <\/div>\r\n                {{\/if}}\r\n                 {{#if bedrooms}} \r\n                   <div class=\"statWrapper\">\r\n                   <span class=\"statValue\">{{bedrooms}} bedrooms<\/span>\r\n                   <\/div>\r\n               {{\/if}}\r\n                {{#if bathrooms}}\r\n                    <div class=\"statWrapper\">\r\n                    <span class=\"statValue\">{{bathrooms}} bathrooms<\/span>\r\n                   <\/div>\r\n               {{\/if}}\r\n            <\/div>\r\n         <div class=\"view-more-button\">\r\n             <span class=\"simple-style-button small\">View more  <i class=\"far fa-arrow-right\"><\/i><\/span>\r\n        <\/div>\r\n   \r\n    <\/div>\r\n    <\/a>\r\n<\/div>\r\n<\/script>\r\n<style>\r\n#share-shortlist-button, #share-via-shortlist-button{\r\n    margin-left: 1em;\r\n}\r\n    #shareShortList .loading-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    background: rgba(255,255,255,.9);\r\n    display: none!important\r\n}\r\n\r\n#shareShortList .loading-overlay.active {\r\n    display: flex!important;\r\n    justify-content: center;\r\n    align-item: center\r\n}\r\n\r\n#shareShortList .loading-overlay span {\r\n    height: 3rem;\r\n    width: 3rem\r\n}\r\n\r\n.ohnohoney {\r\n    opacity: 0;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 0;\r\n    width: 0;\r\n    z-index: -1\r\n}\r\n\r\n.form-enquiry-div.not-active{\r\n    display: none;\r\n   \r\n}\r\ndiv#shareShortList .form-control {\r\n    margin: 0;\r\n    padding: 1em 0;\r\n    width: -webkit-fill-available;\r\n    border: 0;\r\n    border-bottom: 1px solid #eaeaea;\r\n    position: relative;\r\n}\r\n\r\ndiv#shareShortList label{\r\n    display:none;\r\n}\r\n\r\n\r\ndiv#share-email-shortlist div#shareShortList .form-control {\r\n    margin: 1em 0.5em;\r\n    padding: 1em 0;\r\n    width: -webkit-fill-available;\r\n    border: 0;\r\n    border-radius: 0;\r\n    border-bottom: 1px solid #eaeaea;\r\n    position: relative;\r\n    font-size: inherit;\r\n}\r\ndiv#share-email-shortlist div#shareShortList .form-control.is-invalid {\r\n    border-color: #dc3545;\r\n}\r\n\r\ndiv#share-email-shortlist div#shareShortList .form-control.is-valid {\r\n    border-color: #198754;\r\n}\r\n\r\ndiv#shareShortList .form-control:focus, div#shareShortList .form-control:focus-visible, div#shareShortList .form-control:focus-within, div#shareShortList .form-control:-internal-autofill-selected {\r\n    outline: none!important;\r\n    box-shadow: 0px 0px 20px 6px #ffffff;\r\n}\r\ndiv#share-email-shortlist div#shareShortList label{\r\n    display:none;\r\n}\r\ndiv#share-email-shortlist .modal-content {\r\n    box-shadow: var(--theme--box-shadow);\r\n    border-radius: var(--theme--border-radius);\r\n}\r\ndiv#share-email-shortlist  .modal-header{\r\n    border-bottom: 0;\r\n    justify-content: space-between;\r\n}\r\ndiv#share-email-shortlist  .modal-footer{\r\n    border-top: 0;\r\n    .button.outline{\r\n        color:var(--theme--button-color);\r\n    }\r\n}\r\ndiv#share-email-shortlist button#custom-close {\r\n    padding: 0px 7px;\r\n}\r\ndiv#share-email-shortlist small {\r\n    margin-left: 1em;\r\n    font-size: 0.8em;\r\n}\r\ndiv#share-email-shortlist div#shareShortList .form-control + div.invalid-feedback {\r\n    padding-left: 1em;\r\n}\r\ndiv#copy-link-alert {\r\n    position: fixed;\r\n    right: 0.7%;\r\n    top: 25%;\r\n    z-index: 1;\r\n}\r\n\r\ndiv#copy-link-alert .alert {\r\n    gap: 10px;\r\n}\r\n<\/style>\r\n\r\n<div id=\"share-email-shortlist\" class=\"moveToBottom\">\r\n    \r\n    <!-- Modal -->\r\n<div class=\"modal fade\" id=\"exampleModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"false\">\r\n  <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h3 class=\"modal-title\" id=\"exampleModalLabel\">Share with a Friend<\/h3>\r\n        <button type=\"button\" id=\"custom-close\" class=\"close button\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\r\n                                    <span aria-hidden=\"false\">\u00d7<\/span>\r\n                                <\/button>\r\n      <\/div>\r\n      <div class=\"modal-body\">\r\n       \r\n          <div id=\"shareShortList\">\r\n              <div class=\"row loading-overlay justify-content-center align-items-center\">\r\n                <span class=\"spinner-border\" role=\"status\" aria-hidden=\"false\"><\/span>\r\n              <\/div>\r\n               <div class=\"enquiry-message\"><\/div>\r\n         <div class=\"form-enquiry-div\">\r\n          <form id=\"form-enquiry\" method=\"post\">\r\n              \r\n              <input type=\"hidden\"  name=\"company-logo\" value= \"https:\/\/templates.homherodev.com\/southport\/wp-content\/uploads\/sites\/9\/2024\/12\/logo.webp\" class=\"company-logo form-control\"\/>\r\n              <input type=\"hidden\"  name=\"company-name\" value= \"Homhero Southport Theme\" class=\"company-name form-control\"\/>\r\n              <input type=\"hidden\"  name=\"company-url\" value= \"https:\/\/templates.homherodev.com\/southport\" class=\"company-url form-control\"\/>\r\n              <input type=\"hidden\"  name=\"company-primary-color\" value= \"#bda588\" class=\"company-primary-color form-control\"\/>\r\n              <input type=\"hidden\"  name=\"company-secondary-color\" value= \"#7631C5\" class=\"company-secondary-color form-control\"\/>\r\n              \r\n              \r\n              <!--<input type=\"hidden\"  name=\"send_shortlist_to_email[]\" class=\"send-shortlist-to-email form-control\"\/>-->\r\n              <input type=\"hidden\"  name=\"send_shortlist_to_email_Review[]\" class=\"send_shortlist_to_email_Review form-control\"\/>\r\n              <input type=\"hidden\"  name=\"send_shortlist_to_email_ID[]\" class=\"send-shortlist-to-emailID form-control\"\/>\r\n              <input type=\"hidden\"  name=\"total-short-list-count\" class=\"total-short-list-count form-control\"\/>\r\n             \r\n          <div class=\"col-12 form-group mb-4\">\r\n               <label for=\"recipient_name\">Recepient Name *<\/label>\r\n                <input  placeholder=\"Recepient Name*\" type=\"text\" id=\"recipient-name\" name=\"recipient_name\" value=\"\" size=\"60\" maxlength=\"128\" class=\"form-check form-control recipient-name form-text required\">\r\n                <div  class=\"invalid-feedback\">\r\n                    Please provide Recipient Name.\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-12 form-group mb-4\">\r\n                <label for=\"recipient_email\">Recepient Email *<\/label>\r\n                <input  placeholder=\"Recepient Email*\" class=\"form-control form-check email form-text recipient-email required\" type=\"email\" id=\"recipient-email\" name=\"recipient_email\" size=\"60\">\r\n                <div  class=\"invalid-feedback\">\r\n                    Please provide a valid Recipient email.\r\n                <\/div>\r\n                <small>Email the list to yourself to review later, or send to a friend<\/small>\r\n            <\/div>\r\n              <div class=\"col-12 form-group mb-4\">\r\n                  <label for=\"your_name\">Your Name *<\/label>\r\n                <input  placeholder=\"Your Name*\" type=\"text\" id=\"your-name\" name=\"your_name\" value=\"\" size=\"60\" maxlength=\"128\" class=\"form-check form-control your-name form-text required\">\r\n                <div  class=\"invalid-feedback\">\r\n                    Please provide Your Name.\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-12 form-group mb-4\">\r\n                <label for=\"your_email\">Your Email *<\/label>\r\n                <input  placeholder=\"Your Email*\" class=\"form-control form-check email form-text your-email required\" type=\"email\" id=\"your-email\" name=\"your_email\" size=\"60\">\r\n                <div  class=\"invalid-feedback\">\r\n                    Please provide a valid email.\r\n                <\/div>\r\n            <\/div>\r\n               \r\n          <\/form>\r\n         <\/div>\r\n<\/div>\r\n      <\/div>\r\n      <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"button send-enquiry\"><i class=\"fa fa-envelope\"><\/i>  Share<\/button>\r\n        <button type=\"button\" class=\"button outline\" data-bs-dismiss=\"modal\">Close<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n<script class=\"share-list\">\r\n    jQuery('.moveToBottom').appendTo('body');\r\n       function displayAlert(outcome,heading,message){\r\n    let symbolIcon = '';\r\n    let classAdded = '';\r\n    if(outcome === 'success'){\r\n        symbolIcon = '#check-circle-fill';\r\n        classAdded = 'alert-success';\r\n    }\r\n    else if(outcome === 'warning'){\r\n        symbolIcon = '#exclamation-triangle-fill';\r\n        classAdded = 'alert-warning';\r\n    } else if(outcome === 'danger'){\r\n        symbolIcon = '#exclamation-triangle-fill';\r\n        classAdded = 'alert-danger';\r\n    }\r\n    \r\n    \r\n    let textAlert = '<div style=\"text-align: center\" class=\"d-flex align-items-center justify-content-between  alert  alert-dismissible fade show '+ classAdded +'\" role=\"alert\"><svg class=\"bi flex-shrink-0 me-2\" width=\"24\" height=\"24\" role=\"img\" aria-label=\"\"><use xlink:href=\"'+ symbolIcon + '\"\/><\/svg> <strong> ' + heading + '<\/strong> <span> '+ message + '<\/span><button type=\"button\" class=\"btn-close d-none\" data-bs-dismiss=\"alert\" aria-label=\"Close\"><\/button><\/div>';\r\n    \r\n    jQuery('#copy-link-alert').html('');\r\n    jQuery('#copy-link-alert').append(textAlert);  \r\n    setTimeout(function(){\r\n        jQuery('#copy-link-alert button.btn-close').click();\r\n    }, 1000);\r\n}\r\n      function isEmail(email) {\r\n                            var EmailRegex = \/^([a-zA-Z0-9_.+-])+\\@(([a-zA-Z0-9-])+\\.)+([a-zA-Z0-9]{2,4})+$\/;\r\n                            return EmailRegex.test(email);\r\n                          }\r\n    jQuery(document).on('ready', function () {\r\n          \r\n           jQuery('.form-check').change(function(){\r\n                if(jQuery('.recipient-name').val()){\r\n                    jQuery('.recipient-name').removeClass('is-invalid is-valid');\r\n                         validated = true;\r\n                         jQuery('.recipient-name').addClass('is-valid');\r\n\r\n                 }\r\n                  else{\r\n                         validated = false;\r\n                         jQuery('.recipient-name').addClass('is-invalid');\r\n               }\r\n\r\n                if(jQuery('.recipient-email').val()){\r\n                    jQuery('.recipient-email').removeClass('is-invalid is-valid');\r\n                    var checkEmail = isEmail(jQuery('.recipient-email').val());\r\n                    if(checkEmail === true){\r\n                            validated = true;\r\n                            jQuery('.recipient-email').addClass('is-valid');\r\n                    }\r\n                    else{\r\n                            validated = false;\r\n                            jQuery('.recipient-email').addClass('is-invalid');\r\n\r\n                  }\r\n               }\r\n               if(jQuery('.recipient-email').val() && jQuery('.recipient-email').hasClass('is-valid') && jQuery('.recipient-name').val() && jQuery('.recipient-name').hasClass('is-valid')){\r\n                if(jQuery('.your-name').val()){\r\n                    jQuery('.your-name').removeClass('is-invalid is-valid');\r\n                         validated = true;\r\n                         jQuery('.your-name').addClass('is-valid');\r\n\r\n                 }\r\n                  else{\r\n                         validated = false;\r\n                         jQuery('.your-name').addClass('is-invalid');\r\n               }\r\n           }\r\n\r\n                if(jQuery('.your-email').val()){\r\n                    jQuery('.your-email').removeClass('is-invalid is-valid');\r\n                    var checkEmail = isEmail(jQuery('.your-email').val());\r\n                    if(checkEmail === true){\r\n                            validated = true;\r\n                            jQuery('.your-email').addClass('is-valid');\r\n                    }\r\n                    else{\r\n                            validated = false;\r\n                            jQuery('.your-email').addClass('is-invalid');\r\n\r\n                  }\r\n               }\r\n               \r\n           });\r\n           function sendEnquiry(formVals, container, form){\r\n                 \/\/Create WP Nonce\r\n            formVals['myajaxnonce'] = \"9650793467\" ;\r\n\r\n            jQuery.ajax({\r\n                method: 'POST',\r\n                url: \"\/httpssouthport\/wp-admin\/admin-ajax.php?action=homhero_shareEmailListing\",\r\n                data: formVals,\r\n                success: function (response) {\r\n                    response = JSON.parse(response);\r\n                    if (response.success) {\r\n                        jQuery('.loading-overlay').toggleClass('active');\r\n\r\n                        jQuery('.form-enquiry-div').addClass('not-active');\r\n                        container.find('.enquiry-message').html(\"<div class='alert alert-success'><h5>Success!<\/h5>Enquiry sent successfully.<\/div>\");\r\n                        jQuery('.send-enquiry').prop('disabled', 'disabled');\r\n                         jQuery('.modal-footer').addClass('d-none');\r\n                          window.setTimeout(function () {\r\n                                container.modal('hide');\r\n                            }, 1000);\r\n                    } else {\r\n                        if (response.invalid_fields.length > 0) {\r\n                            jQuery.each(response.invalid_fields, function (i, invalid) {\r\n                                form.find('input[name=' + invalid + ']').removeClass('is-valid').addClass('is-invalid');\r\n                            });\r\n                        }\r\n                         if (response.message) {\r\n                         container.find('.modal-body').html(\"<div class='alert alert-danger'><h5>Error<\/h5>\" + response.message + \"<\/div>\");\r\n                    }\r\n\r\n                    }\r\n                },\r\n                error: function (response) {\r\n                    loading.toggleClass('active');\r\n                }\r\n            })\r\n                                \r\n           }\r\n          \r\n          \r\n                        jQuery(document).on(\"click\", \".send-enquiry\", function (e) {\r\n                            \r\n\/\/                            if(jQuery('.send-shortlist-to-email').val()){\r\n                            if(jQuery('.send-shortlist-to-emailID').val()){\r\n                            var container = jQuery(\"#shareShortList\");\r\n                            var form = container.find('form');\r\n                            var inputs = form.find('.form-control');\r\n                             var loading = container.find('.loading-overlay');\r\n                            var validated = true;\r\n                           \r\n                            var formVals = {};\r\n\r\n                            inputs.each(function (i, input) {\r\n                                input = jQuery(input);\r\n                                input.removeClass('is-invalid is-valid');\r\n                                if (input.hasClass('required') && (!input.val() || input.val().trim() == '')) {\r\n                                validated = false;\r\n                                input.addClass('is-invalid');\r\n                            } else{\r\n                               input.addClass('is-valid');\r\n                            }\r\n                                formVals[ input.attr('name') ] = input.val();\r\n                                \r\n                            });\r\n                           \r\n                          \r\n                           \r\n                              \r\n                            if (validated) {\r\n                                console.log(\"Loaded\");\r\n                                form.addClass('opaque');\r\n                                loading.toggleClass('active');\r\n                                \r\n                                \r\n                                if (typeof grecaptcha !== 'undefined') {  \r\n                                        grecaptcha.ready(function() {\r\n                                           grecaptcha.execute( hh_recaptcha.siteKey, {action: 'submit'})\r\n                                           .then(function(token) {\r\n\r\n                                                    jQuery.ajax({\r\n                                                       method: 'POST',\r\n                                                       url: \"\/httpssouthport\/wp-admin\/admin-ajax.php?action=homhero_google_recaptcha_verify\",\r\n                                                       data: {'token' : token},\r\n                                                       success: function (response) {\r\n                                                           const googleRecaptchaResponse = JSON.parse(response);\r\n                                                            if(googleRecaptchaResponse.success){\r\n                                                               sendEnquiry(formVals, container, form);\r\n                                                            }else{\r\n                                                                container.find('.enquiry-message').html(\"<div class='alert alert-danger'><h5>Error!<\/h5> \" + googleRecaptchaResponse.message + \"<\/div>\");\r\n                                                            }\r\n                                                       },\r\n                                                       error: function (response) {\r\n                                                           container.find('.enquiry-message').html(\"<div class='alert alert-danger'><h5>Error<\/h5> Google reCaptcha failed <\/div>\");\r\n                                                           loading.toggleClass('active');\r\n                                                          }\r\n                                                   })\r\n                                           })\r\n                                           .catch(function (error) {\r\n                                               console.error('Error executing reCAPTCHA:', error);\r\n                                               \/\/ Handle the error, for example, show an error message to the user\r\n\/\/                                               alert('reCAPTCHA failed. Please try again.');\r\n                                           });\r\n                                         });\r\n                                }else{\r\n                                      container.find('.enquiry-message').html(\"<div class='alert alert-danger'><h5>Error!<\/h5> Google Recaptcha is not loaded<\/div>\");\r\n                                }\r\n                                \r\n                                \r\n                          \r\n                            }\r\n                            else{\r\n                            return false;\r\n                            }\r\n                          \r\n\r\n                            e.preventDefault();\r\n                            return false;\r\n                            }\r\n                            else{\r\n                                jQuery('.enquiry-message').html(\"<div class='alert alert-danger'><h5>No Shortlist Found<\/h5>There are no listings selected.<\/div>\");\r\n                            }\r\n                        })\r\n                         \r\n                        \r\n                        \r\n                     jQuery('#share-via-shortlist-button').click(function () {\r\n \r\n                        navigator.clipboard.writeText(jQuery('#share-via-shortlist-button').attr('data-sending-url'));\r\n                          displayAlert('success','Success!!!','  Link has been copied.');\r\n                     });\r\n                    \r\n                       \r\n                       \r\n        \r\n                    });\r\n<\/script><div class=\"key-features\" data-key-features=\"Air conditioning,Fireplace\"><\/div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\r\n        <symbol id=\"check-circle-fill\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n          <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z\"\/>\r\n        <\/symbol>\r\n        <symbol id=\"info-fill\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n          <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z\"\/>\r\n        <\/symbol>\r\n        <symbol id=\"exclamation-triangle-fill\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n          <path d=\"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z\"\/>\r\n        <\/symbol>\r\n      <\/svg>\r\n <div id=\"copy-link-alert\">\r\n          \r\n      <\/div>\r\n<div id=\"searchResults\" class=\"shortlist mb-4 full-page-inner\">\r\n    <div id=\"search-page\" data-search-page=\"https:\/\/templates.homherodev.com\/southport\/stays\/\"><\/div>\r\n\r\n    <div class=\"search_col\">\r\n        <div class=\"searchResultsNo\" data-pets-features=\"Pet Friendly,Pets Welcome,Pets Allowed,Pets Negotiable\" data-wifi-features=\"Wifi,Wi fi,Free Wifi,Free Wi fi,WIFI\">\r\n            <div class=\"row content\">\r\n                <div id=\"homhero-loader\"  class=\"d-flex justify-content-center flex-column text-center w-100 align-items-center\">\r\n                    <div class=\"spinner-border\"><\/div>\r\n                    <div class=\"mt-2\">Loading&#8230;<\/div>\r\n                <\/div>       \r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"pagination-container\"><\/div>\r\n    <div class=\"share-button-wrapper d-flex flex-wrap g-3 justify-content-center d-none\">\r\n        <button id = \"\" class=\"button outline clearShortlist \"  data-bs-toggle=\"modal\" data-bs-target=\"#confirm-clear\">Clear All <i class=\"fas fa-trash\"><\/i><\/button>\r\n        <button id=\"share-shortlist-button\" type=\"button\" class=\"button \" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\"><i class=\"fa fa-envelope\"><\/i>  <\/button>\r\n        <button id=\"share-via-shortlist-button\" type=\"button\" class=\"button \" disabled data-url=\"\" data-shortlist-url=\"https:\/\/templates.homherodev.com\/southport\/shortlist\/\" data-sending-url=\"\"><i class=\"fa fa-copy\"><\/i>  Copy Link <\/button>\r\n<\/div>\r\n<\/div>\r\n<div class=\"modal fade\" id=\"confirm-clear\" tabindex=\"-1\">\r\n  <div class=\"modal-dialog modal-dialog-centered\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"modal-header\">\r\n        <h5 class=\"modal-title\">Accommodation Shortlist<\/h5>\r\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\r\n      <\/div>\r\n      <div class=\"modal-body\">\r\n        <p>Clear all the saved properties<\/p>\r\n      <\/div>\r\n      <div class=\"modal-footer\">\r\n        <button type=\"button\" class=\"button closeButtonDialog\" data-bs-dismiss=\"modal\">Close<\/button>\r\n        <button type=\"button\" class=\"button clearButtonDialog\">Clear All  <i class=\"fas fa-trash\"><\/i><\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\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":{"_acf_changed":false,"_homhero_southport_theme_hide_title":false,"_homhero_southport_theme_transparent_header":false,"footnotes":""},"class_list":["post-760","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/pages\/760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/comments?post=760"}],"version-history":[{"count":1,"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/pages\/760\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/pages\/760\/revisions\/762"}],"wp:attachment":[{"href":"https:\/\/templates.homherodev.com\/southport\/wp-json\/wp\/v2\/media?parent=760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}