<?php

/*
 * Template name: Visitors
 *
 * @package far_loop
 *
 */

get_header();

$fields = array_fill_keys( array(
	'featured_image',
	'sections',
), null );

foreach ( $fields as $field => $value )
	$fields[$field] = get_field( $field );

?>

<div class="u_pt-3 u_pt-md-6">
    <div class="l_container u_mv-5">
      <!-- page-title module-->
      <div class="page-title u_mb-3 u_mb-md-4">
        <!-- Page title-->
        <h1 class="page-title__apex-title u_mb-0p5"><?php the_title();?></h1>
      </div>
      
      <?php if ( !empty( $fields['featured_image'] ) ) : ?>
      
      <figure class="cover-image"><img src="<?php echo $fields['featured_image']['url'];?>" alt="<?php echo $fields['featured_image']['caption'];?>">
        <figcaption class="cover-image__caption"><?php echo $fields['featured_image']['caption'];?></figcaption>
      </figure>
      
      <?php endif;?>
      
      <!-- share-module-->
      <?php share_module();?>
      
      <div class="grid u_mh-min1p5 u_mt-md-4">
        <div data-sticky-sidebar class="col--sm--two--fifth col--md--one--third u_ph-1p5">
          
          <?php if ( !empty( $fields['sections'] ) ) : ?> 
          
          <ul class="side-nav">
	        
	        <?php foreach ( $fields['sections'] as $section ): ?>
            
            <li class="side-nav__item"><a class="side-nav__link" href="#" data-soft-scroll="#<?php echo sanitize_title( $section['section_title'] );?>"><?php echo $section['section_title'];?></a></li>
            
            <?php endforeach;?>
            
          </ul>
          
          <?php endif;?>
          
        </div>
        <div class="col--sm--three--fifth col--md--two--third u_ph-1p5">
          
          <?php if ( !empty( $fields['sections'] ) ) : ?>
          
          <?php foreach ( $fields['sections'] as $section ): ?>
          
          <!-- visitors-section module-->
          <div id="<?php echo sanitize_title( $section['section_title'] );?>" class="visitors-section">
            <h2 class="visitors-section__section-heading"><?php echo $section['section_title'];?></h2>
            
            <?php foreach ( $section['section_group'] as $group ) : ?>
            
            <!-- visitors-section block group-->
            <div class="visitors-section__blockgroup">
              <h3 class="visitors-section__blockgroup-heading"><?php echo $group['section_group_title'];?></h3>
              
              <?php foreach ( $group['block_content'] as $block ) : ?>
              
              <!-- visitors-section block-->
              <div class="visitors-section__block">
	            
	            <?php if ( !empty( $block['block_title'] ) ) : ?>
                
                <h4 class="visitors-section__block-heading"><?php echo $block['block_title'];?></h4>
                
                <?php endif; // block title ?>
                
                <div class="visitors-section__block-content"><?php echo $block['content'];?></div>
              </div>
              
              <?php endforeach; // section block ?>
              
            </div>
            
            <?php endforeach; // section group ?>
            
          </div>
          
          <?php endforeach; //section ?>
          
          <?php endif;?>
          
        </div>
      </div>
    </div>
  </div>

<?php

get_footer();
