Event Meta

{#
	{% include '@partial-event-meta' with {
		item: {
			date: {
				from: {
					begin: '2017-05-31 17:00:00',
					end: '2017-05-31 19:00:00'
				},
				to: {
					begin: '2017-06-13 17:00:00',
					end: '2017-06-13 19:00:00'
				}
			},
			location: 'Location',
			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_body">
					<div class="event_meta_details">
						<div class="event_meta_detail">
							<span class="event_meta_detail_hint">Date & Time</span>
							<span class="event_meta_detail_label">
								<div class="event_meta_detail_label_date">{{ item.date.from.begin|date('l, M j Y') }}</div>
								<div class="event_meta_detail_label_time">{{ item.date.from.begin|date('g:i A') }}{{ item.date.from.end ? " - " ~ item.date.from.end|date('g:i A') }}</div>
								{% if item.date.to %}
									<div class="event_meta_detail_label_date">{{ item.date.to.begin|date('l, M j Y') }}</div>
									<div class="event_meta_detail_label_time">{{ item.date.to.begin|date('g:i A') }}{{ item.date.to.end ? " - " ~ item.date.to.end|date('g:i A') }}</div>
								{% endif %}
							</span>
						</div>
						{% if item.location %}
							<div class="event_meta_detail">
								<span class="event_meta_detail_hint">Location</span>
								<span class="event_meta_detail_label">{{ item.location.title }}</span>
								<a class="event_meta_detail_link" href="#">
									{{ item.location.street }}<br>
									{{ item.location.city }} {{ item.location.state }}, {{ item.location.zip }}
								</a>
							</div>
						{% endif %}
						{% if item.ticketing %}
							<div class="event_meta_detail">
								<span class="event_meta_detail_hint">ticketing</span>
								{% for ticket in item.ticketing %}
								<span class="event_meta_detail_label">{{ ticket }}</span>
								{% endfor %}
							</div>
						{% endif %}
						{% if item.categories %}
							<div class="event_meta_detail event_meta_detail_category">
								<span class="event_meta_detail_hint">{% if item.categories|length == 1 %}Category{% else %}Categories{% endif %}</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>
										</li>
									{% endfor %}
								</ul>
							</div>
						{% endif %}
						<div class="event_meta_detail">
							<span class="event_meta_detail_hint event_meta_detail_hint_link" aria-hidden="true">Register</span>
							<a class="event_meta_link" href="#">Register</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Event Meta -->