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


<section class="banner-container inner-banner">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
      <div class="item active"> 	 
	 	<img src="<?php echo get_template_directory_uri(); ?>/images/inner-banner.jpg" alt="<?php the_title(); ?>">
        <div class="carousel-caption hidden-xs">
          <h4><?php printf(single_cat_title( '', false ) ); ?></h4>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- banner-container -->

<div class="inner-wrapper">
  <div class="container">
    <div class="row">
      <div class="breadcrumb-container text-center">
      <div class="breadcrumb">
        <ul>
        <li><a href="<?php echo site_url('/'); ?>">Home &nbsp/ </a></li>
        <li class="active">  &nbsp <?php printf(single_cat_title( '', false ) ); ?> </a></li>
        </ul>
      </div><!-- breadcrumb -->
      </div><!-- readcrumb-container -->
     <div class="inner-container">
      <div class="col-md-12">
        <h5><?php printf(single_cat_title( '', false ) ); ?></h5>
        <img src="<?php echo get_template_directory_uri(); ?>/images/specialise-under-line.png" alt=""/>
		
		<?php 
		if(is_category('11')) {
		echo '<br />'.do_shortcode('[print_gllr id=245]'); 
		} ?>
			<div class="common-section">	
				<div class="owl-container">
				
					<?php
					// Start the Loop.
					while ( have_posts() ) : the_post(); 
					$content = get_the_content();
					$trimmed_content = wp_trim_words( $content, 15); ?>
						<div class="col-md-4 col-xs-12 ">
						<div class="item">
              <div class="img-container"><img src="<?php echo wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())); ?>" alt="<?php the_title(); ?>"/>
                <label><?php echo category_name(); ?></label>
              </div><!-- img-container -->
              <div class="blog-content"> 
                <div class="inner">
                <div class="col-md-3 pad-left-none">
                  <div class="date-container">
                    <div class="date">
                    <h3><?php the_time('d'); ?><span><?php the_time('M'); ?></span></h3>
                  </div><!-- date -->
                  </div><!-- date -container-->
                  <div class="count"><h3>1</h3></div><!-- count -->
                </div><!-- col-3 -->
                <div class="col-md-9 pad-left-none pad-right-none">
                  <div class="links">
                  <ul>
                    <li><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/blog-admin.png" alt=""/><?php echo get_field('author'); ?></a></li>
                  </ul>
                </div><!-- links -->
                <h4><?php the_title(); ?></h4>
                <p><?php echo $trimmed_content; ?></p>
                <a href="<?php the_permalink(); ?>" class="more_common">more<img src="<?php echo get_template_directory_uri(); ?>/images/specialise-button-img.png" alt=""></a>
                </div><!-- col-9 -->
              </div><!-- inner -->
              </div><!-- blog-content -->
            </div>
		</div>			
					<?php endwhile; ?>
				</div>
		</div>
		
		<div class="clearfix"></div>
		
		<p>&nbsp;</p>
		
		<div class="fb_container">
		
		<?php
		
		/*$category = get_the_category(); 
		$cat_id = $category[0]->cat_ID;
		
		print_r($category);*/
		
		$category = get_category( get_query_var( 'cat' ) );
		$cat_id = $category->cat_ID;
		//echo 'ID'.$cat_id;
				// Start the Loop.
				$the_query = new WP_Query( 'post_type=fbarticle&cat='.$cat_id);
				$count=0;
				   if ( $the_query -> have_posts() ) : 
				   echo '<h2>External Links</h2>';
				   while ( $the_query -> have_posts() ) : $the_query -> the_post();
					
				 $articles = get_field('fb_articles');
					foreach($articles as $article) { 
					$count++;
					?>
						<div class="col-md-6 col-xs-12 " data-id="<?php echo $count; ?>"> <?php echo $article['article']; ?> </div>
					<?php if ( 0 ==$count%2 ) { echo '<div class="clearfix"></div>'; }   
				 } 
				
				endwhile; endif; ?>
		</div>

      </div><!-- col-md-8 -->
     </div><!-- inner-container -->
    </div><!-- row -->
  </div><!-- container -->
  <div class="doctor-section">
    <div class="container">
      <div class="row">
        <div class="col-md-6 service-container-bg-color">
          <?php dynamic_sidebar('about_dr'); ?>
        </div><!-- col-md-6 -->
        <div class="col-md-6 pad-left-none text-center dr_img">
          <?php dynamic_sidebar('abt_dr_image'); ?>
        </div><!-- col-md-6 -->
      </div><!-- row -->
    </div><!-- container -->
  </div><!-- doctor-section -->
</div>

<!--<script>
jQuery(document).ready(function(){
alert(123);
	jQuery('.pluginSkinLight > div').css('width', '50px');
});
</script>-->

<?php get_footer(); ?>