<?php

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

get_header();

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

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

$archive = get_page_by_path( 'archive' );

?>

<div class="u_pt-3 u_pt-md-6">
    <div id="mainContainer" class="l_container u_mv-5">
      <div class="grid u_mh-min1 u_mb-3 u_mb-md-0">
        <div class="col--md--one--half u_ph-1">
          <!-- 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>
        </div>
        <div class="col--md--one--half u_ph-1">

          <?php if ( !empty( $fields['sections'] ) ) :?>

          <ul class="same-page-nav">

            <?php foreach ( $fields['sections'] as $section ) : ?>

            <li class="same-page-nav__item"><a href="#<?php echo sanitize_title( $section['title'] );?>" data-soft-scroll="#<?php echo sanitize_title( $section['title'] );?>" class="same-page-nav__link"><?php echo $section['title'];?></a></li>

            <?php endforeach; // section ?>

          </ul>

          <?php endif; //sections ?>

        </div>
      </div>
      <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>
      <div class="grid u_mh-min1p5">
        <div data-sticky-sidebar class="col--sm--three--seventh col--md--two--fifth u_ph-1p5">
          <!-- share-module-->
          <?php share_module();?>
        </div>
        <div class="col--sm--four--seventh col--md--three--fifth u_ph-1p5">
          <!-- wysiwyg module-->
          <div class="wysiwyg">
            <!-- wysiwyg text block-->
            <?php echo $fields['description'];?>
          </div>
        </div>
      </div>

      <?php

	  if ( !empty( $fields['sections'] ) ) :

	  foreach ( $fields['sections'] as $section ) : ?>

      <div id="<?php echo sanitize_title( $section['title'] );?>" class="u_mv-7 u_pt-4 u_bd-top-black">
        <h2 class="u_mb-4 apex u_text-zero-kerning"><?php echo $section['title'];?></h2>
        <?php if ( !empty( $section['content'] ) ) : ?>
        <div class="grid u_mh-min1p5 u_mb-6">
          <div class="col--sm--four--seventh col--md--three--fifth u_ph-1p5">
            <!-- wysiwyg module-->
            <div class="wysiwyg">
              <!-- wysiwyg text block-->
              <?php echo $section['content'];?>
            </div>
          </div>
          <div data-sticky-sidebar data-sticky-offset="140" class="col--sm--three--seventh col--md--two--fifth u_ph-1p5">
            <div class="u_pl-2 u_bd-left-black">
              <!-- info-card module-->
              <div class="info-card">
                <!-- info-card list-->
                <dl class="info-card__list">

                  <?php if ( !empty( $section['dates_and_venues'] ) ) :?>

                  <!-- info-card list item-->
                  <dt class="info-card__key"><span class="info-card__key-text"><?php _e( 'Dates and venues', 'far_loop' );?></span></dt>
                  <dd class="info-card__value"><?php echo $section['dates_and_venues'];?></dd>

                  <?php
	              endif;
                  if ( !empty( $section['programme'] ) ) :?>

                  <!-- info-card list item-->
                  <dt class="info-card__key"><span class="info-card__key-text"><?php _e( 'Programme', 'far_loop' );?></span></dt>
                  <dd class="info-card__value"><?php printf( __( 'Download the complete programme %s', 'far_loop' ), '<a href="' . $section['programme']['url'] . '">'.__('here','far_loop').'</a> (pdf)');?></dd>

                  <?php endif;?>
                </dl>
              </div>
            </div>
          </div>
        </div>

        <?php

	    endif; // section content

	    if ( $section['activities'] ):

	    foreach ( $section['activities'] as $activity ) {

		    studies_thumb( $activity );

	    }

	    endif;

        if ( !empty( $section['category'] ) && $section['activities'] ) : ?>

        <div class="u_mt-min2">
          <!-- button module-->
          <a href="<?php echo esc_url( add_query_arg( 'activity-type', $section['category']->slug, get_permalink( $archive ) ) );?>" class="button"><?php printf( __( 'View in agenda &mdash; %s', 'far_loop' ), $section['title'] );?></a>
        </div>

        <?php endif;?>

      </div>

      <?php endforeach; endif; // section ?>

    </div>
  </div>

<?php

get_footer();
