{{--
  Title: Google Maps Interface
  Description: google maps iframe for article
  Category: formatting
  Icon: columns
  Keywords: text
  Mode: edit
  Align: left
  PostTypes: page post
  SupportsAlign: full
  SupportsMode: true
  SupportsMultiple: true
  EnqueueStyle:
  EnqueueScript:
  EnqueueAssets:
--}}

<script defer src="/wp-content/themes/equilibrium/resources/views/interactive-map/js/app.js"></script><link href="/wp-content/themes/equilibrium/resources/views/interactive-map/css/app.css" rel="stylesheet">
<div class="gucci-map">
    <div class="gucci-map__panel">
        <div class="gucci-map__nav">
            <ul>
                <li class="gucci-map__countries">
                    <button data-filter-trigger="country" aria-expanded="false"><span>Country</span><em>All</em></button>
                    <div>
                        <ul>
                            <li>
                                <!-- <button data-filter-filtering="country|*" class="on"><span></span>All countries <em>0</em></button> -->
                                <div data-filter-filtering="country|*" class="on" tabindex="0" role="checkbox" aria-checked="true">
                                    <span></span>All countries <em>0</em>
                                </div>
                            </li>
                        </ul>
                        <div>
                            <button data-filter-reset="country" aria-label="reset country filter">RESET</button>
                            <button data-filter-save="country" aria-label="save country filter">SAVE</button>
                        </div>
                    </div>
                </li>
                <li class="gucci-map__categories">
                    <button data-filter-trigger="category" aria-expanded="false"><span>Category</span><em>All</em></button>
                    <div>
                        <ul>
                            <li>
                                <!-- <button data-filter-filtering="category|*" class="on"><span></span>All categories <em>0</em></button> -->
                                <div data-filter-filtering="category|*" class="on" tabindex="0" role="checkbox" aria-checked="true">
                                    <span></span>All categories <em>0</em>
                                </div>
                            </li>
                        </ul>
                        <div>
                            <button data-filter-reset="category" aria-label="reset category filter">RESET</button>
                            <button data-filter-save="category" aria-label="save category filter">SAVE</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="gucci-map__results">
            <div class="gucci-map__results__wrapper" data-simplebar>
                <div class="gucci-map__total"><span>0</span> results</div>

            </div>
        </div>
    </div>
    <div class="gucci-map__canvas"></div>
    <div class="gucci-map__switch">
        <button><span>VIEW LIST</span><span>VIEW MAP</span></button>
    </div>
</div>
<div class="download-list">
    <img src="/wp-content/themes/equilibrium/resources/views/interactive-map/images/icon/download-icon.svg" alt="Download Icon"></a>
    <a href="#"><span>DOWNLOAD GUCCI'S SUPPLIER LIST</span></a>
    <a href="#"><span>DOWNLOAD GUCCI'S</span><br><span>SUPPLIER LIST</span></a>
</div>