<?php
/* Template Name: Store locator */
get_header();


?>
<script>
  // console.log('lp_get_country_ip :: ', country)
</script>


<!-- MAIN -->
<div class="main-content v2 bg-white">
  <section id="" role="main" class="store_locator_container">
    <section id="section_gmap-store-locator" class="slide slide_dark section_anchor section_gmap-store-locator">
      <script>
        window.laup_map_stores = {
          "data": []
        };
        window.lang = '<?php echo $my_current_lang; ?>';
      </script>

      <div class="map-container">
        <div id="map" class="gmap-container"></div>
        <div class="bloc dark-bloc result-search-bloc">
          <header>
            <div class="form-group">
              <span class="icon-search"></span>
              <input type="text" id="result-search-input" class="controls search-input" placeholder="<?php echo get_field('adresse_placeholder'); ?>">
            </div>
          </header>
          <div class="content">
            <ul id="webStoreUsList">
              <li>
                <a href="<?php echo get_field('link_wine_url'); ?>" target="_blank">
                  <address>
                    <h3>
                      <?php echo get_field('link_wine_title'); ?>
                    </h3>
                    <div><?php echo get_field('link_wine_subtitle'); ?></div>
                  </address>
                </a>
              </li>
            </ul>
            <ul id="results-map-list" class="gmaplist"></ul>
          </div>
        </div>
    <div class="close-map-button btn">X</div>
      </div>
      <div class="container">
        <div class="background-wrapper">
          <div class="background-map" style="background-image:url(<?php echo get_field('background_cover_desktop'); ?>"></div>
          <div class="background-map-mobile" style="background-image:url(<?php echo get_field('background_cover_mobile'); ?>)"></div>
        </div>
        <div class="search-box">

          <h1 class="title_big"><?php echo get_field('titre'); ?></h1>
          <div class="separator"></div>
          <div class="form-group">

            <input type="text" id="main-search-input" class="controls search-input" placeholder="<?php echo get_field('adresse_placeholder'); ?>">
            <div class="store-search-buttons-container">
              <button type="submit" id="submitSearchButton" class="btn btn-link2"><?php echo get_field('bouton_valider'); ?></button>
            </div>
          </div>
        </div>
      </div>

    </section>
  </section>
</div>


<?php get_footer(); ?>