<?php
/**
 * The template for displaying Category pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

<?php
$categories = get_the_category();
$cat_id = $categories[0]->cat_ID;
$banner = get_field('banner', 'category_'.$cat_id);
if($banner) {
	$banner_img = get_field('banner', 'category_'.$cat_id);
} else {
	$banner_img = get_template_directory_uri().'/images/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_img; ?>" alt="">
      <div class="carousel-caption inner-banner">
        <h2><?php the_title(); ?></h2><br>
       <!-- <h3 class="hidden-xs">lorem ipsum</h3>-->
      </div>
    </div>
  </div>
</div>
</div>


<div class="inner-page-wrapper">
    <div class="container">
      <div class="row">
	  
	  
        <div class="col-md-12">
          <div class="row">
            <div class="col-md-12 inner-hed-left">
          		<div class="main-head"> <?php printf(single_cat_title( '', false ) ); ?> </div>
        	</div>
          </div><!-- row -->
		 
		 <div class="owl-container category"> 
		  <?php 
		  $count = 0;
		  while ( have_posts() ) : the_post(); 
	  		$content = get_the_content();
			$trimmed_content = wp_trim_words( $content, 40); 
			$count++; ?>
         <div class="col-md-4">
		  <div class="item">
            <div class="image-container">
              <img src="<?php echo wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>" alt="<?php the_title(); ?>" />
              <div class="blog-hed"><?php echo category_name(); ?></div><!-- blog-hed -->
            </div><!-- image-container -->
            <div class="inner">
              <div class="date-container">
                <ul>
                  <li><a href="#"><i class="fa fa-calendar"></i><?php the_time('d-n-Y'); ?></a></li>
                  <li><a href="#"><i class="fa fa-user"></i><?php echo get_field('author'); ?></a></li>
                </ul>
              </div><!-- date-container -->
              <h3><?php the_title(); ?></h3>
              <p><?php echo $trimmed_content; ?></p>
              <a href="<?php the_permalink(); ?>" class="common-btn">read more</a>
            </div><!-- inner -->
          </div>
		  </div>
		  <?php if ( 0 ==$count%3 ) { echo '<div class="clearfix"></div>'; }   ?>
	<?php endwhile; ?>
	</div>
        </div><!-- col-8 -->
	
	
	<?php //get_sidebar('right'); ?>
        
      </div><!-- row -->
    </div><!-- container -->
  </div>

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