<?php
// The Template for displaying all single posts
get_header(); 
$showEntryMeta = true ;
?>
<div class="grid-x align-center">
<div class="large-10 cell white">
<main class="row spc columns">

	<?php while ( have_posts() ) : the_post(); 
	
	
	
	
		// Get fields
		$fname = get_field('first_name');
		$lname = get_field('last_name');
		$title = get_field('staff_title');
		$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="grid-x">';
			
			if(!empty($photo)){
				echo '<div class="large-4 medium-3 cell text-center">';
					
					// Photo
					echo '<div class="staffImage"><img src="'.$photo['url'].'" alt="'.$photo['alt'].'"><div class="smspc"></div></div>';
					
					// Phone Numbers
					if($phone){ echo '<h3 class="staffPhone"><a href="tel:'.$phone.'"><i class="fa fa-fw fa-phone"></i> '.$phone.'</a></h4>'; }
					if($cell){ echo '<h3 class="staffPhone"><a href="tel:'.$cell.'"><i class="fa fa-fw fa-mobile-alt"></i> '.$cell.'</a></h4>'; }
				
					// 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>';
				echo '</div>';
				echo '<div class="large-8 medium-9 cell">';
			}else{
				echo '<div class="large-12 cell">';
			}
			
			// Name
			if($fname || $lname){
				$name=$fname;
				if($name!='' && $lname!=''){$name.=' '.$lname;}
				echo '<h1 class="staffSingleName nm">'.$name.'</h1>';
			}
			
			// Title
			if($title){ echo '<h2 class="staffSingleTitle nm">'.$title.'</h2>'; }

			echo $content;

			echo '</div>';
		echo '</div>';
		?>
	<?php endwhile; // end of the loop. ?>
</main>
</div>
</div>
<?php get_footer(); ?>