{"id":136,"date":"2021-11-20T05:36:45","date_gmt":"2021-11-20T05:36:45","guid":{"rendered":"https:\/\/dogbits.com\/explore-2-columns\/"},"modified":"2021-11-20T05:36:45","modified_gmt":"2021-11-20T05:36:45","slug":"explore-2-columns","status":"publish","type":"page","link":"https:\/\/dogbits.com\/explore-2-columns\/","title":{"rendered":"Explore (2 columns)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"136\" class=\"elementor elementor-136 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e5ib7yy elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e5ib7yy\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-no7ij0f\" data-id=\"no7ij0f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-sea90f9 elementor-widget elementor-widget-case27-explore-widget\" data-id=\"sea90f9\" data-element_type=\"widget\" data-widget_type=\"case27-explore-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t<div :class=\"['mobile-tab-'+state.mobileTab,mapExpanded?'map-expanded':'']\" class=\"cts-explore finder-container fc-type-1 finder-two-columns explore-types-topbar\" id=\"c27-explore-listings\" :style=\"containerStyles\">\r\n\r\n\t\t\t\r\n<div class=\"explore-head\" v-show=\"!(isMobile && state.mobileTab==='filters')\">\r\n\t<div class=\"explore-types cts-carousel\">\r\n\t\t<div class=\"finder-title\">\r\n\t\t\t<h2 class=\"case27-primary-text\">What are you looking for?<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t<div class=\"type-place item\"\r\n\t\t\t\t :class=\"activeType.slug === 'place'  ? 'active' : ''\">\r\n\t\t\t\t<a @click.prevent=\"setType( &quot;place&quot; )\">\r\n\t\t\t\t\t<div class=\"type-info\">\r\n\t\t\t\t\t\t<i class=\"icon-location-pin-check-2\"><\/i>\r\n\t\t\t\t\t\t<h4>Places<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"type-event item\"\r\n\t\t\t\t :class=\"activeType.slug === 'event'  ? 'active' : ''\">\r\n\t\t\t\t<a @click.prevent=\"setType( &quot;event&quot; )\">\r\n\t\t\t\t\t<div class=\"type-info\">\r\n\t\t\t\t\t\t<i class=\"mi queue_music\"><\/i>\r\n\t\t\t\t\t\t<h4>Events<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t\t\t<div class=\"cts-prev\">prev<\/div>\r\n\t\t<div class=\"cts-next\">next<\/div>\r\n\t<\/div>\r\n<\/div>\t\r\n\t\r\n\t<div class=\"mobile-explore-head-top\" v-if=\"activeType.id===153 && state.mobileTab!=='filters'\">\r\n\t\t<div v-if=\"currentTax\" class=\"primary-category\">\r\n\t\t\t<span class=\"cat-icon\" :style=\"'background-color:'+(currentTax.activeTerm?currentTax.activeTerm.color:'#fff')\"\r\n\t\t\t\tv-html=\"currentTax.activeTerm.single_icon\"><\/span>\r\n\t\t\t<div v-html=\"currentTermName\"><\/div>\r\n\t\t<\/div>\r\n\t\t<template v-else>\r\n\t\t\t\t\t\t\t\r\n<wp-search-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"search_keywords\"\r\n    location=\"primary-filter\"\r\n    label=\"What are you looking for?\"\r\n    @input=\"getListings( &#039;primary-filter:wp-search&#039;, true )\"\r\n    inline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi search\"><\/i>\r\n        <input required ref=\"input\" type=\"text\" :placeholder=\"label\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n    <\/div>\r\n    <div v-else class=\"form-group explore-filter wp-search-filter md-group\">\r\n        <input required ref=\"input\" type=\"text\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/wp-search-filter>\r\n\t\t\t\t\t<\/template>\r\n\r\n\t\t<div class=\"explore-head-top-filters\">\r\n\t\t\t<a v-if=\"template==='explore-no-map' && !isMobile\" href=\"#\"\r\n\t\t\t\t@click.prevent=\"this.jQuery('.fc-type-2').toggleClass('fc-type-2-open')\">\r\n\t\t\t\tFilters\t\t\t\t<i class=\"icon-settings-1\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t\t<a v-else href=\"#\" @click.prevent=\"state.mobileTab = 'filters'\">\r\n\t\t\t\tFilters\t\t\t\t<i class=\"icon-settings-1\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<div class=\"mobile-explore-head-top\" v-if=\"activeType.id===154 && state.mobileTab!=='filters'\">\r\n\t\t<div v-if=\"currentTax\" class=\"primary-category\">\r\n\t\t\t<span class=\"cat-icon\" :style=\"'background-color:'+(currentTax.activeTerm?currentTax.activeTerm.color:'#fff')\"\r\n\t\t\t\tv-html=\"currentTax.activeTerm.single_icon\"><\/span>\r\n\t\t\t<div v-html=\"currentTermName\"><\/div>\r\n\t\t<\/div>\r\n\t\t<template v-else>\r\n\t\t\t\t\t\t\t\r\n<wp-search-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"search_keywords\"\r\n    location=\"primary-filter\"\r\n    label=\"What are you looking for?\"\r\n    @input=\"getListings( &#039;primary-filter:wp-search&#039;, true )\"\r\n    inline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi search\"><\/i>\r\n        <input required ref=\"input\" type=\"text\" :placeholder=\"label\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n    <\/div>\r\n    <div v-else class=\"form-group explore-filter wp-search-filter md-group\">\r\n        <input required ref=\"input\" type=\"text\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/wp-search-filter>\r\n\t\t\t\t\t<\/template>\r\n\r\n\t\t<div class=\"explore-head-top-filters\">\r\n\t\t\t<a v-if=\"template==='explore-no-map' && !isMobile\" href=\"#\"\r\n\t\t\t\t@click.prevent=\"this.jQuery('.fc-type-2').toggleClass('fc-type-2-open')\">\r\n\t\t\t\tFilters\t\t\t\t<i class=\"icon-settings-1\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t\t<a v-else href=\"#\" @click.prevent=\"state.mobileTab = 'filters'\">\r\n\t\t\t\tFilters\t\t\t\t<i class=\"icon-settings-1\"><\/i>\r\n\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"fc-default\">\r\n\t\t<div class=\"finder-search min-scroll\" id=\"finderSearch\" :class=\"( state.mobileTab === 'filters' ? '' : 'visible-lg' )\">\r\n\t\t\t<div class=\"finder-tabs-wrapper\">\r\n\t\t\t\t\r\n\r\n<div class=\"finder-tabs col-md-12 with-listing-types\">\r\n\r\n\t\r\n\t\t<ul class=\"nav nav-tabs tabs-menu tab-count-2\" role=\"tablist\" v-show=\"activeType.slug === 'place'\">\r\n\t\t\t\t\t\t\t<li :class=\"activeType.tab == 'search-form' ? 'active' : ''\">\r\n\t\t\t\t\t<a href=\"#search-form\" role=\"tab\" class=\"tab-switch\" @click=\"activeType.tab = &#039;search-form&#039;; _getListings();\">\r\n\t\t\t\t\t\t<i class=\"mi filter_list\"><\/i>Filters\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t<li :class=\"activeType.tab == 'categories' ? 'active' : ''\">\r\n\t\t\t\t\t<a href=\"#categories\" role=\"tab\" class=\"tab-switch\" @click=\"termsExplore(&#039;categories&#039;, &#039;active&#039; )\">\r\n\t\t\t\t\t\t<i class=\"mi bookmark_border\"><\/i>Categories\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\r\n\t\t<ul class=\"nav nav-tabs tabs-menu tab-count-2\" role=\"tablist\" v-show=\"activeType.slug === 'event'\">\r\n\t\t\t\t\t\t\t<li :class=\"activeType.tab == 'search-form' ? 'active' : ''\">\r\n\t\t\t\t\t<a href=\"#search-form\" role=\"tab\" class=\"tab-switch\" @click=\"activeType.tab = &#039;search-form&#039;; _getListings();\">\r\n\t\t\t\t\t\t<i class=\"mi filter_list\"><\/i>Filters\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t<li :class=\"activeType.tab == 'categories' ? 'active' : ''\">\r\n\t\t\t\t\t<a href=\"#categories\" role=\"tab\" class=\"tab-switch\" @click=\"termsExplore(&#039;categories&#039;, &#039;active&#039; )\">\r\n\t\t\t\t\t\t<i class=\"mi bookmark_border\"><\/i>Categories\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t\t\t<\/ul>\r\n\t\r\n\t\r\n\t\t\t<div class=\"tab-content tab-count-2\" v-show=\"activeType.slug === 'place'\">\r\n\r\n\t\t\t<div id=\"search-form\" class=\"listing-type-filters search-tab tab-pane fade\" :class=\"activeType.tab == 'search-form' ? 'in active' : ''\">\r\n\t\t\t\t<div class=\"search-filters type-place type-id-153\">\r\n\t\t\t\t\t<div class=\"light-forms filter-wrapper\">\r\n\r\n\t\t\t\t\t\t\r\n<wp-search-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"search_keywords\"\r\n    location=\"advanced-form\"\r\n    label=\"What are you looking for?\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi search\"><\/i>\r\n        <input required ref=\"input\" type=\"text\" :placeholder=\"label\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n    <\/div>\r\n    <div v-else class=\"form-group explore-filter wp-search-filter md-group\">\r\n        <input required ref=\"input\" type=\"text\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/wp-search-filter>\r\n\r\n<dropdown-hierarchy-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"category\"\r\n    location=\"advanced-form\"\r\n    label=\"All Categories\"\r\n    pre-selected=\"[]\"\r\n    ajax-params=\"{&quot;taxonomy&quot;:&quot;job_listing_category&quot;,&quot;listing-type-id&quot;:153,&quot;orderby&quot;:&quot;count&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"cts-term-hierarchy form-group md-group\">\r\n        <input type=\"text\" required ref=\"input\" data-placeholder=\" \"\r\n            class=\"hide\"\r\n            :data-template=\"location==='advanced-form'?'default':'alternate'\"\r\n            :data-selected=\"preSelected\"\r\n            :data-mylisting-ajax-params=\"ajaxParams\"\r\n            @termhierarchy:change=\"handleChange\"\r\n        >\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/dropdown-hierarchy-filter>\r\n<location-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"search_location\"\r\n    location=\"advanced-form\"\r\n    label=\"Where to look?\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search ehs-location\">\r\n        <i class=\"mi search\"><\/i>\r\n        <input required ref=\"input\" type=\"text\" :placeholder=\"label\" :value=\"filters[filterKey]\"\r\n\t\t\t@autocomplete:change=\"handleAutocomplete\">\r\n    \t<i class=\"material-icons geocode-location\" @click=\"updateWithUserLocation\">my_location<\/i>\r\n    <\/div>\r\n    <div v-else class=\"form-group location-wrapper explore-filter location-filter md-group\">\r\n        <input required ref=\"input\" type=\"text\" placeholder=\" \" :value=\"filters[filterKey]\"\r\n\t\t\t@autocomplete:change=\"handleAutocomplete\">\r\n    \t<i class=\"material-icons geocode-location\" @click=\"updateWithUserLocation\">my_location<\/i>\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/location-filter>\r\n\r\n<proximity-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"proximity\"\r\n    location=\"advanced-form\"\r\n    label=\"Proximity:\"\r\n    units=\"mi\"\r\n    :max=\"80\"\r\n    :step=\"1\"\r\n    :default=\"20\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"form-group radius radius1 proximity-slider explore-filter proximity-filter\"\r\n        v-show=\"location==='basic-form'||(filters.lat && filters.lng && filters.search_location)\">\r\n        <div class=\"mylisting-range-slider\">\r\n            <div class=\"amount\">{{displayValue}}<\/div>\r\n            <div class=\"slider-range\" ref=\"slider\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/proximity-filter>\r\n\r\n<dropdown-hierarchy-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"region\"\r\n    location=\"advanced-form\"\r\n    label=\"Region\"\r\n    pre-selected=\"[]\"\r\n    ajax-params=\"{&quot;taxonomy&quot;:&quot;region&quot;,&quot;listing-type-id&quot;:153,&quot;orderby&quot;:&quot;count&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"cts-term-hierarchy form-group md-group\">\r\n        <input type=\"text\" required ref=\"input\" data-placeholder=\" \"\r\n            class=\"hide\"\r\n            :data-template=\"location==='advanced-form'?'default':'alternate'\"\r\n            :data-selected=\"preSelected\"\r\n            :data-mylisting-ajax-params=\"ajaxParams\"\r\n            @termhierarchy:change=\"handleChange\"\r\n        >\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/dropdown-hierarchy-filter>\r\n<checkboxes-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"tags\"\r\n    location=\"advanced-form\"\r\n    label=\"Tags\"\r\n\t:choices=\"[{&quot;value&quot;:&quot;bike-parking&quot;,&quot;label&quot;:&quot;Bike Parking&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;coupons&quot;,&quot;label&quot;:&quot;Coupons&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;parking-street&quot;,&quot;label&quot;:&quot;Parking Street&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;wireless-internet&quot;,&quot;label&quot;:&quot;Wireless Internet&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;accepts-credit-cards&quot;,&quot;label&quot;:&quot;Accepts Credit Cards&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;smoking-allowed&quot;,&quot;label&quot;:&quot;Smoking Allowed&quot;,&quot;selected&quot;:false}]\"\r\n    :multiple=\"true\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"form-group form-group-tags explore-filter checkboxes-filter\">\r\n\t\t<label>{{label}}<\/label>\r\n\t\t<ul class=\"tags-nav\">\r\n\t\t\t<li v-for=\"choice, key in choices\">\r\n\t\t\t\t<div class=\"md-checkbox\">\r\n\t\t\t\t\t<input :id=\"filterId+key\" :type=\"multiple ? 'checkbox' : 'radio'\"\r\n\t\t\t\t\t\t:value=\"choice.value\" v-model=\"selected\" @change=\"updateInput\">\r\n\t\t\t\t\t<label :for=\"filterId+key\">{{choice.label}}<\/label>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n    <\/div>\r\n<\/checkboxes-filter>\r\n\r\n<order-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"sort\"\r\n    location=\"advanced-form\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;nearby&quot;,&quot;label&quot;:&quot;Nearby&quot;,&quot;notes&quot;:[&quot;has-proximity-clause&quot;]},{&quot;key&quot;:&quot;top-rated&quot;,&quot;label&quot;:&quot;Top rated&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;random&quot;,&quot;label&quot;:&quot;Random&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;a-z&quot;,&quot;label&quot;:&quot;A-Z&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group fc-search\">\r\n\t\t\t\t\t\t<a href=\"#\" class=\"buttons button-2 full-width c27-explore-search-button\"\r\n\t\t\t\t\t\t   @click.prevent=\"state.mobileTab = 'results'; _getListings(); _resultsScrollTop();\"\r\n\t\t\t\t\t\t><i class=\"mi search\"><\/i>Search<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"reset-results-27 full-width\" @click.prevent=\"resetFilters($event); getListings();\">\r\n\t\t\t\t\t\t\t<i class=\"mi refresh\"><\/i>Reset Filters\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"close-filters-27\" @click.prevent=\"state.mobileTab = 'results'\">\r\n\t\t\t\t\t\t\t<i class=\"mi close\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t<div class=\"tab-content tab-count-2\" v-show=\"activeType.slug === 'event'\">\r\n\r\n\t\t\t<div id=\"search-form\" class=\"listing-type-filters search-tab tab-pane fade\" :class=\"activeType.tab == 'search-form' ? 'in active' : ''\">\r\n\t\t\t\t<div class=\"search-filters type-event type-id-154\">\r\n\t\t\t\t\t<div class=\"light-forms filter-wrapper\">\r\n\r\n\t\t\t\t\t\t\r\n<recurring-date-filter\r\n\tlisting-type=\"event\"\r\n    filter-key=\"event-date\"\r\n    location=\"advanced-form\"\r\n    label=\"Show events from\"\r\n\t:presets=\"[{&quot;key&quot;:&quot;all&quot;,&quot;label&quot;:&quot;Any day&quot;},{&quot;key&quot;:&quot;today&quot;,&quot;label&quot;:&quot;Today&quot;},{&quot;key&quot;:&quot;this-week&quot;,&quot;label&quot;:&quot;This week&quot;},{&quot;key&quot;:&quot;this-weekend&quot;,&quot;label&quot;:&quot;This weekend&quot;},{&quot;key&quot;:&quot;next-week&quot;,&quot;label&quot;:&quot;Next week&quot;}]\"\r\n\t:enable-datepicker=\"true\"\r\n\t:enable-timepicker=\"false\"\r\n    :l10n=\"{&quot;pick&quot;:&quot;Pick a date&quot;,&quot;from&quot;:&quot;From...&quot;,&quot;to&quot;:&quot;To...&quot;}\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location==='advanced-form'\" class=\"form-group explore-filter recur-filter\">\r\n        <label>{{label}}<\/label>\r\n\r\n        <div class=\"range-list\" v-if=\"presets.length\">\r\n            <a v-for=\"range in presets\" href=\"#\" :class=\"range.key===selected?'active':''\"\r\n                class=\"single-range\" @click.prevent=\"setPreset(range.key)\">\r\n                {{ range.label }}\r\n            <\/a>\r\n            <a v-if=\"enableDatepicker\" href=\"#\" class=\"single-range custom-date\"\r\n                :class=\"selected==='@custom'?'active':''\" @click.prevent=\"selected='@custom'\">\r\n                {{l10n.pick}}\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"double-input datepicker-form-group date-filter\" :class=\"selected!=='@custom'?'hide':''\">\r\n            <div class=\"datepicker-wrapper\" :class=\"startDate?'active':''\">\r\n                <input type=\"text\" class=\"start-picker\" :placeholder=\"l10n.from\" :value=\"startDate\"\r\n                    ref=\"start\" @datepicker:change=\"startDate=$event.detail.value; updateInput();\">\r\n            <\/div>\r\n            <div class=\"datepicker-wrapper\" :class=\"{active: endDate, disabled: !startDate}\">\r\n                <input type=\"text\" class=\"end-picker\" :placeholder=\"l10n.to\" :value=\"endDate\"\r\n                    ref=\"end\" @datepicker:change=\"endDate=$event.detail.value; updateInput();\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div v-else class=\"form-group explore-filter\">\r\n        <label>{{label}}<\/label>\r\n\r\n        <div v-show=\"presets.length && selected!=='@custom'\">\r\n            <select ref=\"select\" required :value=\"selected\" @select:change=\"setPreset($event.detail.value)\">\r\n                <option v-for=\"range in presets\" :value=\"range.key\">{{range.label}}<\/option>\r\n                <option v-if=\"enableDatepicker\" value=\"@custom\">{{l10n.pick}}<\/option>\r\n            <\/select>\r\n        <\/div>\r\n\r\n        <div v-show=\"selected==='@custom' || !presets.length\"\r\n            class=\"double-input datepicker-form-group date-filter\">\r\n            <div class=\"datepicker-wrapper\" :class=\"startDate?'active':''\">\r\n                <input type=\"text\" class=\"start-picker\" :placeholder=\"l10n.from\" :value=\"startDate\"\r\n                    ref=\"start\" @datepicker:change=\"startDate=$event.detail.value; updateInput();\">\r\n            <\/div>\r\n            <div class=\"datepicker-wrapper\" :class=\"{active: endDate, disabled: !startDate}\">\r\n                <input type=\"text\" class=\"end-picker\" :placeholder=\"l10n.to\" :value=\"endDate\"\r\n                    ref=\"end\" @datepicker:change=\"endDate=$event.detail.value; updateInput();\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/recurring-date-filter>\r\n\r\n<wp-search-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"search_keywords\"\r\n    location=\"advanced-form\"\r\n    label=\"What are you looking for?\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi search\"><\/i>\r\n        <input required ref=\"input\" type=\"text\" :placeholder=\"label\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n    <\/div>\r\n    <div v-else class=\"form-group explore-filter wp-search-filter md-group\">\r\n        <input required ref=\"input\" type=\"text\"\r\n            :value=\"filters[filterKey]\" @input=\"updateInput\">\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/wp-search-filter>\r\n\r\n<dropdown-hierarchy-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"category\"\r\n    location=\"advanced-form\"\r\n    label=\"All categories\"\r\n    pre-selected=\"[]\"\r\n    ajax-params=\"{&quot;taxonomy&quot;:&quot;job_listing_category&quot;,&quot;listing-type-id&quot;:154,&quot;orderby&quot;:&quot;count&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"cts-term-hierarchy form-group md-group\">\r\n        <input type=\"text\" required ref=\"input\" data-placeholder=\" \"\r\n            class=\"hide\"\r\n            :data-template=\"location==='advanced-form'?'default':'alternate'\"\r\n            :data-selected=\"preSelected\"\r\n            :data-mylisting-ajax-params=\"ajaxParams\"\r\n            @termhierarchy:change=\"handleChange\"\r\n        >\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/dropdown-hierarchy-filter>\r\n<location-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"search_location\"\r\n    location=\"advanced-form\"\r\n    label=\"Where to look?\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search ehs-location\">\r\n        <i class=\"mi search\"><\/i>\r\n        <input required ref=\"input\" type=\"text\" :placeholder=\"label\" :value=\"filters[filterKey]\"\r\n\t\t\t@autocomplete:change=\"handleAutocomplete\">\r\n    \t<i class=\"material-icons geocode-location\" @click=\"updateWithUserLocation\">my_location<\/i>\r\n    <\/div>\r\n    <div v-else class=\"form-group location-wrapper explore-filter location-filter md-group\">\r\n        <input required ref=\"input\" type=\"text\" placeholder=\" \" :value=\"filters[filterKey]\"\r\n\t\t\t@autocomplete:change=\"handleAutocomplete\">\r\n    \t<i class=\"material-icons geocode-location\" @click=\"updateWithUserLocation\">my_location<\/i>\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/location-filter>\r\n\r\n<proximity-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"proximity\"\r\n    location=\"advanced-form\"\r\n    label=\"Proximity\"\r\n    units=\"km\"\r\n    :max=\"80\"\r\n    :step=\"1\"\r\n    :default=\"20\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"form-group radius radius1 proximity-slider explore-filter proximity-filter\"\r\n        v-show=\"location==='basic-form'||(filters.lat && filters.lng && filters.search_location)\">\r\n        <div class=\"mylisting-range-slider\">\r\n            <div class=\"amount\">{{displayValue}}<\/div>\r\n            <div class=\"slider-range\" ref=\"slider\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/proximity-filter>\r\n\r\n<dropdown-hierarchy-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"region\"\r\n    location=\"advanced-form\"\r\n    label=\"Region\"\r\n    pre-selected=\"[]\"\r\n    ajax-params=\"{&quot;taxonomy&quot;:&quot;region&quot;,&quot;listing-type-id&quot;:154,&quot;orderby&quot;:&quot;name&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"cts-term-hierarchy form-group md-group\">\r\n        <input type=\"text\" required ref=\"input\" data-placeholder=\" \"\r\n            class=\"hide\"\r\n            :data-template=\"location==='advanced-form'?'default':'alternate'\"\r\n            :data-selected=\"preSelected\"\r\n            :data-mylisting-ajax-params=\"ajaxParams\"\r\n            @termhierarchy:change=\"handleChange\"\r\n        >\r\n        <label>{{label}}<\/label>\r\n    <\/div>\r\n<\/dropdown-hierarchy-filter>\r\n<checkboxes-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"tags\"\r\n    location=\"advanced-form\"\r\n    label=\"Tags\"\r\n\t:choices=\"[{&quot;value&quot;:&quot;accepts-credit-cards&quot;,&quot;label&quot;:&quot;Accepts Credit Cards&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;bike-parking&quot;,&quot;label&quot;:&quot;Bike Parking&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;coupons&quot;,&quot;label&quot;:&quot;Coupons&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;parking-street&quot;,&quot;label&quot;:&quot;Parking Street&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;wireless-internet&quot;,&quot;label&quot;:&quot;Wireless Internet&quot;,&quot;selected&quot;:false},{&quot;value&quot;:&quot;smoking-allowed&quot;,&quot;label&quot;:&quot;Smoking Allowed&quot;,&quot;selected&quot;:false}]\"\r\n    :multiple=\"true\"\r\n    @input=\"filterChanged\"\r\n    inline-template\r\n>\r\n    <div class=\"form-group form-group-tags explore-filter checkboxes-filter\">\r\n\t\t<label>{{label}}<\/label>\r\n\t\t<ul class=\"tags-nav\">\r\n\t\t\t<li v-for=\"choice, key in choices\">\r\n\t\t\t\t<div class=\"md-checkbox\">\r\n\t\t\t\t\t<input :id=\"filterId+key\" :type=\"multiple ? 'checkbox' : 'radio'\"\r\n\t\t\t\t\t\t:value=\"choice.value\" v-model=\"selected\" @change=\"updateInput\">\r\n\t\t\t\t\t<label :for=\"filterId+key\">{{choice.label}}<\/label>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n    <\/div>\r\n<\/checkboxes-filter>\r\n\r\n<order-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"sort\"\r\n    location=\"advanced-form\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;order-by-date&quot;,&quot;label&quot;:&quot;Date&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;top-rated&quot;,&quot;label&quot;:&quot;Top rated&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;random&quot;,&quot;label&quot;:&quot;Random&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"form-group fc-search\">\r\n\t\t\t\t\t\t<a href=\"#\" class=\"buttons button-2 full-width c27-explore-search-button\"\r\n\t\t\t\t\t\t   @click.prevent=\"state.mobileTab = 'results'; _getListings(); _resultsScrollTop();\"\r\n\t\t\t\t\t\t><i class=\"mi search\"><\/i>Search<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"reset-results-27 full-width\" @click.prevent=\"resetFilters($event); getListings();\">\r\n\t\t\t\t\t\t\t<i class=\"mi refresh\"><\/i>Reset Filters\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"close-filters-27\" @click.prevent=\"state.mobileTab = 'results'\">\r\n\t\t\t\t\t\t\t<i class=\"mi close\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\r\n\t<div id=\"explore-taxonomy-tab\" class=\"listing-cat-tab tab-pane fade c27-explore-categories\" :class=\"activeType.tab !== 'search-form' ? 'in active' : ''\">\r\n\t\t<div v-if=\"currentTax\">\r\n\t\t\t<transition-group name=\"vfade-down\">\r\n\t\t\t\t<div v-if=\"currentTax.activeTerm\" class=\"active-term\" :key=\"currentTax.activeTerm.term_id\">\r\n\t\t\t\t\t<div class=\"form-group fc-search\" :key=\"'filters-mobile-head'\">\r\n\t\t\t\t\t\t<a href=\"#\" class=\"buttons button-2 full-width c27-explore-search-button\"\r\n\t\t\t\t\t\t   @click.prevent=\"state.mobileTab = 'results'; _getListings(); _resultsScrollTop();\"\r\n\t\t\t\t\t\t   v-if=\"isMobile\"\r\n\t\t\t\t\t\t><i class=\"mi search\"><\/i>Search<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"taxonomy-back-btn\"\r\n\t\t\t\t\t\t\t@click.prevent=\"termsGoBack( currentTax.activeTerm )\"\r\n\t\t\t\t\t\t\tv-if=\"currentTax.activeTermId !== 0\">\r\n\t\t\t\t\t\t\t<i class=\"mi keyboard_backspace\"><\/i>Back\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<a href=\"#\" class=\"close-filters-27\" @click.prevent=\"state.mobileTab = 'results'\"\r\n\t\t\t\t\t\t\tv-if=\"isMobile\">\r\n\t\t\t\t\t\t\t<i class=\"mi close\"><\/i>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"active-taxonomy-container\" :class=\"currentTax.activeTerm.background ? 'with-bg' : 'no-bg'\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"category-background\" style=\"height: 200px; background-size: cover;\"\r\n\t\t\t\t\t\t\t:style=\"currentTax.activeTerm.background ? 'background-image: url(\\''+currentTax.activeTerm.background+'\\');' : ''\"\r\n\t\t\t\t\t\t><\/div>\r\n\t\t\t\t\t\t<span class=\"cat-icon\" :style=\"'background-color:'+currentTax.activeTerm.color\" v-html=\"currentTax.activeTerm.single_icon\"><\/span>\r\n\t\t\t\t\t\t<div v-html=\"currentTermName\"><\/div>\r\n\t\t\t\t\t\t<p class=\"category-description\" v-html=\"currentTax.activeTerm.description\"><\/p>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div v-show=\"activeType.id === 153\">\r\n\t\t\t\t\t\t\t\t\t\r\n<order-filter\r\n    listing-type=\"place\"\r\n    filter-key=\"sort\"\r\n    location=\"taxonomy-tab\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;nearby&quot;,&quot;label&quot;:&quot;Nearby&quot;,&quot;notes&quot;:[&quot;has-proximity-clause&quot;]},{&quot;key&quot;:&quot;top-rated&quot;,&quot;label&quot;:&quot;Top rated&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;random&quot;,&quot;label&quot;:&quot;Random&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;a-z&quot;,&quot;label&quot;:&quot;A-Z&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div v-show=\"activeType.id === 154\">\r\n\t\t\t\t\t\t\t\t\t\r\n<order-filter\r\n    listing-type=\"event\"\r\n    filter-key=\"sort\"\r\n    location=\"taxonomy-tab\"\r\n    label=\"Order by\"\r\n\t:choices=\"[{&quot;key&quot;:&quot;order-by-date&quot;,&quot;label&quot;:&quot;Date&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;latest&quot;,&quot;label&quot;:&quot;Latest&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;top-rated&quot;,&quot;label&quot;:&quot;Top rated&quot;,&quot;notes&quot;:[]},{&quot;key&quot;:&quot;random&quot;,&quot;label&quot;:&quot;Random&quot;,&quot;notes&quot;:[]}]\"\r\n    @input=\"filterChanged\"\r\n\tinline-template\r\n>\r\n    <div v-if=\"location === 'primary-filter'\" class=\"explore-head-search\">\r\n        <i class=\"mi format_list_bulleted\"><\/i>\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    <\/div>\r\n\t<div v-else class=\"form-group explore-filter orderby-filter md-group\" :class=\"wrapperClasses\">\r\n        <select :value=\"filters[filterKey]\" @select:change=\"updateInput\" ref=\"select\" required>\r\n            <option v-for=\"choice in choices\" :value=\"choice.key\">{{choice.label}}<\/option>\r\n        <\/select>\r\n    \t<label>{{label}}<\/label>\r\n    \t<div class=\"orderby-filter-notes\"\r\n            v-if=\"location==='advanced-form' && hasNote(filters[filterKey], 'has-proximity-clause')\">\r\n            <p>{{locationDetails}}<\/p>\r\n    \t<\/div>\r\n\t<\/div>\r\n<\/order-filter>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-show=\"currentTax.termsLoading && currentTax.activeTermId !== 0 && ! currentTax.activeTerm\" class=\"loader-bg\" :key=\"'single-term-loading-indicator'\">\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat-line bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat-line bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat-line bg-loading-animation\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/transition-group>\r\n\r\n\t\t\t<transition-group :name=\"currentTax.activeTermId === 0 ? 'vfade-up' : 'vfade-down'\">\r\n\t\t\t\t<a href=\"#\" class=\"taxonomy-back-btn\" @click.prevent=\"activeType.tab = 'search-form'; getListings();\" v-if=\"currentTax.activeTermId === 0 && showBackToFilters\" :key=\"'back-to-filters'\">\r\n\t\t\t\t\t<i class=\"mi keyboard_backspace\"><\/i>Back to filters\t\t\t\t<\/a>\r\n\r\n\t\t\t\t<div v-if=\"Object.keys(currentTax.terms).length && currentTax.activeTermId !== 0\" :key=\"'subterms-loaded-indicator-'+currentTax.activeTermId\">\r\n\t\t\t\t\t<h4 class=\"browse-subcategories\"><i class=\"mi bookmark_border\"><\/i>Browse sub-categories<\/h4>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-if=\"currentTax.terms\" v-for=\"term in currentTax.terms\" class=\"listing-cat\" :class=\"term.term_id == currentTax.active_term ? 'active' : ''\" :key=\"term.term_id\">\r\n\t\t\t\t\t<a href=\"#\" @click.prevent=\"termsExplore( activeType.tab, term )\">\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclass=\"overlay gradient1\"\r\n\t\t\t\t\t\t\tstyle=\"\"\r\n\t\t\t\t\t\t><\/div>\r\n\t\t\t\t\t\t<div class=\"lc-background\" :style=\"term.background ? 'background-image: url(\\''+term.background+'\\');' : ''\"><\/div>\r\n\r\n\t\t\t\t\t\t<div class=\"lc-info\">\r\n\t\t\t\t\t\t\t<h4 class=\"case27-secondary-text\">{{ term.name }}<\/h4>\r\n\t\t\t\t\t\t\t<h6>{{ term.count }}<\/h6>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"lc-icon\" v-html=\"term.icon\"><\/div>\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-if=\"currentTax.terms && currentTax.hasMore && !currentTax.termsLoading\" :key=\"'load-more-terms'\">\r\n\t\t\t\t\t<a href=\"#\" class=\"buttons button-2\" @click.prevent=\"currentTax.termsPage += 1; termsExplore( activeType.tab, currentTax.activeTerm, true );\">\r\n\t\t\t\t\t\tLoad More\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div v-show=\"currentTax.termsLoading && currentTax.activeTermId === 0\" class=\"loader-bg\" :key=\"'terms-loading-indicator'\">\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t\t<div class=\"listing-cat listing-cat-loading bg-loading-animation\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/transition-group>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t\t<div class=\"finder-listings min-scroll\" id=\"finderListings\" :class=\"( state.mobileTab === 'results' ? '' : 'visible-lg' )\" :style=\"loading?'overflow:hidden':''\">\r\n\t\t\t<div class=\"fl-head\">\r\n\t\t\t\t<results-header inline-template>\r\n\t\t\t\t\t<div class=\"explore-desktop-head\" v-if=\"foundPosts !== 0\">\r\n\t\t\t\t\t\t<div class=\"load-previews-batch load-batch-icon\" :class=\"! hasPrevPage ? 'batch-unavailable' : ''\">\r\n\t\t\t\t\t\t\t<a href=\"#\" @click.prevent=\"getPrevPage\">\r\n\t\t\t\t\t\t\t\t<i class=\"material-icons\">arrow_backward<\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<span href=\"#\" class=\"fl-results-no text-left\" v-cloak>\r\n\t\t\t\t\t\t\t<span class=\"rslt-nr\" v-html=\"resultCountText\"><\/span>\r\n\t\t\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t<div class=\"load-next-batch load-batch-icon\" :class=\"{ 'batch-unavailable': ! hasNextPage }\">\r\n\t\t\t\t\t\t\t<a href=\"#\" @click.prevent=\"getNextPage\">\r\n\t\t\t\t\t\t\t\t<i class=\"material-icons\">arrow_forward<\/i>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"expand-map-btn\" v-if=\"!$root.isMobile && !$root.mapExpanded\"\r\n\t\t\t\t\t\t\t\t@click.prevent=\"$root.toggleMap(true)\">\r\n\t\t\t\t\t\t\t\t<i class=\"mi map\"><\/i>\r\n\t\t\t\t\t\t\t\t<span>Map view<\/span>\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/results-header>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"results-view grid\" v-show=\"!loading && found_posts !== 0\"><\/div>\r\n\r\n\t\t\t<div class=\"no-results-wrapper\" v-show=\"!loading && found_posts === 0\">\r\n\t\t\t\t<i class=\"no-results-icon mi mood_bad\"><\/i>\r\n\t\t\t\t<li class=\"no_job_listings_found\">\r\n\t\t\t\t\tThere are no listings matching your search.\t\t\t\t\t<a href=\"#\" class=\"reset-results-27 full-width\" @click.prevent=\"resetFilters($event); getListings('reset', true);\">\r\n\t\t\t\t\t\t<i class=\"mi refresh\"><\/i>\r\n\t\t\t\t\t\tReset Filters\t\t\t\t\t<\/a>\r\n\t\t\t\t<\/li>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"loader-bg\" v-show=\"loading\">\r\n\t\t\t\t\r\n<div class=\"paper-spinner center-vh\" style=\"width: 28px; height: 28px;\">\r\n\t<div class=\"spinner-container active\">\r\n\t\t<div class=\"spinner-layer layer-1\" style=\"border-color: #777;\">\r\n\t\t\t<div class=\"circle-clipper left\">\r\n\t\t\t\t<div class=\"circle\" style=\"border-width: 3px;\"><\/div>\r\n\t\t\t<\/div><div class=\"gap-patch\">\r\n\t\t\t\t<div class=\"circle\" style=\"border-width: 3px;\"><\/div>\r\n\t\t\t<\/div><div class=\"circle-clipper right\">\r\n\t\t\t\t<div class=\"circle\" style=\"border-width: 3px;\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\t\t\t<\/div>\r\n\t\t\t<div class=\"col-md-12 center-button pagination c27-explore-pagination\" v-show=\"!loading\"><\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"finder-map\" id=\"finderMap\" :class=\"{'map-mobile-visible':state.mobileTab==='map'}\">\r\n\t\t<div class=\"map c27-map mylisting-map-loading\" id=\"map__660d12a5dd133\" data-options=\"{&quot;skin&quot;:&quot;skin3&quot;,&quot;scrollwheel&quot;:&quot;&quot;,&quot;zoom&quot;:10,&quot;minZoom&quot;:2,&quot;maxZoom&quot;:18}\">\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t<a href=\"#\" class=\"collapse-map-btn\" v-if=\"!isMobile && mapExpanded\"\r\n\t\t\t\t@click.prevent=\"$root.toggleMap(false)\">\r\n\t\t\t\t<i class=\"mi view_agenda\"><\/i>\r\n\t\t\t\t<span>List view<\/span>\r\n\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t<div style=\"display: none;\">\r\n\t\t<div id=\"explore-map-location-ctrl\" title=\"Click to show your location\">\r\n\t\t\t<i class=\"mi my_location\"><\/i>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<div class=\"explore-mobile-nav\">\r\n\t<ul class=\"nav nav-tabs\">\r\n\t\t<li class=\"show-results\" :class=\"state.mobileTab === 'results' ? 'active' : ''\">\r\n\t\t\t<a href=\"#\" @click.prevent=\"state.mobileTab = 'results';\">\r\n\t\t\t\t<i class=\"mi view_agenda\"><\/i>\r\n\t\t\t\t<span>List view<\/span>\r\n\t\t\t<\/a>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t<li class=\"show-map\" :class=\"state.mobileTab === 'map' ? 'active' : ''\" v-if=\"map\">\r\n\t\t\t\t<a href=\"#\" @click.prevent=\"state.mobileTab = 'map'; this.window.scrollTo(0,0);\">\r\n\t\t\t\t\t<i class=\"fa fa-map-marked-alt\"><\/i>\r\n\t\t\t\t\t<span>Map view<\/span>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<\/ul>\r\n<\/div><\/div>\r\n<script type=\"text\/javascript\">\r\n\tvar CASE27_Explore_Settings = {\r\n\t\tListingWrap: \"col-md-12 grid-item\",\r\n\t\tActiveMobileTab: \"results\",\r\n\t\tScrollToResults: false,\r\n\t\tMap: {\"default_lat\":51.492,\"default_lng\":-0.13,\"default_zoom\":11,\"min_zoom\":2,\"max_zoom\":18,\"skin\":\"skin3\",\"scrollwheel\":\"\"},\r\n\t\tIsFirstLoad: true,\r\n\t\tDisableLiveUrlUpdate: false,\r\n\t\tTermSettings: {\"count\":10},\r\n\t\tListingTypes: {\"place\":{\"index\":0,\"name\":\"Places\",\"icon\":\"icon-location-pin-check-2\",\"slug\":\"place\",\"id\":153,\"tabs\":{\"search-form\":{\"type\":\"search-form\",\"label\":\"Filters\",\"icon\":\"mi filter_list\",\"orderby\":\"\",\"order\":\"\",\"hide_empty\":false},\"categories\":{\"type\":\"categories\",\"label\":\"Categories\",\"icon\":\"mi bookmark_border\",\"orderby\":\"name\",\"order\":\"DESC\",\"hide_empty\":false}},\"filters\":{\"page\":0,\"preserve_page\":false,\"search_keywords\":\"\",\"category\":\"\",\"search_location\":\"\",\"lat\":false,\"lng\":false,\"proximity\":\"20\",\"region\":\"\",\"tags\":\"\",\"sort\":\"latest\"},\"tab\":\"search-form\",\"defaultTab\":\"search-form\",\"taxonomies\":{\"categories\":{\"tax\":\"job_listing_category\",\"field_name\":\"job_category\",\"tab_id\":\"categories\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}},\"regions\":{\"tax\":\"region\",\"field_name\":\"region\",\"tab_id\":\"regions\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}},\"tags\":{\"tax\":\"case27_job_listing_tags\",\"field_name\":\"job_tags\",\"tab_id\":\"tags\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}}},\"max_num_pages\":0,\"is_first_load\":true},\"event\":{\"index\":1,\"name\":\"Events\",\"icon\":\"mi queue_music\",\"slug\":\"event\",\"id\":154,\"tabs\":{\"search-form\":{\"type\":\"search-form\",\"label\":\"Filters\",\"icon\":\"mi filter_list\",\"orderby\":\"\",\"order\":\"\",\"hide_empty\":false},\"categories\":{\"type\":\"categories\",\"label\":\"Categories\",\"icon\":\"mi bookmark_border\",\"orderby\":\"count\",\"order\":\"DESC\",\"hide_empty\":true}},\"filters\":{\"page\":0,\"preserve_page\":false,\"event-date\":\"\",\"search_keywords\":\"\",\"category\":\"\",\"search_location\":\"\",\"lat\":false,\"lng\":false,\"proximity\":\"20\",\"region\":\"\",\"tags\":\"\",\"sort\":\"order-by-date\"},\"tab\":\"search-form\",\"defaultTab\":\"search-form\",\"taxonomies\":{\"categories\":{\"tax\":\"job_listing_category\",\"field_name\":\"job_category\",\"tab_id\":\"categories\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}},\"regions\":{\"tax\":\"region\",\"field_name\":\"region\",\"tab_id\":\"regions\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}},\"tags\":{\"tax\":\"case27_job_listing_tags\",\"field_name\":\"job_tags\",\"tab_id\":\"tags\",\"page\":0,\"termsLoading\":false,\"termsPage\":0,\"activeTermId\":0,\"activeTerm\":false,\"hasMore\":false,\"terms\":{}}},\"max_num_pages\":0,\"is_first_load\":true}},\r\n\t\tExplorePage: null,\r\n\t\tActiveListingType: \"place\",\r\n\t\tTermCache: {},\r\n\t\tCache: {},\r\n\t\tScrollPosition: 0,\r\n\t\tTemplate: \"explore-1\",\r\n\t};\r\n<\/script>\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/pages\/136"}],"collection":[{"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":0,"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/pages\/136\/revisions"}],"wp:attachment":[{"href":"https:\/\/dogbits.com\/wp-json\/wp\/v2\/media?parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}