Source: templates/info-window.js

import svgRoute from '../../svg/route.svg'

/**
 * storelocatorjs info window template
 * @module storelocatorjs/templateInfoIndow
 */
export default function ({store, origin}) {
	return `
        <div class="storelocator-infoWindow">
            ${store.picture
                ? `<span class="storelocator-pictureStore">
                    <img src="${store.picture}" alt="${store.title}" />
                </span>`
            : ``}
            <div class="storelocator-detailStore">
                ${store.title
                    ? `<span class="storelocator-detailStoreTitle">${store.index + 1}. ${store.title}</span>`
                : ``}
                <a href="http://www.google.fr/maps/dir/${origin}/${store.lat},${store.lng}" title="See the itinerary on Google Maps" target="_blank" class="storelocator-detailStoreDistance">
                    <span>${store.distance.toFixed(2)}km</span>
                    ${svgRoute}
                    </a>
                ${store.address
                    ? `<span class="storelocator-detailStoreAddress">${store.address}</span>`
                : ``}
                ${store.zipcode
                    ? `<span class="storelocator-detailStoreZipcode">${store.zipcode}</span>`
                : ``}
                ${store.city
                    ? `<span class="storelocator-detailStoreCity">${store.city}</span>`
                : ``}
                ${store.phone
                    ? `<span class="storelocator-detailStorePhone"><a href="tel:${store.phone}" title="Call">${store.phone}</a></span>`
                : ``}
                ${typeof store.link !== 'undefined'
                ? `<a href="${store.link}" title="Visit website" target="_blank" class="storelocator-detailStoreUrl">${store.link}</a>`
                : ``}
            </div>
        </div>`
}