Contact Details

<!-- Contact Details -->
<div class="contact_details">
	{% if item.phone_numbers or item.email or item.meeting %}
		<div class="contact_detail contact">
			<div class="contact_detail_label">Contact</div>
			{% for phone in item.phone_numbers %}
				<div class="contact_detail_item">
					<div class="contact_detail_item_header">
						<div class="contact_detail_hint">{{ phone.label }}</div>
					</div>
					<div class="contact_detail_info">
						<a class="contact_detail_info_link" href="tel:{{ tel(phone.number) }}">{{ phone.number }}</a>
					</div>
				</div>
			{% endfor %}
			{% if item.email %}
				<div class="contact_detail_item">
					<div class="contact_detail_item_header">
						<div class="contact_detail_hint">Email Address</div>
					</div>
					<div class="contact_detail_info">
						<a class="contact_detail_info_link" href="mailto:{{ item.email }}">{{ item.email }}</a>
					</div>
				</div>
			{% endif %}
			{% if item.meeting %}
				<div class="contact_detail_item">
					<a href="{{ item.meeting }}" class="contact_detail_meeting_link">Schedule A Meeting</a>
				</div>
			{% endif %}
		</div>
	{% endif %}
	{% if item.locations %}
		<div class="contact_detail">
			<div class="contact_detail_label">Location</div>
			{% for location in item.locations %}
				<div class="contact_detail_item">
					<div class="contact_detail_item_header">
						<div class="contact_detail_hint">{{ location.label }}</div>
					</div>
					<div class="contact_detail_info">{{ location.value }}</div>
				</div>
			{% endfor %}
		</div>
	{% endif %}
	{% if item.departments or item.programs %}
		<div class="contact_detail department">
			<div class="contact_detail_label">Office or Division</div>
			{% for department in item.departments %}
				<div class="contact_detail_item">
					<div class="contact_detail_info">
						<a class="contact_detail_info_link" href="{{ department.url }}">{{ department.name }}</a>
					</div>
				</div>
			{% endfor %}
			<div class="contact_detail_label program_section">Area of Concentration</div>
			{% for program in item.programs %}
				<div class="contact_detail_item">
					<div class="contact_detail_info">
						<a class="contact_detail_info_link" href="{{ program.url }}">{{ program.name }}</a>
					</div>
				</div>
			{% endfor %}
		</div>
	{% endif %}
	{% if item.office_hours %}
		<div class="contact_detail hours">
			<div class="contact_detail_label">Office Hours</div>
			{% for office_hours in item.office_hours %}
				<div class="contact_detail_item contact_detail_item_collapsed">
					<div class="contact_detail_item_header contact_detail_item_header_collapsed">
						<div class="contact_detail_hint contact_detail_hint_collapsed">{{ office_hours.label }}</div>
					</div>
					<div class="contact_detail_info">{{ office_hours.hours }}</div>
				</div>
			{% endfor %}
		</div>
	{% endif %}
	{% if item.social_links %}
		<div class="contact_detail social">
			<div class="contact_detail_label">Social</div>
			<ul class="contact_socials" aria-label="Social Links for {{ item.name }}">
				{% for social in item.social_links %}
					<li class="contact_social">
						<a class="contact_social_link" href="{{ social.url }}" aria-label="{{ item.name }} {{ social.title }}" target="_blank" rel="noopener">
							<span class="contact_social_link_icon">{{ icon(social.title|lower) }}</span>
							<span class="contact_social_link_label">{{ social.title }}</span>
						</a>
					</li>
				{% endfor %}
			</ul>
		</div>
	{% endif %}
</div>
<!-- END: Contact Details -->