
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php


$list_column = [
  'md' => 6,
  'lg' => 6,
];

$map_column = [
  'md' => 6,
  'lg' => 6,
];

$this->overrideColumnConfigs($all_configs, $list_column, $map_column);


list($list_class, $map_class) = $this->createColClasses($list_column, $map_column);


// support only the list layout
$all_configs['layout'] = '0';


$class=(isset($all_configs['css_class']))? ' '.$all_configs['css_class']: '';

if($all_configs['display_list'] == '0' || $all_configs['first_load'] == '3' || $all_configs['first_load'] == '4')
  $class .= ' map-full';


$ddl_class_grid = 'pol-md-6 pol-sm-12';


$ddl_class      = '';

//add sl-full-star height
$class .= ' '.$all_configs['full_height'];

$default_addr = (isset($all_configs['default-addr']))?$all_configs['default-addr']: '';


$container_class    = (isset($all_configs['sl-full-star_width']) && $all_configs['sl-full-star_width'])? 'container-fluid': 'container';
$geo_btn_class      = ($all_configs['geo_button'] == '1')?'asl-geo icon-direction':'icon-search';
$geo_btn_text       = ($all_configs['geo_button'] == '1')?__('Current Location', 'asl_locator'):__('Search', 'asl_locator');
$search_type_class  = ($all_configs['search_type'] == '1')?'asl-search-name':'asl-search-address';
$panel_order        = (isset($all_configs['map_top']))?$all_configs['map_top']: '2';



if($all_configs['tabs_layout'] == '1') {

   $ddl_class_grid = 'pol-sm-12';
   $ddl_class     .= ' asl-tabs-ddl pol-12 pol-lg-12 pol-md-12 pol-sm-12';
   $class         .= ' sl-category-tabs';
}

$btn_text = ($all_configs['geo_button'] == '1')?__('Current Location','asl_locator'):__('Search Location','asl_locator');

?>
<style type="text/css">
   #asl-storelocator.asl-cont.asl-template-4 .asl-wrapper .asl-top-area  > .pol-lg-12 .Filter_section .search_btn_box .sl-search-btn {margin-bottom: 1.5rem;}
   <?php echo esc_attr($css_code); ?>
