{{!--
	The url and the title should always be the same content, so never pass a title to a listing but a url to an offer, or vice-versa
	The location and locationUrl should be passed from event layout and offer layout
--}}
{{~setVar("t", global.translations)}}
{{~setVar("template", "layoutjs_info_window")}}


{{~exec(function() {



	var url;

	if (data.image_url) {
		url = data.image_url;
	} else {
		url = helpers.plugins.sv_site.siteConfig.custom[helpers.plugins.sv_site.site].defaultImageUrl
	}
	helpers.var.image = {
		resource : helpers.plugins.cloudinary.createResource({
			imageUrl : url
		})
	};
})}}

<div class="infoWindow" data-gtm-vars='{ "tCore" : { "recid" : "{{recid}}", "label" : "{{%%title}}", "row" : "{{row}}", "globalRow" : "{{globalRow}}" } }' data-title="{{%%title}}" data-crmc="{{%%crmc}}" data-crmsc="{{%%crmsc}}" data-item-type="{{%%itemType}}" data-item-name="{{%%itemName}}" data-city="{{%%city}}" data-region="{{%%region}}" data-recid="{{%%recid}}" data-acctid="{{%%acctid}}" data-rankname="{{%%rankname}}" data-price="{{%%price}}">
	<h3>
		<a href="{{url}}" data-gtm-click data-gtm-vars='{ "tCore" : { "action" : "{{~var.template}}_title", "actionType" : "detail" } }'>{{title}}</a>
	</h3>
	<ul class="contactInfo"> 
		<div class="listing-image">
			{{!-- Pre-allocates height of image using padding-bottom to prevent height changes on load --}}
			{{~setVar("width", 328)}}
			{{~setVar("height", 218)}}
			{{~setVar("paddingBottom", (helpers.var.height / helpers.var.width) * 100 + "%")}}

			<a class="thumb-holder" href="{{%url}}" data-seo-detail-image style="padding-bottom: {{~var.paddingBottom}}" data-gtm-click data-gtm-vars='{ "tClient" : { "eventAction" : "Link to Event Detail", "eventLabel" : "{{:listings}}{{%%listings.title}} | {{/listings}}{{%%title}}", "nonInteraction" : 0 } }'>
				<img class="thumb" src="{{~var.image.resource.getThumbnailUrl({ "height" : helpers.var.height, "width" : helpers.var.width, "crop" : "fill" })}}" />
			</a>
					<li class="more-details">
			<a href="{{~var.urlSegment}}{{%url}}" data-gtm-click data-gtm-vars='{ "tCore" : { "action" : "{{~var.template}}_more_info", "actionType" : "detail" } }'>{{~var.t.details}}</a>
		</li>
		</div>

	</ul>
</div>