{{#with data.openHouse}}
    <div class="bs4--row {{#if type.brokerOpen}}agent-open-house-item {{else}} open-house-item{{/if }} bs4--h-100">
	    <div class="pr-5 bs4--col-12">
            {{# if type.openHouse}}
            <span class="open-house-title">{{#if method.virtual}}Live {{else}}In-person {{/if}} Open
            {{/if}}
			{{#and @root/data/isOpenHouseNow method.virtual}}<span class="badge bs4--text-center bs4--text-uppercase bs4--bg-white">Live Now</span>{{/and}}</span><br />
			{{#if type.byAppointmentOnly}}By Appointment Only <br />{{/if}}

			<strong>{{date.formattedDate}}</strong> | <span class="no-wrap">
				{{~times~}}
				<i class="material-icons pointer font-14" data-toggle="tooltip" data-html="true" title="
				<div class='text-left'>
					{{#if @root/data/userSameTimeZone}}
					The time shown is local to the given property.
					{{else}}

					{{times}} (<span class='text-lowercase'>{{startDateUtc.formattedTime}} to {{endDateUtc.formattedTime}}</span> local time)
					{{/if}}
				</div>" tabindex="0" >help_outline</i>
			</span>
			{{#if remarks~}}
			<p {{#unless virtualURL}}class="bs4--mb-0 bs4--w-100"{{/unless}}>{{remarks}}</p>
			{{~/if}}
			{{#if virtualURL}}
			<p class="bs4--mb-0 bs4--align-self-end bs4--w-100"><a href="{{virtualURL}}" target="_blank" rel="nofollow">Watch Live <span class="align-sub live-open-icon-blue bs4--d-inline-block" title="Virtual Open House"></span></a></p>
			{{/if}}
	    </div>
    </div>
{{/with}}