<?php 
/**
 * Display Search page for the theme.
 * 
 * @copyright  ZiniMedia 2016
 * @version    Release: 0.1
 * @package    venus
 * @author     ZiniMedia-BM
 */ 
?>
<?php get_header(); ?>

<!-- main content -->
<main class="main-content">  
  <section class="flowers">
    <div class="container">
      <div class="search-page">
          <section class="sub-banner">
            <?php 
              /* Search Count */
              global $wp_query;
              $count = sizeof( $wp_query->posts );
              $key = esc_html($s, 1); 
            ?> 
            <div class="container">
                <div class="page-heading">
                  <h1 class="title title-sz-1 text-primary-1 fw-bold">KẾT QUẢ TÌM KIẾM: <?php echo $key; ?></h1>
                </div>
            </div>
        </section> 
        <div class="search-result">
          <div class="search-result-topic">
            <div class="row">
              <?php if ( have_posts() ) :
                while ( have_posts() ) : the_post(); 
                if (is_search() && ($post->post_type == 'post' || $post->post_type == 'page')) {
                  if (has_post_thumbnail(get_the_ID())) {
                    $thumbnail =  get_the_post_thumbnail_url( get_the_ID(), "275x208" );
                  } else {
                    $thumbnail = get_template_directory_uri() . '/assets/images/upload/service_not_thumb.jpg';
                  }
                
              ?>
              <div class="col-6 col-md-4 col-lg-3 search-result-item">
                <div class="news-item">
                  <div class="news-item-img">
                    <a href="<?php the_permalink(); ?>"><img src="<?php echo $thumbnail?>" alt="<?php the_title(); ?>" /></a>
                  </div>
                  <div class="news-item-text">
                    <h3 class="title-news dotdotdot" data-toggle="tooltip" data-placement="bottom"
                      title="<?php the_title(); ?>">
                      <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                    </h3>
                    <div class="meta">
                      <i class="fa fa-clock-o"></i> <?php echo   get_the_date(); ?>
                    </div>
                  </div>
                </div>
              </div> 
                <?php 
                }
                endwhile;
              endif;?>
            </div>
          </div> 
        </div>
      </div>
    </div>
  </section>
</main>
<!-- e: main content -->

 <?php get_footer(); ?>