<?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(); ?>

<?php
$banner_img = get_field('banner');
if($banner_img) {
	$banner = get_field('banner');
} else {
	$banner = get_template_directory_uri().'/images/inner-banner.jpg';
} 

?>

<section class="inner-banner">
 <img src="<?php echo $banner; ?>" alt="<?php the_title(); ?>" class="inner-img">
 <div class="caption-con">
   <h2><?php the_title(); ?></h2>
    <ul>
		<li><a href="<?php echo site_url('/'); ?>">Home</a></li>
		<li class="active"><a><?php the_title(); ?></a></li>
    </ul>
 </div><!-- caption=con -->
</section>

<section class="inner-pg">
  <div class="special-container">

    <div class="container-flued">
      <div class="row">
        <div class="first-sec">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <h4><?php the_title(); ?></h4>
        </div><!-- col-3 -->
        <div class="col-md-12 col-sm-12 col-xs-12">
          <?php the_content(); ?>

		  <div class="gallery"> 
		  <?php 
		  $galleries = get_field('gallery');
		  if($galleries)
		  {
			  foreach($galleries as $gallery) {
				$image = aq_resize( $gallery, 280, 165, true );
				echo '<div class="col-sm-3">
				<a class="fancybox" href="'.$gallery.'" data-fancybox-group="gallery"><img src="'.$image.'" alt="" /></a>
			  </div>';		  	 
			  }
			}
		  ?>  
		</div>

        </div><!-- col-8 -->
      </div><!-- .first-sec -->
      </div><!-- row -->
    </div><!-- container -->
  </div><!-- special-container -->



</section>



<?php endwhile; ?>
		

<?php get_footer(); ?>