{"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\">\r\n    <div class=\"locations-header\">\r\n        <div class=\"all-locations-div\">\r\n            <h1>All Locations<\/h1>\r\n        <\/div>\r\n        <div class=\"select-region-div\">\r\n            <p>Please select your country and region<\/p>\r\n        <\/div>\r\n        <div class=\"region-selector-div\">\r\n            <select id=\"region-selector\" name=\"region\" v-model=\"region\" @change=\"regionChange\">\r\n                <option value=\"\">Select Region<\/option>\r\n                                    <option value=\"Canada\">Canada<\/option>\r\n                                    <option value=\"Hong Kong\">Hong Kong<\/option>\r\n                            <\/select>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stores-list\" v-if=\"region\">\r\n        <h2>Available Stores<\/h2>\r\n        <div id=\"stores-container\">\r\n            <table class=\"table table-bordered table-hover\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Store Name<\/th>\r\n                        <th>Venues<\/th>\r\n                        <th>Phone<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr v-if=\"stores.length === 0\">\r\n                        <td colspan=\"3\">No stores available at this time.<\/td>\r\n                    <\/tr>\r\n                    <tr v-for=\"(store, index) in stores\" :key=\"store.id\">\r\n                        <td>{{ store.name }}<\/td>\r\n                        <td>\r\n                            <div v-for=\"(venue, i) in store.venues\" :key=\"i\">{{ i + 1 }}.{{ venue.address_detail }}<\/div>\r\n                        <\/td>\r\n                        <td>{{ store.phone }}<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n.locations-page {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    font-family: Arial, sans-serif;\r\n}\r\n\r\n.locations-header {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n    align-items: center;\r\n    padding: 20px;\r\n    background-color: #f5f5f5;\r\n    border-radius: 8px;\r\n}\r\n\r\n.all-locations-div {\r\n    flex: 1;\r\n    min-width: 200px;\r\n}\r\n\r\n.all-locations-div h1 {\r\n    margin: 0;\r\n    color: #333;\r\n    font-size: 2em;\r\n}\r\n\r\n.select-region-div {\r\n    flex: 1;\r\n    min-width: 200px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.select-region-div p {\r\n    margin: 0;\r\n    font-size: 1.1em;\r\n    color: #666;\r\n}\r\n\r\n.region-selector-div {\r\n    flex: 1;\r\n    min-width: 200px;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n\r\n#region-selector {\r\n    padding: 10px 15px;\r\n    font-size: 16px;\r\n    border: 2px solid #ddd;\r\n    border-radius: 5px;\r\n    min-width: 250px;\r\n}\r\n\r\n#region-selector:focus {\r\n    outline: none;\r\n    border-color: #007cba;\r\n}\r\n\r\n.stores-list {\r\n    margin-top: 20px;\r\n}\r\n\r\n.stores-list h2 {\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n    font-size: 1.5em;\r\n}\r\n\r\n#stores-container {\r\n}\r\n\r\n.store-item {\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    background-color: #fff;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n    transition: box-shadow 0.3s ease;\r\n}\r\n\r\n.store-item:hover {\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n}\r\n\r\n.store-info .store-name {\r\n    margin: 0 0 15px 0;\r\n    color: #333;\r\n    font-size: 1.3em;\r\n}\r\n\r\n.store-details {\r\n    border-top: 1px solid #eee;\r\n    padding-top: 15px;\r\n}\r\n\r\n.store-details p {\r\n    margin: 8px 0;\r\n    color: #555;\r\n}\r\n\r\n.store-details strong {\r\n    color: #333;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .locations-header {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n    }\r\n    \r\n    .select-region-div,\r\n    .region-selector-div {\r\n        justify-content: flex-start;\r\n    }\r\n    \r\n    .region-selector-div {\r\n        display: block;\r\n    }\r\n    \r\n    #region-selector {\r\n        min-width: 100%;\r\n        width: 100%;\r\n    }\r\n    \r\n    #stores-container {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n<script>\r\n    var ajaxurl = 'https:\/\/pulsepass.fit\/wp-admin\/admin-ajax.php';\r\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}]}}