{"id":2102,"date":"2020-11-30T00:28:42","date_gmt":"2020-11-29T22:28:42","guid":{"rendered":"http:\/\/brasserieduclocher.be\/philomene\/?page_id=2102"},"modified":"2020-12-05T00:42:45","modified_gmt":"2020-12-04T22:42:45","slug":"store-locator","status":"publish","type":"page","link":"https:\/\/brasserieduclocher.be\/philomene\/store-locator\/","title":{"rendered":"Store Locator"},"content":{"rendered":"[vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1607121707049{margin-bottom: 0px !important;}&#8221;]\n<link rel='stylesheet' id='asl-plugin-css'  href='https:\/\/brasserieduclocher.be\/philomene\/wp-content\/plugins\/codecanyon-ez40n0pk-agile-store-locator-google-maps-for-wordpress\/public\/css\/tmpl-1\/asl-1-7.css?v=4.6.9' type='text\/css' media='all' \/>\n<style type=\"text\/css\">\n#asl-storelocator.asl-p-cont .Status_filter .onoffswitch-inner::before{content: \"OUVRIR\" !important}\n#asl-storelocator.asl-p-cont .Status_filter .onoffswitch-inner::after{content: \"ALL\" !important}\n#asl-storelocator.container.storelocator-main.asl-p-cont .asl-loc-sec .asl-panel {order: 0;}\n<\/style>\n<div id=\"asl-storelocator\" class=\"container asl-template-1 storelocator-main asl-p-cont asl-layout-0 asl-bg-0 asl-text-1 full-width full-height\">\n    \n  <div class=\"row Filter_section\">\n      <div class=\"col-xs-12 col-sm-4 search_filter\">\n          <p>Chercher Location<\/p>\n          <div class=\"sl-search-group\">\n            <input type=\"text\" value=\"\" data-submit=\"disable\"  tabindex=\"2\" id=\"auto-complete-search\" placeholder=\"Saisissez un lieu\"  class=\"asl-search-address form-control isp_ignore\">\n            <span><i class=\"asl-geo icon-direction-outline\" title=\"Localisation actuelle\"><\/i><\/span>\n          <\/div>\n      <\/div>\n      <div class=\"col-xs-12 col-sm-8\">\n        <div class=\"\">\n          <div class=\"row\">\n                        <div class=\"col-sm-12 asl-advance-filters hide\">\n                <div class=\"row\">\n                  <div class=\"col-xs-4 drop_box_filter\">\n                      <div class=\"asl-filter-cntrl\">\n                        <label class=\"asl-cntrl-lbl\">Cat\u00e9gorie<\/label>\n                        <div class=\"categories_filter\" id=\"categories_filter\">\n                        <\/div>\n                      <\/div>\n                  <\/div>\n                  <div class=\"col-xs-4 range_filter hide\">\n                      <div class=\"rangeFilter asl-filter-cntrl\">\n                        <label class=\"asl-cntrl-lbl\">Distance Range<\/label>\n                        <input id=\"asl-radius-slide\" type=\"text\" class=\"span2\" \/>\n                        <span class=\"rad-unit\">Rayon: <span id=\"asl-radius-input\"><\/span> <span id=\"asl-dist-unit\">KM<\/span><\/span>\n                      <\/div>\n                  <\/div>\n                  <div class=\"col-xs-4 col-md-2 Status_filter\">\n                    <div class=\"asl-filter-cntrl\">\n                      <label class=\"asl-cntrl-lbl\">Statut<\/label>\n                      <div class=\"onoffswitch\">\n                        <input type=\"checkbox\" name=\"onoffswitch\" class=\"onoffswitch-checkbox\" id=\"asl-open-close\" checked>\n                        <label class=\"onoffswitch-label\" for=\"asl-open-close\">\n                            <span class=\"onoffswitch-inner\"><\/span>\n                            <span class=\"onoffswitch-switch\"><\/span>\n                        <\/label>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n  <\/div>\n  <div class=\"row asl-loc-sec\">\n  <div class=\"col-sm-8 col-xs-12 asl-map\">\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 Directions<\/h4>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"frm-lbl\">De:<\/label>\n              <input type=\"text\" class=\"form-control frm-place\" id=\"frm-lbl\" placeholder=\"Saisissez un lieu\">\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"frm-lbl\">\u00c0:<\/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\">Afficher Distance Dans<\/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\">OBTENIR DES 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>Utiliser mon emplacement pour trouver le fournisseur de services le plus pr\u00e8s de moi<\/h4>\n              <\/div>\n              <div class=\"form-group text-center\">\n                <button type=\"button\" id=\"asl-btn-geolocation\" class=\"btn btn-block btn-default\">UTILISATION LOCATION<\/button>\n              <\/div>\n                        <\/div>\n        <\/div>\n      <\/div>\n      <!-- agile-modal end -->\n    <\/div>\n  <\/div>\n  <div class=\"col-sm-4 col-xs-12 asl-panel\">\n        \n        <!--  Panel Listing -->\n    <div id=\"asl-list\" class=\"storelocator-panel\">\n      <div class=\"asl-overlay\" id=\"map-loading\">\n        <div class=\"white\"><\/div>\n        <div class=\"loading\"><img decoding=\"async\" style=\"margin-right: 10px;\" class=\"loader\" src=\"https:\/\/brasserieduclocher.be\/philomene\/wp-content\/plugins\/codecanyon-ez40n0pk-agile-store-locator-google-maps-for-wordpress\/public\/Logo\/loading.gif\">Chargement...<\/div>\n      <\/div>\n      <div class=\"panel-cont\">\n          <div class=\"panel-inner\">\n            <div class=\"col-md-12 asl-p-0\">\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>\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=\"sl-item\" data-id=\"{{:id}}\">\n    <div class=\"row\">\n      <div class=\"{{if path}}col-md-9 col-xs-9{{else}}col-md-12{{\/if}} addr-sec\">\n        <p class=\"p-title\">{{:title}}<\/p>\n        <p class=\"p-area\">{{:address}}<\/p>\n        {{if phone}}\n        <p class=\"p-area\"><span class=\"glyphicon icon-phone-outline\"><\/span>{{:phone}}<\/p>\n        {{\/if}}\n        {{if email}}\n        <p class=\"p-area\"><span class=\"glyphicon icon-at\"><\/span><a href=\"mailto:{{:email}}\" style=\"text-transform: lowercase;color:inherit;\">{{:email}}<\/a><\/p>\n        {{\/if}}\n        {{if c_names}}\n        <p class=\"p-category\"><span class=\"glyphicon icon-tag\"><\/span> {{:c_names}}<\/p>\n        {{\/if}}\n\n<!-- ALEX - not displaying opening hours and days in shop list \n\n        {{if open_hours}}\n        <p class=\"p-time\"><span class=\"glyphicon icon-clock-1\"><\/span> {{:open_hours}}<\/p>\n        {{\/if}}\n\n        {{if days_str}}\n        <p class=\"p-time\"><span class=\"glyphicon icon-calendar\"><\/span>{{:days_str}}<\/p>\n        {{\/if}}\n      <\/div>\n-->\n      {{if path}}\n      <div class=\"col-md-3 col-xs-3\">\n        <div class=\"item-thumb\">\n            <a class=\"thumb-a\">\n                <img decoding=\"async\" src=\"https:\/\/brasserieduclocher.be\/philomene\/wp-content\/plugins\/codecanyon-ez40n0pk-agile-store-locator-google-maps-for-wordpress\/public\/Logo\/{{:path}}\" alt=\"logo\">\n            <\/a>\n        <\/div>\n      <\/div>\n      {{\/if}}\n    <\/div>\n    <div class=\"row\">\n      <div class=\"mt-10 distance\">\n          <div class=\"col-xs-6\">\n            <p class=\"p-direction\"><button type=\"button\" class=\"btn btn-asl s-direction\">Directions<\/button><\/p>\n          <\/div>\n          {{if dist_str}}\n          <div class=\"col-xs-6\">\n              <span class=\"s-distance\">{{:dist_str}}<\/span>\n          <\/div>\n          {{\/if}}\n      <\/div>\n    <\/div>\n    {{if description}}\n    <div class=\"row\">\n      <div class=\"col-xs-12\">\n        <a onclick=\"javascript:jQuery(this).next().next().slideToggle(100);jQuery(this).next().show();jQuery(this).hide()\" class=\"btn btn-default asl_Readmore_button\">Lire la suite<\/a>\n        <a onclick=\"javascript:jQuery(this).next().slideToggle(100);jQuery(this).prev().show();jQuery(this).hide()\" style=\"display:none\" class=\"btn btn-default asl_Readmore_button\">Cacher les d\u00e9tails<\/a>\n        <p class=\"more_info\" style=\"display:none\">{{:description}}<\/p>\n      <\/div>\n    <\/div>\n    {{\/if}}\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 decoding=\"async\" src=\"{{:URL}}public\/Logo\/{{:path}}\" \/><\/div>\n{{\/if}}\n  <h3>{{:title}}<\/h3>\n  <div class=\"infowindowContent\">\n    <div class=\"info-box-cont\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <div class=\"{{if path}}info-addr{{else}}info-addr w-100-p{{\/if}}\">\n            <div class=\"address\"><span class=\"glyphicon icon-location\"><\/span><span>{{:address}}<\/span><\/div>\n            {{if phone}}\n            <div class=\"phone\"><span class=\"glyphicon icon-phone-outline\"><\/span><a href=\"tel:{{:phone}}\">{{:phone}}<\/a><\/div>\n            {{\/if}}\n            {{if email}}\n            <div class=\"p-time\"><span class=\"glyphicon icon-at\"><\/span><a href=\"mailto:{{:email}}\" style=\"text-transform: lowercase\">{{:email}}<\/a><\/div>\n            {{\/if}}\n          <\/div>\n          {{if path}}\n          <div class=\"img_box\" style=\"display:none\">\n            <img decoding=\"async\" src=\"{{:URL}}public\/Logo\/{{:path}}\" alt=\"logo\">\n          <\/div>\n          {{\/if}}\n        <\/div>\n      <\/div>\n      <div class=\"row\">\n        <div class=\"col-md-12 asl-tt-details\">\n <!-- ALEX - not displaying opening hours and days in shop list\n          {{if open_hours}}\n          <div class=\"p-time\"><span class=\"glyphicon icon-clock-1\"><\/span> {{:open_hours}}<\/div>\n          {{\/if}}\n          {{if days_str}}\n          <div class=\"p-time\"><span class=\"glyphicon icon-calendar-outlilne\"><\/span> {{:days_str}}<\/div>\n          {{\/if}}\n-->\n          {{if show_categories && c_names}}\n          <div class=\"categories asl-p-0\"><span class=\"glyphicon icon-tag\"><\/span><span>{{:c_names}}<\/span><\/div>\n          {{\/if}}\n          {{if dist_str}}\n          <div class=\"distance\">Distance: {{:dist_str}}<\/div> \n          {{\/if}}\n          {{if description}} <div><span style=\"color:#6D6D6D;\">{{:description}}<\/span><\/div> {{\/if}}\n        <\/div>\n      <\/div>\n    <\/div>\n  <div class=\"asl-buttons\"><\/div>\n<\/div><div class=\"arrow-down\"><\/div>\n<\/script>\n\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1607121707049{margin-bottom: 0px !important;}&#8221;] [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/pages\/2102"}],"collection":[{"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/comments?post=2102"}],"version-history":[{"count":9,"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/pages\/2102\/revisions"}],"predecessor-version":[{"id":2112,"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/pages\/2102\/revisions\/2112"}],"wp:attachment":[{"href":"https:\/\/brasserieduclocher.be\/philomene\/wp-json\/wp\/v2\/media?parent=2102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}