<?php
require_once $_SERVER['DOCUMENT_ROOT'] . '/config.php';
include BASE_PATH . '/include/header.php'; ?>

<main id="content" class="site-main post-2291 page type-page status-publish hentry">
    <header class="page-header">
        <h1 class="entry-title">Store Locator</h1>
    </header>
    <div class="page-content">
        <div id="yith-store-locator"
            class="yith-sl-with-image yith-sl-image-top filters-beside-map map-right full-width"
            data-atts='{&quot;show_map&quot;:&quot;yes&quot;,&quot;show_results&quot;:&quot;yes&quot;,&quot;show_stores_by_default&quot;:&quot;no&quot;,&quot;stores_shown_by_default&quot;:&quot;all&quot;,&quot;map_longitude&quot;:&quot;-96.79698789999999&quot;,&quot;map_latitude&quot;:&quot;32.7766642&quot;,&quot;map_type&quot;:&quot;roadmap&quot;,&quot;map_zoom&quot;:&quot;9&quot;,&quot;map_user_icon&quot;:&quot;https:\/\/www.a-1chimney.com\/wp-content\/plugins\/yith-store-locator-for-wordpress\/assets\/images\/store-locator\/user-position.svg&quot;,&quot;map_style&quot;:null,&quot;map_scroll_type&quot;:&quot;cooperative&quot;,&quot;show_radius_circle&quot;:&quot;yes&quot;,&quot;circle_border_color&quot;:&quot;<?php echo get_text_color(); ?>&quot;,&quot;circle_border_weight&quot;:&quot;2&quot;,&quot;circle_background_color&quot;:&quot;rgb(255,213,0)&quot;,&quot;pin_modal_trigger_event&quot;:&quot;mouseover&quot;,&quot;autoclose_pin_on_mouseleave&quot;:true,&quot;move_map_to_selected_store_event&quot;:&quot;mouseenter&quot;,&quot;geolocation&quot;:&quot;yes&quot;,&quot;autogeolocation&quot;:&quot;yes&quot;,&quot;autosearch&quot;:&quot;yes&quot;,&quot;filter_radius_default_step&quot;:&quot;50&quot;,&quot;filter_radius_distance_unit&quot;:&quot;miles&quot;,&quot;show_filters_with_results&quot;:&quot;yes&quot;,&quot;search_bar_filters_position&quot;:&quot;beside-map&quot;,&quot;filter_radius_title&quot;:&quot;Radius&quot;,&quot;results_columns&quot;:&quot;one&quot;,&quot;full_width_layout&quot;:&quot;yes&quot;,&quot;side_padding_full_width&quot;:&quot;0px 0px 0px 0px&quot;,&quot;enable_pin_modal&quot;:&quot;yes&quot;,&quot;number_results_to_show&quot;:&quot;5&quot;,&quot;results_info_to_show&quot;:null,&quot;ajaxurl&quot;:&quot;https:\/\/www.a-1chimney.com\/wp-admin\/admin-ajax.php&quot;,&quot;alert_geolocalization_not_supported&quot;:&quot;Geolocalization not supported by your browser&quot;,&quot;alert_calculate_position_error&quot;:&quot;It is not possible geolocate your position.&quot;,&quot;action_get_results&quot;:&quot;yith_sl_get_results&quot;,&quot;geocode_no_results&quot;:&quot;No results found&quot;,&quot;geocode_failed_to&quot;:&quot;Geocoder failed due to:&quot;,&quot;show_default_location_for_no_results&quot;:false,&quot;autocomplete_options&quot;:[],&quot;map_gesture_handling&quot;:&quot;auto&quot;,&quot;map_zoom_control&quot;:true,&quot;change_browser_url&quot;:&quot;no&quot;,&quot;radius_taxonomy_slug&quot;:&quot;radius&quot;,&quot;query_args_to_keep&quot;:[]}'>
            <div id="yith-sl-wrapper-before-main-sections"></div>
            <div class="wrapper-main-sections">
                <div id="yith-sl-section-results">
                    <div id="yith-sl-wrap-search-stores">
                        <div id="yith-sl-search-stores">
                            <h4 class="title-search-bar">Find Our Stores</h4> <label for="search-stores"
                                class="wrap-search-bar" id="yith-sl-wrap-search-bar"> <input type="text"
                                    id="yith-sl-search-bar-address"
                                    class="search-stores yith-sl-gmap-places-autocomplete" name="search-stores"
                                    placeholder="Enter address / city" value=""> <img decoding="async"
                                    id="yith-sl-search-icon"
                                    src="https://zibot.store/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/store-locator/search.svg">
                                <span id="address-tooltip"> Please enter a valid address </span> </label>
                            <div class="wrap-buttons"> <button class="yith-sl-geolocation" id="yith-sl-geolocation">Use
                                    my position</button> <button class="show-all-stores search-button"
                                    id="yith-sl-show-all-stores">View all
                                    stores</button></div>
                        </div>
                    </div>
                    <div id="yith-sl-main-filters-container" class="layout-opened"> <a id="yith-sl-open-filters"
                            href="#" rel="nofollow"> Open filters </a>
                        <div class="wrap-filters-list">
                            <div class="wrapper-filter type-dropdown" data-taxonomy="radius"> <label for="filter-radius"
                                    class="filter-label"> Radius </label> <select id="filter-radius"
                                    data-taxonomy="radius">
                                    <option value="selectall">Any</option>
                                    <option value="5" data-slug="5" data-taxonomy="radius" data-value="5"> 5 miles
                                    </option>
                                    <option value="10" data-slug="10" data-taxonomy="radius" data-value="10"> 10
                                        miles</option>
                                    <option value="20" data-slug="20" data-taxonomy="radius" data-value="20"> 20
                                        miles</option>
                                    <option value="50" data-slug="50" data-taxonomy="radius" data-value="50"
                                        selected='selected'> 50 miles</option>
                                    <option value="100" data-slug="100" data-taxonomy="radius" data-value="100"> 100
                                        miles</option>
                                    <option value="500" data-slug="500" data-taxonomy="radius" data-value="500"> 500
                                        miles</option>
                                </select></div>
                            <div class="wrapper-filter type-dropdown" data-taxonomy="states"> <label for="states"
                                    class="filter-label"> States </label> <select id="states" data-taxonomy="states"
                                    name="filter-states[]">
                                    <option value="selectall">Any</option>
                                    <option value="37" data-taxonomy="states" data-slug="california" data-value="37">
                                        California</option>
                                    <option value="22" data-taxonomy="states" data-slug="connecticut" data-value="22">
                                        Connecticut</option>
                                    <option value="31" data-taxonomy="states" data-slug="delaware" data-value="31">
                                        Delaware</option>
                                    <option value="34" data-taxonomy="states" data-slug="district-of-columbia"
                                        data-value="34"> District Of Columbia</option>
                                    <option value="30" data-taxonomy="states" data-slug="georgia" data-value="30">
                                        Georgia</option>
                                    <option value="25" data-taxonomy="states" data-slug="illinois" data-value="25">
                                        Illinois</option>
                                    <option value="32" data-taxonomy="states" data-slug="indiana" data-value="32">
                                        Indiana</option>
                                    <option value="41" data-taxonomy="states" data-slug="kansas" data-value="41">
                                        Kansas</option>
                                    <option value="33" data-taxonomy="states" data-slug="maryland" data-value="33">
                                        Maryland</option>
                                    <option value="29" data-taxonomy="states" data-slug="massachusetts" data-value="29">
                                        Massachusetts</option>
                                    <option value="45" data-taxonomy="states" data-slug="minnesota" data-value="45">
                                        Minnesota</option>
                                    <option value="43" data-taxonomy="states" data-slug="missouri" data-value="43">
                                        Missouri</option>
                                    <option value="23" data-taxonomy="states" data-slug="new-jersey" data-value="23">
                                        New Jersey</option>
                                    <option value="36" data-taxonomy="states" data-slug="new-york" data-value="36">
                                        New York</option>
                                    <option value="44" data-taxonomy="states" data-slug="north-carolina"
                                        data-value="44"> North Carolina</option>
                                    <option value="26" data-taxonomy="states" data-slug="ohio" data-value="26"> Ohio
                                    </option>
                                    <option value="40" data-taxonomy="states" data-slug="oklahoma" data-value="40">
                                        Oklahoma</option>
                                    <option value="39" data-taxonomy="states" data-slug="oregon" data-value="39">
                                        Oregon</option>
                                    <option value="27" data-taxonomy="states" data-slug="pennsylvania" data-value="27">
                                        Pennsylvania</option>
                                    <option value="42" data-taxonomy="states" data-slug="rhode-island" data-value="42">
                                        Rhode Island</option>
                                    <option value="24" data-taxonomy="states" data-slug="texas" data-value="24">
                                        Texas</option>
                                    <option value="35" data-taxonomy="states" data-slug="virginia" data-value="35">
                                        Virginia</option>
                                    <option value="38" data-taxonomy="states" data-slug="washington" data-value="38">
                                        Washington</option>
                                    <option value="28" data-taxonomy="states" data-slug="wisconsin" data-value="28">
                                        Wisconsin</option>
                                </select></div>
                        </div>
                    </div>
                    <div id="yith-sl-active-filters"></div> <button class="search-stores hidden"
                        id="yith-sl-search-button" type="submit"> Search</button>
                    <div id="yith-sl-results">
                        <h4 class="title"> Results</h4>
                        <div class="stores-list"></div>
                    </div>
                </div>
                <div id="yith-sl-section-map">
                    <div id="yith-sl-gmap" style="width:100%; height: 500px"></div>
                </div>
            </div> <input type="hidden" id="yith-sl-language" name="yith-sl-language" value="en-US" />
        </div>
        <style>
            #yith-sl-main-filters-container.layout-dropdown .wrapper-filter.active .open-dropdown,
            #yith-sl-main-filters-container.layout-dropdown .wrapper-filter.selected .open-dropdown {
                border-color:
                    <?php echo get_site_color(); ?>
                ;
                background-color:
                    <?php echo get_site_color(); ?>
            }

            #wrapper-active-filters .wrapper-terms li {
                border-color:
                    <?php echo get_site_color(); ?>
                ;
                color:
                    <?php echo get_site_color(); ?>
            }

            #yith-sl-main-filters-container .wrapper-options li:hover label,
            #yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown:hover {
                color:
                    <?php echo get_site_color(); ?>
            }

            #yith-store-locator select:hover,
            #yith-sl-main-filters-container .wrapper-options li:hover .checkboxbutton:before,
            #yith-sl-main-filters-container.layout-dropdown .wrapper-filter .open-dropdown:hover,
            #yith-sl-show-all-stores:hover {
                border-color:
                    <?php echo get_site_color(); ?>
                ;
            }

            .yith-sl-pin-modal .store-name span:first-child,
            #yith-sl-reset-all-filters {
                color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-results .wrap-no-image,
            #yith-sl-main-filters-container .wrapper-options li .checkboxbutton.checked:before {
                background-color:
                    <?php echo get_site_color(); ?>
            }

            #yith-sl-wrap-loader {
                background-color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-loader {
                margin-top: -100px !important;
                margin-left: -100px !important;
            }

            #yith-sl-section-map {
                width: 65%;
                order: 2;
            }

            #yith-sl-section-results {
                width: 35%;
                order: 1;
            }

            .wrapper-main-sections {
                height: 500px
            }

            #yith-sl-wrap-search-bar {
                background-color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-wrap-search-bar input::-webkit-input-placeholder {
                color:
                    <?php echo get_text_color(); ?>
                ;
            }

            #yith-sl-wrap-search-bar input::-moz-placeholder {
                /* Firefox 19+ */
                color:
                    <?php echo get_text_color(); ?>
                ;
            }

            #yith-sl-wrap-search-bar input:-ms-input-placeholder {
                /* IE 10+ */
                color:
                    <?php echo get_text_color(); ?>
                ;
            }

            #yith-sl-wrap-search-bar input:-moz-placeholder {
                /* Firefox 18- */
                color:
                    <?php echo get_text_color(); ?>
                ;
            }

            #yith-sl-search-button {
                background-color:
                    <?php echo get_link_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-search-button:hover {
                background-color:
                    <?php echo get_link_hover_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            button#yith-sl-geolocation {
                background-color:
                    <?php echo get_text_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            button#yith-sl-geolocation:hover {
                background-color:
                    <?php echo get_site_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            button#yith-sl-geolocation {
                background-image: url('https://zibot.store/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/store-locator/geolocation.svg');
            }

            button#yith-sl-show-all-stores {
                background-color:
                    <?php echo get_background_color(); ?>
                ;
                color:
                    <?php echo get_text_color(); ?>
                ;
                background-image: url('https://zibot.store/wp-content/plugins/yith-store-locator-for-wordpress/assets/images/store-locator/all-stores.svg');
            }

            button#yith-sl-show-all-stores:hover {
                background-color:
                    <?php echo get_background_color(); ?>
                ;
                color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-view-all {
                color: rgb(219, 35, 35);
            }

            #yith-sl-view-all:hover {
                color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-section-results::-webkit-scrollbar,
            .wrapper-options ul::-webkit-scrollbar {
                width: 5px;
                background-color:
                    <?php echo get_background_color(); ?>
                ;
                direction: rtl;
            }

            #yith-sl-section-results::-webkit-scrollbar-thumb,
            .wrapper-options ul::-webkit-scrollbar-thumb {
                background-color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-results .featured-store,
            .yith-sl-pin-modal .featured-store {
                color:
                    <?php echo get_background_color(); ?>
                ;
                background-color: rgb(219, 35, 35);
            }

            #yith-sl-results .wrap-store-details.featured,
            .yith-sl-pin-modal .featured {
                background-color:
                    <?php echo get_background_light_color(); ?>
                ;
            }

            #yith-sl-results .get-direction.link,
            .yith-sl-pin-modal .get-direction.link {
                color: rgb(219, 35, 35);
            }

            #yith-sl-results .get-direction.link:hover,
            .yith-sl-pin-modal .get-direction.link:hover {
                color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-results .get-direction.button,
            .yith-sl-pin-modal .get-direction.button {
                background-color:
                    <?php echo get_link_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-results .get-direction.button:hover,
            ..yith-sl-pin-modal .get-direction.button:hover {
                background-color:
                    <?php echo get_link_hover_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-results .contact-store.link,
            .yith-sl-pin-modal .contact-store.link {
                color: rgb(219, 35, 35);
            }

            #yith-sl-results .contact-store.link:hover,
            .yith-sl-pin-modal .contact-store.link:hover {
                color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-results .contact-store.button,
            .yith-sl-pin-modal .contact-store.button {
                background-color:
                    <?php echo get_link_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-results .contact-store.button:hover,
            .yith-sl-pin-modal .contact-store.button:hover {
                background-color:
                    <?php echo get_link_hover_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-results .view-website.button,
            .yith-sl-pin-modal .view-website.button {
                background-color:
                    <?php echo get_link_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-results .view-website.button:hover,
            .yith-sl-pin-modal .view-website.button:hover {
                background-color:
                    <?php echo get_link_hover_color(); ?>
                ;
                color:
                    <?php echo get_background_color(); ?>
                ;
            }

            #yith-sl-results .view-website.link,
            .yith-sl-pin-modal .view-website.link {
                color: rgb(219, 35, 35);
            }

            #yith-sl-results .view-website.link:hover,
            .yith-sl-pin-modal .view-website.link:hover {
                color:
                    <?php echo get_site_color(); ?>
                ;
            }

            #yith-sl-gmap .gm-style .gm-style-iw {
                width: 400px;
                background-color:
                    <?php echo get_background_color(); ?>
                ;
                color:
                    <?php echo get_color_value("shadow_color", "#000000"); ?>
                ;
                border-radius: 0px;
                padding: 16px;
            }

            #yith-sl-gmap button.gm-ui-hover-effect {
                right: 0px !important;
                top: 5px !important;
            }

            #yith-sl-results .wrap-store-details:hover {
                background-color: rgb(240, 240, 240);
            }
        </style>
        <div class="post-tags"></div>
    </div>
</main>


<?php include BASE_PATH . '/include/footer.php'; ?>