<?php get_header(); ?>
<div id="category-tmp" class="site-main-wrapper page-wrapper">
	<div class="container">
		<div class="row row-collapse">
			<div class="col hidden-xs col-sm-4 col-md-3 main-sidebar">
				<?php get_sidebar();?>
			</div>
			<div class="col-xs-12 col-sm-8 col-md-9 main content">
				<main class="site-main"> 
					<section class="category-tmp-posts">
							<header class="section-header tmp-title-bar clearfix">		
								<h1 class="title"><?php single_cat_title();?></h1>
							</header>
							<div class="description-category">
								<?php if (category_description() ) : ?>
									<div class="description-archive">
										<?php echo category_description( $category_id ); ?>
									</div>
								<?php endif; ?>
							</div>
							<div class="section-main clearfix">
								<?php if (have_posts()): ?>
								<div class="cate-list-posts row">
									<?php while (have_posts()): the_post();  ?>
										<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
											<div class="col post-item">
												<div class="col-inner">
													<a href="<?php the_permalink();?>" class="plain" alt="<?php the_title(); ?>">
														<div class="box box-normal box-text-bottom box-blog-post has-hover">
										            		<div class="box-image">
										  						<div class="image-zoom image-cover">
										  							<?php the_post_thumbnail('thumbv');?>
										  							<div class="overlay" style="background-color: rgba(0, 0, 0, 0)"></div>
										  						</div>
										  					</div><!-- .box-image -->
										          			<div class="box-text text-center">
																<div class="box-text-inner blog-post-inner">
																	<h5 class="post-title is-larger "><?php the_title(); ?></h5>
																	<div class="is-divider"></div>
																	<p class="from_the_blog_excerpt "><?php echo string_limit_words(get_the_excerpt(), 15); ?>
																	</p>
																</div><!-- .box-text-inner -->
															</div><!-- .box-text -->
														</div><!-- .box -->
													</a><!-- .link -->
												</div><!-- .col-inner -->
											</div>
										</div>
									<?php endwhile;?>
								</div>
								<?php wp_corenavi_table();?>
								<?php else : ?>
									<div class="message-warning message"><span> Không có bài viết nào trong chuyên mục này </span></div>
								<?php endif;?>
							</div>
					</section>
				</main>
			</div>
		</div>
	</div>	
</div>
<?php get_footer(); ?>


<?php/*
if website has sidebar left
col-xs-12 col-sm-12 col-md-8 col-md-push-4 col-lg-push-3 col-lg-9 main content
col-xs-12 col-sm-12 col-md-4 col-md-pull-8 col-lg-pull-9 col-lg-3 sidebar
*/?>