<?php get_header(); ?>

<div class="dBlue">
<div class="large-10 cell">
<h1>Our Team</h1>
</div>
</div>
<div class="grid-x align-center">
<div class="large-10 cell white">
<main class="grid-x grid-padding-x large-up-3 spc" data-equalizer data-equalize-on="medium">
<?php 
if ( have_posts() ) :
	while ( have_posts() ) : the_post();
		// Get fields
		$fname = get_field('first_name');
		$lname = get_field('last_name');
		$title = get_field('staff_title');
		$department = get_field('department');
		$photo = get_field('photo');
		
		$facebook  = get_field('facebook');
		$twitter   = get_field('twitter');
		$linkedin  = get_field('linkedin');
		$youtube   = get_field('youtube');
		$instagram = get_field('instagram');
		$pinterest = get_field('pinterest');
		$reddit    = get_field('reddit');
		
		$phone    = get_field('phone');
		$cell     = get_field('cell_phone');
		$website  = get_field('website');
		$email    = get_field('email');
		
		$content = get_field('bio');
		
		$perm  = get_permalink(get_the_ID());
		
		echo '<div class="cell">';
			echo '<div class="callout text-center" data-equalizer-watch>';
			
				if( !empty($photo) ){
					echo '<div class="staffImage text-center"><a href="'.$perm.'"><img src="'.$photo['url'].'" class="fw" alt="'.$photo['alt'].'" /></a></div>';
				}
			
				// Name
				if($fname || $lname){
					$name=$fname; if($name!='' && $lname!=''){$name.=' '.$lname;}
					echo '<h2 class="staffName"><a href="'.$perm.'">'.$name.'</a></h2>';
				}
				
				// Title
				if($title){ echo '<h3 class="staffTitle"><a href="'.$perm.'">'.$title.'</h3><h3>'.$department.'</h3></a>'; }
				
				// Phone Numbers
				if($phone){ echo '<h3 class="staffPhone"><a href="tel:'.$phone.'"><i class="fa fa-fw fa-phone"></i> '.$phone.'</a></h3>'; }
				if($cell){ echo '<h3 class="staffPhone"><a href="tel:'.$cell.'"><i class="fa fa-fw fa-mobile-alt"></i> '.$cell.'</a></h3>'; }
				
				
				
				// Spacer
				echo '<div class="smspc"></div>';
	
				// Social Networks
				echo '<div class="social">';
					if($facebook){ echo '<a href="'.$facebook.'" title="Facebook"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i></span></a>'; }
					if($twitter){ echo '<a href="'.$twitter.'" title="Twitter"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-twitter fa-stack-1x fa-inverse"></i></span></a>'; }
					if($linkedin){ echo '<a href="'.$linkedin.'" title="LinkedIn"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i></span></a>'; }
					if($youtube){ echo '<a href="'.$youtube.'" title="YouTube"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-youtube fa-stack-1x fa-inverse"></i></span></a>'; }
					if($pinterest){	echo '<a href="'.$pinterest.'" title="Pinterest"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-pinterest-p fa-stack-1x fa-inverse"></i></span></a>'; }
					if($instagram){ echo '<a href="'.$instagram.'" title="Instagram"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-instagram fa-stack-1x fa-inverse"></i></span></a>'; }
					if($reddit){ echo '<a href="'.$reddit.'" title="Reddit"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fab fa-reddit-alien fa-stack-1x fa-inverse"></i></span></a>'; }
					if($website){ echo '<a href="'.$website.'" title="Website"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fa fa-globe fa-stack-1x fa-inverse"></i></span></a>'; }
					if($email){ echo '<a href="mailto:'.$email.'" title="Email"><span class="fa-stack fa-2x"><i class="fa fa-square-full fa-stack-2x"></i><i class="fa fa-envelope fa-stack-1x fa-inverse"></i></span></a>'; }
				echo '</div>';
				
				// Spacer
				echo '<div class="smspc"></div>';
				
				echo '<a href="'.$perm.'" class="button nm">About Me</a>';
				
			
		echo '</div>';
		echo '</div>';
	endwhile;
else:
	get_template_part( 'content', 'none' );
endif; 
?>
</main></div></div>
<?php $omadaLayout->paginationLinkNumbers(); ?>
<?php get_footer(); ?>