</style>
<section id="asl-storelocator" class="asl-cont asl-template-4 asl-layout-<?php echo esc_attr($all_configs['layout']); ?> asl-bg-<?php echo esc_attr($all_configs['color_scheme'].$class); ?> asl-text-<?php echo esc_attr($all_configs['font_color_scheme']) ?>">
    <?php if($all_configs['gdpr'] == '1'): ?>
    <div class="sl-gdpr-cont">
        <div class="gdpr-ol"></div>
        <div class="gdpr-ol-bg">
           <div class="gdpr-box">
             <p><?php echo asl_esc_lbl('label_gdpr') ?></p>
             <a class="btn btn-asl" id="sl-btn-gdpr"><?php echo asl_esc_lbl('accpt') ?></a>
           </div>
        </div>
    </div>
    <?php endif; ?>
    <div class="asl-overlay" id="map-loading">
        <div class="white"></div>
        <div class="sl-loading">
          <i class="animate-sl-spin icon-spin3"></i>
          <?php echo asl_esc_lbl('loading') ?>
        </div>
    </div>
     <div class="asl-wrapper">
         <div class="sl-container">
            <div class="sl-row asl-top-area">
               <div class="<?php echo esc_attr($list_class) ?>">
                  <div class="Filter_section">
                    <div class="search_filter">
                       <label for="auto-complete-search" class="asl-filter-top-title"><?php echo asl_esc_lbl('search_near') ?></label>
                       <div class="sl-search-group">
                          <input type="text" value="<?php echo esc_attr($default_addr) ?>" data-submit="disable" id="auto-complete-search" placeholder="<?php echo asl_esc_lbl('search_loc') ?>"  class="asl-search-address isp_ignore">
                          <button aria-label="<?php echo esc_attr($btn_text) ?>" title="<?php echo esc_attr($btn_text) ?>" type="button" class="span-geo"><i class="asl-geo icon-direction-outline" title="Current Location"></i></button>
                       </div>
                    </div>
                    <div class="asl-advance-filters hide">
                       <div class="sl-row">
                          <?php if($all_configs['search_2']): ?>
                          <div class="pol-md-12 asl-name-search">
                             <div class="asl-filter-cntrl">
                                <label class="asl-cntrl-lbl"><?php echo asl_esc_lbl('search_name') ?></label>
                                <div class="sl-search-group">
                                   <input type="text"  placeholder="<?php echo asl_esc_lbl('search_name_ph') ?>"  class="asl-search-name form-control isp_ignore">
                                </div>
                             </div>
                          </div>
                          <?php endif ?>
                          <?php if($all_configs['show_categories']): ?>
                          <div class="<?php echo esc_attr($ddl_class_grid) ?> <?php echo esc_attr($ddl_class) ?> asl-ddl-filters asl-ddl-filter-cats">
                             <div class="asl-filter-cntrl">
                                <label class="asl-cntrl-lbl" for="asl-categories"><?php echo asl_esc_lbl('category_title') ?></label>
                                <div class="sl-dropdown-cont" id="categories_filter">
                                </div>
                             </div>
                          </div>
                           <?php if($has_child_categories): ?>
                           <div class="<?php echo esc_attr($ddl_class_grid) ?> <?php echo esc_attr($ddl_class) ?> asl-ddl-filters asl-ddl-filter-sub-cats">
                               <div class="asl-filter-cntrl">
                                 <label class="asl-cntrl-lbl" for="asl-sub-categories"><?php echo asl_esc_lbl('sub_cat_label') ?></label>
                                 <div class="sl-dropdown-cont" id="asl-sub_cats-filter">
                                 </div>
                               </div>
                           </div>
                           <?php endif; ?>
                          <?php endif ?>
                          <?php if($filter_ddl): ?>
                           <?php foreach ($filter_ddl as $key => $label):?>
                          <div class="<?php echo esc_attr($ddl_class_grid) ?><?php echo esc_attr($ddl_class) ?> asl-ddl-filters asl-ddl-filter-<?php echo esc_attr($key) ?>">
                              <div class="asl-filter-cntrl">
                                <label class="asl-cntrl-lbl" for="asl-<?php echo esc_attr($key) ?>"><?php echo esc_attr($label); ?></label>
                                <div class="sl-dropdown-cont" id="<?php echo esc_attr($key) ?>_filter">
                                </div>
                              </div>
                          </div>
                          <?php endforeach; ?>
                          <?php endif; ?>
                          <div class="pol-lg-6 pol-md-12 pol-sm-6 col-12 range_filter hide asl-ddl-filters">
                             <div class="asl-filter-cntrl rangeFilter">
                                <label class="asl-cntrl-lbl"><?php echo asl_esc_lbl('distance_tab') ?></label>
                                <input id="asl-radius-slide" type="text" class="span2" />
                                <span class="rad-unit"><?php echo asl_esc_lbl('radius') ?>: <span id="asl-radius-input"></span> <span id="asl-dist-unit"><?php echo asl_esc_lbl('km') ?></span></span>
                             </div>
                          </div>
                          <div class="pol-lg-6 pol-md-12 pol-sm-6 col-12 Status_filter">
                             <div class="asl-filter-cntrl">
                                <label class="asl-cntrl-lbl"><?php echo asl_esc_lbl('status') ?></label>
                                <div class="onoffswitch">
                                   <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="asl-open-close" checked>
                                   <label aria-label="<?php echo asl_esc_lbl('time_switch_label') ?>" title="<?php echo asl_esc_lbl('time_switch_label') ?>" class="onoffswitch-label" for="asl-open-close">
                                     <span class="onoffswitch-inner"></span>
                                     <span class="onoffswitch-switch"></span>
                                   </label>
                                </div>
                             </div>
                          </div>
                          
                       </div>
                    </div>
                    <div class="d-md-flex search_btn_box mb-3 mb-md-0">
                        <button type="button" title="<?php echo asl_esc_lbl('search_loc') ?>" class="icon-search sl-search-btn"><?php echo asl_esc_lbl('search') ?></button>
                        <button type="button" title="<?php echo asl_esc_lbl('reset_map') ?>" class="ml-0 ml-md-2 asl-reset-btn"><?php echo asl_esc_lbl('reset_map') ?></button>
                    </div>
                  </div>
               </div>
               <div class="<?php echo esc_attr($map_class) ?>">
                  <div class="asl-map">
                    <div class="map-image">
                       <div id="asl-map-canv" class="asl-map-canv"></div>
                        <?php include ASL_PLUGIN_PATH.'public/partials/_agile_modal.php'; ?>
                    </div>
                  </div>
               </div>
            </div>
            <div class="sl-row">
               <div class="pol-12">
                  <div class="sl-main-cont">
                     <div id="asl-panel" class="sl-main-row">
                        <div id="asl-list" class="asl-panel">
                           <div class="asl-panel-inner">
                                <div class="Num_of_store pb-3">
                                  <span class="count-result-text"><?php echo asl_esc_lbl('head_title') ?>: <span class="count-result">0</span></span>
                                  <?php if (isset($all_configs['print_btn']) && $all_configs['print_btn'] != '0'): ?>
                                    <a class="asl-print-btn" aria-label="<?php echo asl_esc_lbl('print') ?>"><span><?php echo asl_esc_lbl('print') ?></span><span class="asl-print"></span></a>
                                  <?php endif; ?>
                                </div>
                              <div class="sl-main-cont-box">
                                 <div class="sl-list-wrapper">
                                    <ul id="p-statelist" class="sl-list sl-row panel-inner">
                                    </ul>
                                 </div>
                              </div>
                           </div>
                           <div class="directions-cont hide">
                              <div class="agile-modal-header">
                                 <button type="button" class="close"><span aria-hidden="true">×</span></button>
                                 <h4><?php echo asl_esc_lbl('store_direc') ?></h4>
                              </div>
                              <div class="rendered-directions" id="asl-rendered-dir" style="direction: ltr;"></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
</section>
<!-- This plugin is developed by "Agile Store Locator for WordPress" https://agilestorelocator.com -->