Meta

{#
	{% render '@partial-meta' %}

	Google Maps, Find the ID of a particular place - https://developers.google.com/places/place-id
#}

{% set title = title ?? 'Contact Information' %}
{% set heading_level = heading_level ?? 2 %}
{% set heading_tag = 'h' ~ heading_level %}

<script type="application/ld+json">
	{{
		{
			'@context': 'http://schema.org',
			'@type': config.schema_type,
			'name': config.name,
			'logo': '//' ~ config.domain ~ '/images/logo-schema.png',
			'address': {
				'@type': 'PostalAddress',
				'streetAddress': config.street,
				'addressLocality': config.city,
				'addressRegion': config.state,
				'postalCode': config.zip
			},
			'email': config.email,
			'telephone': config.phone,
			'url': '//' ~ config.domain,
			'sameAs': navigation.social|column('url')
		}|json_encode
	}}
</script>

<div class="meta-info" id="meta-info">
	<{{ heading_tag }} class="meta-info__title">{{ title }}</{{ heading_tag }}>
	<div class="meta-info__details">
		<div class="meta-info__detail meta-info__detail--address">
			<span class="meta-info__detail-icon" aria-hidden="true">
				{{ icon('place') }}
			</span>
			<span class="meta-info__detail-label">
				{# <a
					class="meta-info__detail-label-link"
					href="https://www.google.com/maps/place/?q=place_id:{{ config.place_id }}"
					target="_blank"
					rel="noopener"
					title="opens in new window"
				> #}
					<span class="meta-info__address-street">{{ config.street }},</span>
					<span class="meta-info__address-group">
						<span class="meta-info__address-city">{{ config.city }},</span>
						<span class="meta-info__address-state">{{ config.state }}</span>
						<span class="meta-info__address-zip">{{ config.zip }}</span>
					</span>
				{# </a> #}
			</span>
		</div>
		{# {% if config.email %}
			<div class="meta-info__detail meta-info__detail--email">
				<span class="meta-info__detail-icon" aria-hidden="true">
					{{ icon('mail') }}
				</span>
				<span class="meta-info__detail-label">
					{% include '@partial-link' with {
						classes: {
							base: 'meta-info__detail-label-link'
						},
						title: format_email(config.email),
						url: 'mailto:' ~ config.email
					} only %}
				</span>
			</div>
		{% endif %}
		{% if config.phone %}
			<div class="meta-info__detail meta-info__detail--phone">
				<span class="meta-info__detail-icon" aria-hidden="true">
					{{ icon('phone') }}
				</span>
				<span class="meta-info__detail-label">
					<span class="meta-info__detail-label-hint">
						Phone:&nbsp;
					</span>
					{% include '@partial-link' with {
						classes: {
							base: 'meta-info__detail-label-link'
						},
						title: config.phone,
						url: 'tel:' ~ tel(config.phone)
					} only %}
				</span>
			</div>
		{% endif %} #}
	</div>
</div>