<?php

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

<?php
$id_post = get_the_id();
$term_slug = get_the_terms($id_post, 'group');
$args = array(
  'posts_per_page' => 8,
  'post_type' => 'service',
  'orderby' => 'date',
  'order' => 'DESC',
  'post_status' => 'publish',
  'post__not_in' => array($id_post),
  'tax_query' => array(
    array(
       'taxonomy' => 'group',
       'field' => 'slug',
       'terms' => $term_slug[0],
    )
)
);
$loop = new WP_Query($args, ARRAY_A);
?>
<main class="main-content">
  <section class="section-header-page" style="background-image: url('<?php bloginfo('template_directory'); ?>/assets/images/bg-service.jpg')">
    <div class="container">
      <h1 class="title-page h2-sm"><?php echo $term_slug[0]->name ?></h1>
      <div class="header-page-description text-center text-white">
        <?php echo $term_slug[0]->description ?>
      </div>
    </div>
  </section>


  <div class="primary-content">
    <div class="container">
      <article class="single-post service-detail">
        <div class="post-heading">
          <h2 class="post-title h2 text-center"><?php the_title(); ?></h2>
        </div>
        <div class="post-body">
          <?php the_content(); ?>
        </div>
      </article>
      <div class="related">
        <h3 class="h3">Bài viết liên quan</h3>
        <div class="row">
          <?php if ($loop->have_posts()) while ($loop->have_posts()) : $loop->the_post(); ?>
            <div class="col-md-4 related-col">
              <div class="news-item">
                <div class="news-item-img">
                  <?php
                  if (has_post_thumbnail(get_the_ID(), "275x208")) { ?>
                    <a href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>" class="thumb-img">
                      <?php the_post_thumbnail("275x208"); ?>
                    </a>
                  <?php } else { ?>
                    <a href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?> " class="thumb-img">
                      <img src="<?php bloginfo('template_directory'); ?>/assets/images/upload/service_not_thumb.jpg" alt="<?php the_title(); ?>">
                    </a>
                  <?php } ?>

                </div>
                <div class="news-item-text">
                  <h3 class="title-news dotdotdot" style="overflow-wrap: break-word;">
                    <a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a>
                  </h3>
                  <div class="meta">
                    <i class="fa fa-clock-o"></i> <?php echo get_the_date() ?>
                  </div>
                  <div class="news-item-blockquote">
                    <?php the_content(); ?>
                  </div>
                </div>
              </div>
            </div>
          <?php endwhile; ?>
        </div>
      </div>
    </div>
  </div>
</main>
<?php get_footer(); ?>