<?php
/**
 * The Template for displaying all single posts
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

<?php 

while ( have_posts() ) : the_post();

$banner_img = get_field('banner');
	if($banner_img) {
		$banner = get_field('banner');
	} else {
		$banner = get_template_directory_uri().'/images/banner-inner.jpg';
	} 
		  
 ?>	
<div class="carousel-container">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="<?php echo $banner; ?>" alt="<?php the_title(); ?>"/>
      <div class="carousel-caption">
        <div class="inner">
          <div class="star"></div><!-- star -->
          <h1><?php the_title(); ?></h1>
          <div class="breadcrumb-container">
            <ol class="breadcrumb">
              <li><a href="<?php echo site_url(); ?>">Home</a></li>
              <li class="active"><?php the_title(); ?></li>
            </ol>
          </div><!-- breadcrumb-containwer -->
        </div><!-- inner -->
      </div>
    </div>
  </div>
</div>
</div>
<?php endwhile; ?>	


<section class="inner-wrapper">
  <div class="container">
    <div class="row">

<?php while ( have_posts() ) : the_post(); ?>
	
      <div class="col-md-8">
        <div class="row">
          <div class="col-md-12">
        <div class="common-head">
          <span><?php the_title(); ?></span>
          <img src="<?php echo get_template_directory_uri(); ?>/images/undr.png" alt="">
        </div><!-- common-head -->
      </div><!-- col-12 -->
        </div><!-- row -->
        <?php the_content(); 
		$postcat = get_the_category( $post->ID );
		$link = get_field('publication_link');
		if($link)
		{
			echo '<a href="'.$link.'" target="_blank" class="list-more">Read on '.$postcat[1]->name.'</a>';
		}
		
		?>
		
		<?php 
		$video_id = get_field('video_id');
		if($video_id) { ?>
			<div class="video-responsive">
				<iframe width="420" height="315" src="http://www.youtube.com/embed/<?php echo $video_id; ?>" frameborder="0" allowfullscreen></iframe>
			</div>
		<?php } ?>

		
		<div class="gallery" style="width:100%;"> 
		  <?php 
		  $galleries = get_field('images');
		  if($galleries)
		  {
			  foreach($galleries as $gallery) {
				$image = aq_resize( $gallery['url'], 280, 165, true );
				echo '<div class="col-sm-4">
				<a class="fancybox" href="'.$gallery['url'].'" data-fancybox-group="gallery"><img src="'.$image.'" alt="" /></a>
			  </div>';		  	 
			  }
			}
		  ?>  
		</div>
      </div><!-- col-8 -->
<?php endwhile; ?>	

<?php get_sidebar('right'); ?>
      
    </div><!-- row -->
  </div><!-- container -->
</section>

<?php get_footer('abtdr'); ?>

<?php get_footer(); ?>