{{~exec(function() {
	helpers.var.t = {
		lsitings : data.translations.lsiting,
		leo : data.translations.leo
	}
})}}

{{#listing}}

{{~exec(function() {



	var url;
	if (data.media_raw && data.media_raw[0]) {
		url = data.media_raw[0].mediaurl;
	} 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="listingItem item {{:featured}}featured{{/featured}}" data-listingid="{{id}}" data-recid="{{value}}" data-type="listing" data-seo-listing data-seo-title="{{:listing}}{{%listing.title}} | {{/listing}}{{%title}}">
	<div class="inner">
		<div class="img-cont">
			{{!-- 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" : "{{:listing}}{{%%listing.title}} | {{/listing}}{{%%title}}", "nonInteraction" : 0 } }'>
				<img class="thumb" src="{{~var.image.resource.getThumbnailUrl({ "height" : helpers.var.height, "width" : helpers.var.width, "crop" : "fill" })}}" />
			</a>
		</div>
		<div class="content-section">
		<div ref="socialShare"></div>
			<h4><a href="{{%url}}" data-gtm-click data-gtm-vars='{ "tClient" : { "eventAction" : "Link to Event Detail", "eventLabel" : "{{:listing}}{{%%listing.title}} | {{/listing}}{{%%title}}", "nonInteraction" : 0 } }'>{{%title}}</a></h4>
			<ul class="info-list">
				{{!-- uses a partial mechanic to simplify HTML generation so it's consistent between the li's --}}
				{{~setVar("fields", [
					{ name : "location", label :  helpers.var.t.leo.location, value : data.location || helpers.plugins.miscLib.varLookup(data, "listing.title"), extra : { url : helpers.plugins.miscLib.varLookup(data, "listing.url") }, valueTemplate : "link_or_label" }
				])}}
			</ul>
			<div class="shared-action-items">
				{{:~plugins.sv_site.siteConfig.plugins.tripbuilder.active}}<span data-tb-button data-tb-recid="{{recid}}" data-tb-type="lsitings"></span>{{/}}
			</div>
		</div>
	</div>
</div>

{{/listing}}