<?php
/**
 * The template used for displaying page content
 *
 * Prohibit direct script loading
 ------------------------------------------------------------ */
 defined( 'ABSPATH' ) || die( );

  if ( function_exists( 'get_field' ) && function_exists( 'have_rows' ) && have_rows( 'hotspring_tabs' )) :
  
?>

<div class="row">

<div class="content-tabs column twelve">

  <ul>
	<?php $tab=1; if( have_rows('hotspring_tabs') ): ?>
		
	  <?php  while ( have_rows('hotspring_tabs') ) : the_row(); ?>

		<li><a href="#hotspring_tabs-<?php echo $tab; ?>"><?php the_sub_field('hotspring_name') ;?></a></li>
		
	  <?php $tab++;endwhile; ?>
	 
	<?php endif; ?> 
  </ul>
  <div class="clear"></div>
    <div id="model-overview" class="spas_model_tabs" style="margin-bottom: 40px;">
 	<?php $tabcontents=1; if( have_rows('hotspring_tabs') ): ?>
		
	  <?php  while ( have_rows('hotspring_tabs') ) : the_row(); ?>
	  
		   <?php $hotspring_photo = get_sub_field('hotspring_photo'); ?>
		   <?php $hotspring_video = get_sub_field('hotspring_video'); ?>
		   <?php $hotspring_description = get_sub_field('hotspring_description'); ?>
			   
		  <div id="hotspring_tabs-<?php echo $tabcontents; ?>" class="spatabs">
		   <div class="row">	
			   <div class="column <?php if($hotspring_photo == "" && $hotspring_video == ""){echo 'twelve';}else{echo 'six';}?>">

			   <?php if($hotspring_photo != "") : ?>
					<img class="spas_model_photo_mobile" src="<?php the_sub_field('hotspring_photo') ;?>" alt="<?php the_sub_field('hotspring_name') ;?>" />
			   <?php endif; ?>
			<?php if($hotspring_video != "") : ?>
					<div class="hotspring_video_mobile"><?php echo do_shortcode($hotspring_video); ?></div>
			   <?php endif; ?>
				<?php echo do_shortcode($hotspring_description); ?>
				<?php $hotspring_link = get_sub_field('hotspring_link'); ?>
				<?php if($hotspring_link != "") : ?>
					<a href="<?php the_sub_field('hotspring_link') ;?>" class="button">View Models</a>
				<?php endif; ?>
	
			   </div>
			   
			   <div class="column six spa-image spas_model_photo_desktop">
				<?php if($hotspring_photo != "") : ?>
					<img src="<?php the_sub_field('hotspring_photo') ;?>" alt="<?php the_sub_field('hotspring_name') ;?>" />
			   <?php endif; ?>
			   <?php echo do_shortcode($hotspring_video); ?>
			   </div>
			
			<div class="clear"></div>
			</div>
		  </div>
		  	
	  <?php $tabcontents++;endwhile; ?>
	 
	<?php endif; ?>  
    <div class="clear"></div>
	</div>

</div>

<div class="clear"></div>

</div>

<?php endif; ?>