<?php

/**
 * Display archive VENUS for the theme.
 * 
 * @copyright  ZiniMedia 2016
 * @version    Release: 0.1
 * @package    venus
 * @author     ZiniMedia-BM
 */
?>
<?php get_header(); ?>
<?php
$term_name  = get_queried_object()->name;
$term_description  = get_queried_object()->description;
$term_slug  = get_queried_object()->slug;
$services = get_posts(([
  'post_type' => 'service',
  'hide_empty' => false,
  'tax_query' => array(
        array(
           'taxonomy' => 'group',
           'field' => 'slug',
           'terms' => $term_slug,
        )
  )
]));
?>
<main class="main-content">
  <!-- section-header-page -->
  <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_name ?></h1>
      <div class="header-page-description text-center text-white">
      <?php echo $term_description ?>
      </div>
    </div>
  </section>
  <!-- e: section-header-page -->

  <div class="primary-content">
    <!-- service-page -->
    <div class="service-page">
      <div class="container">
      <div class="banner-ads">
          <?php
            $newsAd =  get_field('zini_archive_service_ad','option');
          ?>
          <a href="#"><img src="<?php echo $newsAd['url'] ?>" alt=""></a>
        </div><!-- /.banner-ads -->
        <div class="row service-list">
          <?php
          foreach ($services as $service) { ?>
            <div class="col-sm-6 col-md-4 col-lg-3 service-col">
              <div class="news-item">
                <div class="news-item-img">
                  <?php if (has_post_thumbnail($service->ID, "275x208")) {
                    $imgThumb = wp_get_attachment_image_src(get_post_thumbnail_id($service->ID), "275x208");
                  ?>
                    <a href="<?php echo get_the_permalink($service->ID); ?>" title="<?php the_title(); ?> ">
                      <img src="<?php echo $imgThumb[0]; ?>" alt="<?php the_title(); ?>" />
                    </a>
                  <?php } else { ?>
                    <a href="<?php echo get_the_permalink($service->ID); ?>" 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 } ?>


                  <!-- <a href="#"><img src="images/upload/service-img-1.jpg" alt="" /></a> -->
                </div>
                <div class="news-item-text">
                  <h3 class="title-news dotdotdot">
                    <a href="<?php echo get_the_permalink($service->ID); ?>"><?php echo $service->post_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_excerpt(); ?>
                  </div>
                </div>
              </div>
            </div><!-- col -->
          <?php } ?>
        </div>

      </div>
    </div>
    <!-- e: service-page -->
  </div>
</main>

<?php get_footer(); ?>