Event Meta

{#
	{% include '@partial-event-meta' with {
		item: {
			date: {
				same_day: false,
				all_day: false,
				from: '2023-05-31 17:00:00',
				to: '2023-06-13 19:00:00'
			},
			location: 'Location',
			type: 'type',
			categories: [
				{
					label: 'Category',
					url: '#'
				}
			]
		}
	} %}
#}
<!-- Event Meta -->
<div class="event_meta" id="meta" data-type="event" data-category="{% for item in item.categories %}{{ item.label }}{% if not loop.last %}, {% endif %}{% endfor %}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="event_meta_inner">

				<div class="event_meta_details">
					<div class="event_meta_detail">
						<span class="event_meta_detail_title">When</span>
						<span class="event_meta_detail_hint">Time:&nbsp;</span>
						<span class="event_meta_detail_label">
							<span class="event_meta_detail_label_date">
								{% if item.date.same_day == false %}{{ item.date.from|date('M d') }} - {{ item.date.to|date('M d') }}{% endif %}
							</span>
							{% if item.date.same_day == false %}
								| <span class="event_meta_detail_label_time">{{ item.date.from|date('g:i A') }} - {{ item.date.to|date('g:i A') }}</span>
							{% endif %}

							{% if item.date.same_day != false %}
							<span class="event_meta_detail_label_time">{{ item.date.from|date('g:i A') }}</span>
							- <span class="event_meta_detail_label_time">{{ item.date.to|date('g:i A') }}</span>
							{% endif %}
						</span>
					</div>

					{% if item.location %}
					<div class="event_meta_detail">
						<span class="event_meta_detail_title">Where</span>
						<span class="event_meta_detail_hint">Location:&nbsp;</span>
						<span class="event_meta_detail_label">{{ item.location }}</span>
						<span class="event_meta_detail_type">{{ item.type }}</span>
					</div>
					{% endif %}

					{% if item.categories %}
					<div class="event_meta_detail event_meta_detail_category">
						<span class="event_meta_detail_title">Category</span>
						<span class="event_meta_detail_hint">Categories:&nbsp;</span>
						<ul class="event_meta_detail_list" aria-label="Categories">
							{% for category in item.categories %}
								<li class="event_meta_detail_item">
									{# <a class="event_meta_detail_link" href="{{ category.url }}">{{ category.label }}</a> #}
									<span class="event_meta_detail_label">{{ category.label }}</span>
								</li>
							{% endfor %}
						</ul>
					</div>
					{% endif %}
				</div>

			</div>
		</div>
	</div>
</div>
<!-- END: Event Meta -->