{{!--
	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("translations", global.translations)}}
{{~setVar("template", "layoutjs_info_window")}}
{{~setVar('apexActive', helpers.plugins.sv_site.siteConfig.plugins.apex && helpers.plugins.sv_site.siteConfig.plugins.apex.active)}}
<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="{{:ga4Price}}{{%%ga4Price}}{{?}}{{%%price}}{{/}}" data-property-id="{{%%property_id}}" data-property-name="{{%%property_name}}" data-property-type="{{%%property_type}}" data-is-featured="{{%%is_featured}}">
	{{!detail}}
		<h5>
			<a href="{{url}}" data-gtm-click data-gtm-vars='{ "tCore" : { "action" : "{{~var.template}}_title", "actionType" : "detail" } }'>{{title}}</a>
		</h5>
		<ul class="contactInfo"> 
			{{:~var.apexActive}}
				{{:listing}}
					<li>{{~var.translations.location}}: <a href="{{listing.url}}">{{listing.title}}</a></li>
				{{/}}
				
				{{:address_display}}
					<li>
						{{#address_display}}
							<span>{{@data}}</span>
						{{/}}		
					</li>
				{{/}}
			{{?}}
				{{:listing}}
					<li>{{~var.translations.location}}: <a href="{{listing.url}}">{{listing.title}}</a></li>
				{{?:location}}
					<li>{{~var.translations.location}}: {{location}}</li>
				{{/}}
				{{:address1}}<li>{{~var.translations.address}}: {{address1}}</li>{{/}}
			{{/}}
			<li>
				<a href="{{%url}}" data-gtm-click data-gtm-vars='{ "tCore" : { "action" : "{{~var.template}}_more_info", "actionType" : "detail" } }'>{{~var.translations.details}}</a>
			</li>
		</ul>
	{{?}}
		<h5>
			{{title}}
		</h5>
		<ul class="contactInfo"> 
			{{:~var.apexActive}}
				{{:listing}}
					<li>{{~var.translations.location}}: {{listing.title}}</li>
				{{/}}
				{{:address_display}}
					<li>
						{{#address_display}}
							<span>{{@data}}</span>
						{{/}}		
					</li>
				{{/}}
			{{?}}
				{{:listing}}
					<li>{{~var.translations.location}}: {{listing.title}}</li>
				{{?:location}}
					<li>{{~var.translations.location}}: {{location}}</li>
				{{/}}
				{{:address1}}<li>{{~var.translations.address}}: {{address1}}</li>{{/}}
			{{/}}
		</ul>
	{{/}}
</div>