{"id":15057,"date":"2020-03-05T12:58:12","date_gmt":"2020-03-05T12:58:12","guid":{"rendered":"https:\/\/www.beechenghiang.co.id\/lokasi-toko\/"},"modified":"2020-03-08T05:33:09","modified_gmt":"2020-03-08T05:33:09","slug":"store-locator","status":"publish","type":"page","link":"https:\/\/www.beechenghiang.co.id\/en\/store-locator\/","title":{"rendered":"Store Locator"},"content":{"rendered":"<link rel='stylesheet' id='asl-plugin-css' href='https:\/\/www.beechenghiang.co.id\/wp-content\/plugins\/bch-store-locator\/public\/css\/blue\/asl-1-0.css' type='text\/css' media='all' \/>\n<style type=\"text\/css\">\n    #asl-storelocator.asl-p-cont .Status_filter .onoffswitch-inner::before {\n        content: \"OPEN\" !important\n    }\n\n    #asl-storelocator.asl-p-cont .Status_filter .onoffswitch-inner::after {\n        content: \"CLOSE\" !important\n    }\n<\/style>\n<div id=\"asl-storelocator\" class=\"container no-pad asl-template-1 storelocator-main asl-p-cont asl-layout-0 asl-bg-0 asl-text-1 full-width \">\n        <div class=\"row hide\">\n        <div class=\"col-md-12\" id=\"filter-options\">\n            <div class=\"inner-filter\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-sm-4 col-xs-12 asl-map\">\n                            <div class=\"col-xs-12 inside search_filter\">\n                    <div class=\"row\">\n                        <div class=\"col-xs-12 search_filter\">\n                            <p>\n                                <input type=\"text\" id=\"auto-complete-search\" class=\"form-control auto-complete-search\" placeholder=\"Search Location\">\n                                <span><i class=\"glyphicon asl-geo icon-direction-outline\" title=\"Current Location\"><\/i><\/span>\n                            <\/p>\n                        <\/div>\n                        <div class=\"col-xs-12 drop_box_filter\">\n                            <div class=\"categories_filter\">\n                            <\/div>\n                        <\/div>\n                        <!-- <div class=\"col-xs-12 \">\n                            <div class=\"range_filter hide\">\n                                <p class=\"rangeFilter\">\n                                    <span>Distance Range<\/span>\n                                    <input id=\"asl-radius-slide\" type=\"text\" class=\"span2\" \/>\n                                    <span class=\"rad-unit\">Radius: <span id=\"asl-radius-input\"><\/span> <span id=\"asl-dist-unit\">KM<\/span><\/span>\n                                <\/p>\n                            <\/div>\n                        <\/div> -->\n                    <\/div>\n                <\/div>\n            \n                        <!--  Panel Listing -->\n            <div id=\"panel\" class=\"storelocator-panel\">\n                <div class=\"asl-overlay\" id=\"map-loading\">\n                    <div class=\"white\"><\/div>\n                    <div id=\"loader\">\n                    <\/div>\n                <\/div>\n                <div class=\"panel-cont\">\n                    <div class=\"panel-inner\">\n                        <div class=\"col-md-12\">\n                            <ul id=\"p-statelist\" role=\"tablist\" aria-multiselectable=\"true\">\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"directions-cont hide\">\n                    <div class=\"agile-modal-header\">\n                        <button type=\"button\" class=\"close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n                        <h4>Directions<\/h4>\n                    <\/div>\n                    <div class=\"rendered-directions\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"col-sm-8 col-xs-12 asl-panel\">\n            <div class=\"store-locator\">\n                <div id=\"asl-map-canv\"><\/div>\n                <!-- agile-modal -->\n                <div id=\"agile-modal-direction\" class=\"agile-modal fade\">\n                    <div class=\"agile-modal-backdrop-in\"><\/div>\n                    <div class=\"agile-modal-dialog in\">\n                        <div class=\"agile-modal-content\">\n                            <div class=\"agile-modal-header\">\n                                <button type=\"button\" class=\"close-directions close\" data-dismiss=\"agile-modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n                                <h4>Get Your Directionss<\/h4>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label for=\"frm-lbl\">From:<\/label>\n                                <input type=\"text\" class=\"form-control frm-place\" id=\"frm-lbl\" placeholder=\"Enter a Location\">\n                            <\/div>\n                            <div class=\"form-group\">\n                                <label for=\"frm-lbl\">To:<\/label>\n                                <input readonly=\"true\" type=\"text\" class=\"directions-to form-control\" id=\"to-lbl\" placeholder=\"Prepopulated Destination Address\">\n                            <\/div>\n                            <div class=\"form-group\">\n                                <span for=\"frm-lbl\">Show Distance In<\/span>\n                                <label class=\"checkbox-inline\">\n                                    <input type=\"radio\" name=\"dist-type\" id=\"rbtn-km\" value=\"0\"> KM                                <\/label>\n                                <label class=\"checkbox-inline\">\n                                    <input type=\"radio\" name=\"dist-type\" checked id=\"rbtn-mile\" value=\"1\"> Mile                                <\/label>\n                            <\/div>\n                            <div class=\"form-group\">\n                                <button type=\"submit\" class=\"btn btn-default btn-submit\">GET DIRECTIONS<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"asl-geolocation-agile-modal\" class=\"agile-modal fade\">\n                    <div class=\"agile-modal-backdrop-in\"><\/div>\n                    <div class=\"agile-modal-dialog in\">\n                        <div class=\"agile-modal-content\">\n                            <button type=\"button\" class=\"close-directions close\" data-dismiss=\"agile-modal\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n                                                            <div class=\"form-group\">\n                                    <h4>Use my location to find the closest Bee Cheng Hiang Outlet near me<\/h4>\n                                <\/div>\n                                <div class=\"form-group\">\n                                    <button type=\"button\" id=\"asl-btn-geolocation\" class=\"btn btn-default\">USE LOCATION<\/button>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                <!-- agile-modal end -->\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<!-- This Plugin is developed by \"Agile Store Locator for WordPress\" https:\/\/agilestorelocator.com-->\n    <script id=\"tmpl_list_item\" type=\"text\/x-jsrender\">\n        <div class=\"item\" data-id=\"{{:id}}\">\n        <div class=\"col-md-12 col-xs-12 addr-sec\">\n        <p class=\"p-title\">{{:title}}<\/p>\n        <p class=\"p-area\">{{:address}}<\/p>\n        {{if phone}}\n        <p class=\"p-area\"><i class=\"fa fa-phone\"><\/i> {{:phone}}<\/p>\n        {{\/if}}\n        \n        <p class=\"p-direction\"><i class=\"fa fa-compass\"><\/i> <span class=\"s-direction\">Directions<\/span><\/p>\n\n        <\/div>\n\n        {{if description_2}}\n        <div class=\"col-xs-12\">\n        <button type=\"button\" onclick=\"javascript:asl_jQuery(this).next().next().slideToggle(100);asl_jQuery(this).next().show();asl_jQuery(this).hide()\" class=\"asl_Readmore_button\">Read more<\/button>\n        <button type=\"button\" onclick=\"javascript:asl_jQuery(this).next().slideToggle(100);asl_jQuery(this).prev().show();asl_jQuery(this).hide()\" style=\"display:none\" class=\"asl_Readmore_button\">Hide Details<\/button>\n        <p class=\"more_info\" style=\"display:none\">{{:description_2}}<\/p>\n        <\/div>\n        {{\/if}}\n        <div class=\"clear\"\/>\n        <\/div>\n    <\/script>\n\n    <script id=\"asl_too_tip\" type=\"text\/x-jsrender\">\n        {{if path}}\n        <div class=\"image_map_popup\" style=\"display:none\"><img src=\"{{:URL}}public\/Logo\/{{:path}}\" \/><\/div>\n        {{\/if}}\n        <h3>{{:title}}<\/h3>\n        <div class=\"infowindowContent\">\n            <div class=\"info-addr\">\n                <div class=\"address\">{{:address}}<\/div>\n                {{if phone}}\n                <div class=\"phone\"><i class=\"fa fa-phone\"><\/i> <\/span> <\/b><a href=\"tel:{{:phone}}\">{{:phone}}<\/a><\/div>\n                {{\/if}}\n\n                {{if distance}}\n                <div class=\"distance\">Distance: {{:dist_str}}<\/div>\n                {{\/if}}\n            <\/div>\n            {{if path}}\n            <div class=\"img_box\" style=\"display:none\">\n                <img src=\"{{:URL}}public\/Logo\/{{:path}}\" alt=\"logo\">\n            <\/div>\n            {{\/if}}\n            <div class=\"asl-buttons\"><\/div>\n        <\/div>\n        <div class=\"arrow-down\"><\/div>\n    <\/script>\n\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":[],"yst_prominent_words":[],"_links":{"self":[{"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/pages\/15057"}],"collection":[{"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/comments?post=15057"}],"version-history":[{"count":5,"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/pages\/15057\/revisions"}],"predecessor-version":[{"id":15437,"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/pages\/15057\/revisions\/15437"}],"wp:attachment":[{"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/media?parent=15057"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.beechenghiang.co.id\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=15057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}