<?xml version="1.0" encoding="utf-8" ?>
<odoo>

<template name="OpenLayer Store Locator" id="s_openlayer_store_locator">
    <section
            class="s_openlayer_store_locator pb56 pt56"
            data-vjs="001"
            data-map-type="mapnik"
            data-map-zoom="12"
            data-max-results="200"
        >
        <div class="map_container o_not_editable">
            <div class="map" id="map" />
            <div class="search">
                <input
                        type="text"
                        id="search"
                        class="flexdatalist"
                        placeholder="Search store"
                    />
            </div>
            <div id="popup" />
        </div>
    </section>
</template>

<!-- Snippet's Options -->
<template id="s_openlayer_store_locator_options" inherit_id="website.snippet_options">
    <xpath expr="//div[@data-js='Box']" position="before">
        <div data-js="OpenLayerStoreLocator" data-selector=".s_openlayer_store_locator">
            <we-input
                    class="o_we_large"
                    string="Max number of results"
                    data-select-data-attribute=""
                    data-no-preview="true"
                    data-attribute-name="maxResults"
                    placeholder="200"
                />
        </div>
    </xpath>
</template>

</odoo>
