{"id":381,"date":"2026-01-12T15:31:11","date_gmt":"2026-01-12T15:31:11","guid":{"rendered":"https:\/\/pulsepass.fit\/?page_id=381"},"modified":"2026-01-12T15:31:12","modified_gmt":"2026-01-12T15:31:12","slug":"locations","status":"publish","type":"page","link":"https:\/\/pulsepass.fit\/yue\/locations\/","title":{"rendered":"locations"},"content":{"rendered":"<div class=\"locations-page\" id=\"locations-page\">\n    <div class=\"locations-header\">\n        <div class=\"all-locations-div\">\n            <h1>All Locations<\/h1>\n        <\/div>\n        <div class=\"select-region-div\">\n            <p>Please select your country and region<\/p>\n        <\/div>\n        <div class=\"region-selector-div\">\n            <select id=\"region-selector\" name=\"region\" v-model=\"region\" @change=\"regionChange\">\n                <option value=\"\">Select Region<\/option>\n                                    <option value=\"Canada\">Canada<\/option>\n                                    <option value=\"Hong Kong\">Hong Kong<\/option>\n                            <\/select>\n        <\/div>\n    <\/div>\n\n    <div class=\"stores-list\" v-if=\"region\">\n        <h2>Available Stores<\/h2>\n        <div id=\"stores-container\">\n            <table class=\"table table-bordered table-hover\">\n                <thead>\n                    <tr>\n                        <th>Store Name<\/th>\n                        <th>Venues<\/th>\n                        <th>Phone<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr v-if=\"stores.length === 0\">\n                        <td colspan=\"3\">No stores available at this time.<\/td>\n                    <\/tr>\n                    <tr v-for=\"(store, index) in stores\" :key=\"store.id\">\n                        <td>{{ store.name }}<\/td>\n                        <td>\n                            <div v-for=\"(venue, i) in store.venues\" :key=\"i\">{{ i + 1 }}.{{ venue.address_detail }}<\/div>\n                        <\/td>\n                        <td>{{ store.phone }}<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n.locations-page {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: Arial, sans-serif;\n}\n\n.locations-header {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin-bottom: 30px;\n    align-items: center;\n    padding: 20px;\n    background-color: #f5f5f5;\n    border-radius: 8px;\n}\n\n.all-locations-div {\n    flex: 1;\n    min-width: 200px;\n}\n\n.all-locations-div h1 {\n    margin: 0;\n    color: #333;\n    font-size: 2em;\n}\n\n.select-region-div {\n    flex: 1;\n    min-width: 200px;\n    display: flex;\n    align-items: center;\n}\n\n.select-region-div p {\n    margin: 0;\n    font-size: 1.1em;\n    color: #666;\n}\n\n.region-selector-div {\n    flex: 1;\n    min-width: 200px;\n    display: flex;\n    justify-content: flex-end;\n}\n\n#region-selector {\n    padding: 10px 15px;\n    font-size: 16px;\n    border: 2px solid #ddd;\n    border-radius: 5px;\n    min-width: 250px;\n}\n\n#region-selector:focus {\n    outline: none;\n    border-color: #007cba;\n}\n\n.stores-list {\n    margin-top: 20px;\n}\n\n.stores-list h2 {\n    color: #333;\n    margin-bottom: 20px;\n    font-size: 1.5em;\n}\n\n#stores-container {\n}\n\n.store-item {\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    padding: 20px;\n    background-color: #fff;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: box-shadow 0.3s ease;\n}\n\n.store-item:hover {\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n}\n\n.store-info .store-name {\n    margin: 0 0 15px 0;\n    color: #333;\n    font-size: 1.3em;\n}\n\n.store-details {\n    border-top: 1px solid #eee;\n    padding-top: 15px;\n}\n\n.store-details p {\n    margin: 8px 0;\n    color: #555;\n}\n\n.store-details strong {\n    color: #333;\n}\n\n@media (max-width: 768px) {\n    .locations-header {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .select-region-div,\n    .region-selector-div {\n        justify-content: flex-start;\n    }\n    \n    .region-selector-div {\n        display: block;\n    }\n    \n    #region-selector {\n        min-width: 100%;\n        width: 100%;\n    }\n    \n    #stores-container {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n<script>\n    var ajaxurl = 'https:\/\/pulsepass.fit\/wp-admin\/admin-ajax.php';\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"footnotes":""},"class_list":["post-381","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":2,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/pages\/381\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/pulsepass.fit\/yue\/wp-json\/wp\/v2\/media?parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}